Scribd
Upload
55 views17 pages

Practical 1

The document contains code for 8 HTML practical assignments: 1) Create a web page with title and student details 2) Use font tags to format text 3) Display an image with a link 4) Use character entities 5) Create ordered and unordered lists, and definition lists 6) Create basic and nested tables 7) Make a login form within a div 8) Build a registration form using a table Each practical includes the code and an evaluation section.

Uploaded by

lofofop718
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
55 views17 pages

Practical 1

The document contains code for 8 HTML practical assignments: 1) Create a web page with title and student details 2) Use font tags to format text 3) Display an image with a link 4) Use character entities 5) Create ordered and unordered lists, and definition lists 6) Create basic and nested tables 7) Make a login form within a div 8) Build a registration form using a table Each practical includes the code and an evaluation section.

Uploaded by

lofofop718
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 17

Practical-1

Aim: Write HTML code to develop a web page with red background titled “My first page”
& give your details.

<html>
<head>
<title>My First Page</title>
</head>
<body bgcolor=red>
<b>
Hello everyone,
I am a student of Bachelor Engineer
</b>
</body>
</html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-2
Aim: Create a page to show different attributes of font formatting tags.

<html>
<head>
<title>font formatting tags</title>
</head>
<body>
<font face="Lucida Handwriting">
This shows font face..
</font><br><br>
<font size="10">
This shows the size of the font.
</font><br><br>
<font color="FF0000">
This shows the color of the font.
</font>
</body>
</html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-3
Aim: Write HTML document which display image in center and use link.
<html>
<head>
<title>Image Link</title>
</head>
<body>
<center>
<a href="1.html"><img src="road.jpg" alt="Image-link"></a>
</center>
</body>
</html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-4
Aim: Write HTML document using different character entities.

<html>
<head>
<title>Character Entities</title>
</head>
<body>
<table border=3>
<tr>
<th align="left">Result</th>
<th align="left">Description</th>
<th align="left">Entity Name</th>
<th align="left">Entity Number</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>non-breaking space</td>
<td>&amp;nbsp;</td>
<td>&amp;#160;</td>
</tr>
<tr>
<td>&#60;</td>
<td>less than</td>
<td>&amp;lt;</td>
<td>&amp;#60;</td>
</tr>
<tr>
<td>&gt;</td>
<td>greater than</td>
<td>&amp;gt;</td>
<td>&amp;#62;</td>
</tr>
<tr>
<td>&amp;</td>
<td>ampersand</td>
<td>&amp;amp;</td>
<td>&amp;#38;</td>
</tr>
<tr>
<td>&cent;</td>
<td>cent</td>
<td>&amp;cent;</td>
<td>&amp;#162;</td>
</tr>
<tr>
<td>&pound;</td>
<td>pound</td>
<td>&amp;pound;</td>
<td>&amp;#163;</td>
</tr>
<tr>
<td>&yen;</td>
<td>yen</td>
<td>&amp;yen;</td>
<td>&amp;#165;</td>
</tr>
<tr>
<td>&euro;</td>
<td>euro</td>
<td>&amp;euro;</td>
<td>&amp;#8364;</td>
</tr>
<tr>
<td>&sect;</td>
<td>section</td>
<td>&amp;sect;</td>
<td>&amp;#167;</td>
</tr>
<tr>
<td>&copy;</td>
<td>copyright</td>
<td>&amp;copy;</td>
<td>&amp;#169;</td>
</tr>
<tr>
<td>&#174;</td>
<td>registered trademark</td>
<td>&amp;reg;</td>
<td>&amp;#174;</td>
</tr>
<tr>
<td>&#8482;</td>
<td>trademark</td>
<td>&amp;trade;</td>
<td>&amp;#8482;</td>
</tr>
</table>
</body></html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-5
Aim:
i. Create a webpage showing an ordered list of your five friends with different types.

<html>
<head>
<title>
Ordered list
</title>
</head>
<body>
<table border=1>
<tr>
<th colspan=5>Types of ordered list</th>
</tr>
<tr>
<th>1</th>
<th>i</th>
<th>A</th>
<th>a</th>
<th>I</th>
</tr>
<tr>
<td>
<ol type=1>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ol>
</td>
<td>
<ol type=i>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ol>
</td>
<td>
<ol type=A>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ol>
</td>
<td>
<ol type=a>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ol>
</td>
<td>
<ol type=I>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
ii. Display restaurant menu with different category with their items using <DL> <DT>
<DD> tag.
<html>
<head>
<title>definition list </title>
</head>
<body>
<h4><u>A Definition List:</u></h4>
<dl>
<dt><b>Welcome drink</b></dt>
<dd>- jal jeera</dd>
<dt><b>Coffee</b></dt>
<dd>- black hot drink</dd>
<dt><b>Milk</b></dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
iii. Display and unordered list of name of your five friends with different type.
<html>
<head>
<title>
Unordered list
</title>
</head>
<body>
<table border=1>
<tr>
<th colspan=3>Types of unordered list</th>
</tr>
<tr>
<th>disk</th>
<th>square</th>
<th>circle</th>
</tr>
<tr>
<td>
<ul type=disk>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ul>
</td>
<td>
<ul type=square>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ul>
</td>
<td>
<ul type=circle>
<li>Pratik</li>
<li>Brijesh</li>
<li>Gautam</li>
<li>Hardik</li>
<li>Ravindra</li>
</ul>
</td>
</tr>
</table>
</body>
</html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-6

Aim:
i. Write a HTML code to create a table.
<html>
<head>
<title>TABLE</title>
</head>
<body>
<table border=3>
<tr>
<th>Name:
<th>Enroll No.
<th>Email-ID
</tr>
<tr>
<td>ABC
<td>100020107050
<td>[email protected]
</tr>
<tr>
<td>PQR
<td>100020107065
<td>[email protected]
</tr>
<tr>
<td>XYZ
<td>100020107057
<td>[email protected]
</tr>
</table>
</body>
</html>
ii. Write an HTML code to create a Nested table.

<html>
<head>
<title>nested table</title>
</head>
<body>
<table border="1">
<tr>
<td>
<p>This is first cell</p>
</td>
<td>
<p>This is second cell</p>
</td>
</tr>
<tr>
<td>
<p>This is Third cell</p>
<table border="1">
<tr>
<td>one</td>
<td>Two</td>
</tr>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</table>
</td>
<td>
<p>This is forth cell</p>
</td>
<tr>
</table>
</body>
</html>
EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-7
Aim: Create a simple HTML form for Login in Div.

<html>
<head>
<title>Log in form</title>
</head>
<body>
<form>
<div align="center">
<table border=3>
<tr><th colspan=2>LOG IN FORM</tr>
<tr>
<td>E-mail
<td><input type=text name=email value="Enter your email id">
</tr>
<tr>
<td>Password
<td><input type=password name=p1 value="">
</tr>
<tr><td colspan=2><center><input type=button name=s1 value=SUBMIT>
<input type=reset name=r1 value=RESET></center></tr>
</table></div></form></body>
</html>

EVALUATION:

Problem Understanding Timely Mock (2) Total (10)


Analysis& Level Completion (2)
Solution (3) (3)

Signature:
Practical-8
Aim: Create a simple HTML form for Registration in Table.
<html>
<head>
<title>table</title>
</head>
<body>
<form>
<table border=3>
<tr>
<td colspan=4 align=center>Registration Form
</tr>
<tr>
<td>Name:
<td><input type="text" name=fname value="firstname">
<td><input type="text" name=lname value="lastname">
</tr>

<tr>
<td>Address:
<td><textarea rows=6 cols=15>
</textarea>

</tr>

You might also like