Anda di halaman 1dari 16

Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST

SHIFT)

EXERCISE- I
HTML TAGS

AIM: To demonstrate various HTML tags like Document structure tags,text formatting
tags,listing tags,linking tags,image tags,table tags,frame tags ,form tags.

CODE:1

<DOCTYPE !html>

<html>

<head>

<title>my home page</title>

</head>

<body>

<h1>MY HOME PAGE</h1>

<p>hi!!! i am here</p>

</body>

</html>

Code 2:

PAGE NO:1
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<HTML>

<HEAD>

<TITLE>TEXT TAGS</TITLE>

</HEAD>

<BODY>

<b>TOM & JERRY</b>

<b>SINCHAN</b>

<i>POWER PUFF GIRLS</i>

<i>POKEMON</i>

<i>TINTIN</i>

<div align="right">NODDY</div>

<tt>ed ed
eddie</tt><tt>OSWORLD<center>SPIDERMAN</center></tt><tt><center>BOB THE
BUILDER</center></tt>

<tt><center>PINGOO</center></tt>

<ins>CHIP AND DALE</ins>

<em>ALADDIN</em>

</BODY>

</HTML>

Code :3

PAGE NO:2
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<HTML>

<HEAD>

<TITLE>text tags</TITLE>

</HEAD>

<BODY>

<blackquote><font size="4">it is used to indent the text from both the side.it justifies
the text on the browser screen It is the container tag,Which include both opening and
closing tag</font></blackquote><br>

<p><font size="5">BATMAN</font></p><br>

<p><font size="7">CHOTA BHEEM</font></p><br>

<small>POPEYE</small><br>

<font color="blue">BLUE COLOR</font><br>

<font color="blue">BLUE COLOR</font><br>

<font size="5">GOOFY</font><br>

<font size="5">MICKY MOUSE</font><br>

</BODY>

</HTML>

Code:4

PAGE NO:3
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<HTML>

<HEAD>

<TITLE>ques 4</TITLE>

</HEAD>

<BODY>

<font><font size="7">the cat sat on the mouse</font><br>

<font size="5">the cat sat on the mouse</font><br>

<p><font size="7">10BASE<sub><font size="7">2</font></sup></p><br>

<font><font size="7">the cat <del><font size="7">sat on the


mouse</font></del><br>

<font><font size="7">10<sup><font size="7">2</font></sub><br>

</BODY>

</HTML>

Code 5:
PAGE NO:4
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<DOCTYPE !html>

<html>

<head>

<title>

testing

</title>

</head>

<body>

<a href="yahoo.com">yahoo</a>

</body>

</html>

code:6

<DOCTYPE !html>

PAGE NO:5
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<html>

<head>

<title>

testing

</title>

</head>

<body>

<img src="image.jpg" height="150%" width="130%"/></body>

</html>

Code 7:

<DOCTYPE !html>

<html>

PAGE NO:6
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<head>

<title>

testing

</title>

</head>

<body>

<img src="image.jpg" height="50%" width="50%"/></body>

</html>

Code 8:

<DOCTYPE !html>

<html>

<head>

PAGE NO:7
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<title>

testing

</title>

</head>

<body>

<a href="google.com"><img src="image.jpg" height="50%"


width="50%"/></a>

</body>

</html>

Que 10:

<DOCTYPE !html>

<html>

<head>

<title>
PAGE NO:8
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

html

</title>

</head>

<body>

<table border="3">

<tr><td width="100" rowspan="2"></td><td


colspan="2">AVERAGE</td>

<td rowspan="2">OTHER<br /> CATEGORY</td><td>MISC</td></tr>

<tr><td>HEIGHT</td><td>WEIGHT</td></tr>

<tr><td>MALES</td><td>1.9</td><td>0.003</td></tr>

<tr><td>FEMALES</td><td>1.7</td></tr>

</table>

</body>

</html>

Code 11:

<html>

<head>

<title>

html

</title>
PAGE NO:9
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

</head>

<body>

<table height="5%" border="5" cellpadding="5" cellspacing="5" width="30%">

<tr>

<td rowspan="3"
rowpadding="5"><center>left</center></td><td><center>top</center></td
><td rowspan="3"><center>right</center></td>

</tr>

<tr>

<td><center>middle</center></td>

</tr>

<tr>

<td><center>bottom</center></td>

</tr>

</table>

</body></html>

code:12

<DOCTYPE !html>

<html>

<head>

<title>

html

</title>

PAGE NO:10
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

</head>

<body>

<table border="5">

<tr>

<td rowspan="2">left top</td><td>top middle</td><td>right top</td>

</tr>

<tr>

<td>center</td><td rowspan="2">right bottom</td>

</tr>

<tr>

<td>left bottom</td><td>bottom middle</td>

</tr>

<tr>

<td colspan="3">bottom table row</td>

</tr>

</table>

</body>

</html>

code: 13

<DOCTYPE !html>

<html>

<head>

<title>

html

</title>

</head>

PAGE NO:11
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<body>

<table border="5" width="20%">

<tr>

<td rowspan="3">A</td><td colspan="3">b</td>

</tr>

<tr>

<td>e</td><td>f</td><td rowspan="2">c</td>

</tr>

<tr>

<td colspan="2">f</td>

</tr>

</table>

</body>

</html>

code:14

<DOCTYPE !html>

<html>

<head>

<title>

html

</title>

</head>

<frameset rows="50%,50%" cols="50%,50%" border="5">

PAGE NO:12
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<frame src="frame1.html"></frame>

<frame src="frame2.html"></frame>

<frame src="colsframe1.html"></frame>

<frame src="colsframe2.html"></frame>

</frameset>

</html>

Code:15

<html>
<head>
<title>html frames</title>
</head>
<frameset rows="50%,50%">
<frameset cols="50%,50%">
<frame src="topleft.html">
<frame src="topright.html">
</frameset>
<frameset cols="50%,50%">
<frame src="bottomleft.html">
<frameset rows="50%,50%">
<frameset cols=50%,50%">
<frame src="1.html">
<frame src="bottomright.html">
</frameset>
PAGE NO:13
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<frame src="2.html">
</frameset>
</html>

Code 16:

<DOCTYPE !html>

<html>

<head>

<title>

html

</title>

</head>

<body>

<form >

PAGE NO:14
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

<h1>FEEDBACK FORM</h1>

<p>please fill this form to help improve our site</p>

Name:<input type="text" /><br />

Comments:<textarea rows="2" cols="25"></textarea><br>

<b>Things you liked:</b><br>

<input type="checkbox" name="sitedesign" value="on">Site Design

<input type="checkbox" name="links" >Links

<input type="checkbox" name="easeofuse" >ease of use

<input type="checkbox" name="images" >images

<input type="checkbox" name="sourcecode" >source code<br>

<b>How did you got to our site?:</b><br>

<input type="radio" name="links" >Search engine

<input type="radio" name="links" >Links from other site

<input type="radio" name="links" >Reference in a book

<br>

<b>Rate our site(1-10):-</b>

<select name="dropdown">

<option value="Amazing">Amazing</option>

</select>

<br>

<input type="button" name="Submit_entries" value="Submit your entries" />

<input type="reset" />

</form>

</body>

</html>

PAGE NO:15
DATE:
Name:Himank pratap singhRoll No:02114002015 Course & Shift:BCA(1ST
SHIFT)

PAGE NO:16
DATE:

Anda mungkin juga menyukai