You are on page 1of 24

Page No.

-: 1

Write an html coding for designing main page

<Html> <Head> <Title>MY 1ST WEB SITE </title> </head> <Body> </body> </html>

Page No.-: 2

Page No.-: 3

Write an html coding for background color

<Html> <Head><center><b><h1>JiTiN</h1></b></center> <Title>background color </title> </head> <body bgcolor="GREEN" text="BLUE"> </body> </html>

Page No.-: 4

Page No.-: 5

Write an html coding for showing different font styles

<Html> <Head><center>FONT STYLES</center><br> <Title> </title> </head> <Body> <font size="15">bold</font><br> <b>this is used for bold</b><br> <u>this is used for underline</u><br> <i>this is used for italics</i><br> <h1>this is used for big size</h1><br> h<sub>2</sub>o<br> 4<sup>Th</sup><br> </body> </html>

Page No.-: 6

Page No.-: 7

Write an html coding for making order and unordered list

<Html> <Head><center><b><u>ORDER & UNORDERED</u></b></center> <Title> </title> </head> <body text="BLUE"> <Center><ol><b><u>DAIRY PRODUCTS</u></b> <Li>MILK <Li>BUTTER <Li>CURD </ol> <Ul><b><u>seasons</u></b> <Li>summer <Li>winter <Li>spring </ul></center> </body> </html>

Page No.-: 8

Page No.-: 9

Write an html coding for inserting background image

<HTML> <HEAD> <TITLE>PICTURE GALARY</TITLE> </HEAD> <BODY> <CENTER> <H2><B>PICTURE GALARY</B></H2></CENTER> <P align=left><IMG height=200 alt=duck src="PICTURE GALARY_files/DUCK.jpg" border=7></P> <P align=center><IMG height=200 alt=flower src="PICTURE GALARY_files/Flower.jpg" width=200 border=7></P> <P align=right><IMG height=200 src="PICTURE GALARY_files/Butterfly.jpg" border=7></P> </BODY> </HTML>

Page No.-: 10

Page No.-: 11

Write an html coding for hyper linking

<html> <head><center><b><u>HYPERLINK</u></b><p> <title> </title> </head> <body> <a href="jitintable.html">link 1</a> <a href="olandul.html">link 2</a> <a href="bgcolor.html">link 3</a></b><p> <imgsrc="imagess/cofe.jpg"align="down"> </body> </html>

Page No.-: 12

Page No.-: 13

Write an html coding for designing a table

<Html> <Head> <Title> </title> </head> <body bgcolor="green"text="yellow"> <table border="20"border color="black" cellspacing="50" cellpading="50" align="center" Background="imagess\sky.jpg"> <Caption><h3>TABLE-1</h3></caption> <TR> <Td><b>NAME</b></td> <Td><b>ROLL NO.</b></td> </TR> <TR> <td>JITIN</td> <Td>063</td> </TR> <TR> <td>AVNEET</td> <Td>028</td> </TR> <TR> <td>MAMTA</td> <Td>051</td> </TR> </body> </html>

Page No.-: 14

Page No.-: 15

Write an html coding for row span and column span

<Html> <Head> <Title> </title> </head> <body bgcolor="green"text="yellow"> <table border="20"border color="black"align="center" Background="imagess\sky.jpg"> <Caption><h3>TABLE-2</h3></caption> <TR> <Td rowspan="2"><b>NAME</b></td> <Td><b>ROLL NO.</b></td> </TR> <TR> <td>JITIN</td> <Td>063</td> </TR> <TR> <td colspan="3">AVNEET</td> <Td>028</td> </TR> <TR> <td>MAMTA</td> <Td>051</td> </TR> </body> </html>

Page No.-: 16

Page No.-: 17

Write an html coding for designing frame row

<Html> <Head> <Title> </title> </head> <frameset rows=90%,80%,30%> <frame src="PICTURE GALARY_files\Butterfly.jpg"> <frame src="PICTURE GALARY_files\Flower.jpg"> </frameset> </html>

Page No.-: 18

Page No.-: 19

Write an html coding for designing frame column

<Html> <Head> <Title> </title> </head> <frameset cols=90%,80%,30%> <frame src="PICTURE GALARY_files\Butterfly.jpg"> <frame src="PICTURE GALARY_files\Flower.jpg"> </frameset> </html>

Page No.-: 20

Page No.-: 21

Write an html coding for designing a log-in form

<html> <head><center><h1>LOG-IN FORM</h1></center><title></title></head> <body BGCOLOR="YELLOW" TEXT="blue"><size="20"> <form> User Id:<input type="text" size="20"><br><p> Password:<input type="password" size="20"><Br><p> <input type="button" value="submit" size="25"> <input type="reset" value="Reset" size="10"><br><p> <i>OR</i><br><p> Creat an Account<br><p> Name:<input type="text" size="15"><br><p> Age:<input type="age" size="15"><br><p> Address:<input type="address" size="15"><br><p> Contact No.:<input type="contact no." size="15"><br><p> <h3>Gender</h3> <input type="radio" value="m" size="10">male <input type="radio" value="f" size="10">female<br><p> <h3>Qualification</h3> <input type="checkbox" value="checked" size="3">Graduate <input type="checkbox" value="checked"size="3">Under-graduate<BR><P> <i>feedback</i><br> <textarea rows="4" cols="40"> </textarea><br><p> <input type="button" value="submit" size="25"> <input type="reset" value="Reset" size="10"> </form> </body> </html>

Page No.-: 22

Page No.-: 23

Write an html coding for Consumer Form

<html> <head><marquee behaviour="alternate"><center><h1>CONSUMER FORM</h1></center></marquee> <title></title> </table> </head> <body BGCOLOR="YELLOW" TEXT="blue"><hr align="center" size="20" color="pink"> <form> Name:<input type="text" size="15"><br><p> Age:<input type="age" size="15"><br><p> Address:<input type="address" size="15"><br><p> Contact No.:<input type="contact no." size="15"><br><p> <br> <h3>Gender</h3> <input type="radio" value="m" size="10">male <input type="radio" value="f" size="10">female<br><p> <h3>Qualification</h3> <input type="checkbox" value="checked" size="3">Graduate <input type="checkbox" value="checked" size="3">Under-graduate<BR><P> <br> <i>feedback</i><br> <textarea rows="4" cols="40"> </textarea><br> <br><p> <input type="button" value="submit" size="25"> <input type="reset" value="Reset" size="10"> </form> </body> </html>

Page No.-: 24

You might also like