CREATE A SIMPLE WEBPAGE
<html>
<head>
<title> new page </title>
</head>
<body>
WELCOME TO COMPUTER LAB
</body>
</html>
CREATE A WEBPAGE USING HTML TAGS FONT COLOR AND FONT SIZE
<html>
<head>
<title> new page </title>
</head>
<body>
<font color="red">
<font size=72>
WELCOME TO COMPUTER LAB
</body>
</html>
CREATE A WEBPAGE USING TAGS FONT COLOR, FONT SIZE, BACKGROUND COLOR AND
PRE
<html>
<head>
<title> new page </title>
</head>
<body>
<body bgcolor="cyan">
<font color="red">
<font size=72>
<pre>
WELCOME TO COMPUTER LAB
</pre>
</body>
</html>
CREATE WEBPAGE USING HTML TAGS TO SET BACKGROUND IMAGE
<html>
<head>
<title> set background image </title>
</head>
<body background=”tulips.jpg”>
<body>
<H1> setting of background image using body background tag</H1>
</body>
</html
CREATE A WEBPAGE USING HTML HEADING STYLES
<html>
<head>
<title>Heading styles</title>
<body bgcolor="blue">
</head>
<font color="pink"
<body>
<font size=36>
<H1>Kips learning Solutions(H1) </H1>
<H2>Kips learning Solutions(H2) </H2>
<H3>Kips learning Solutions(H3) </H3>
<H4>Kips learning Solutions(H4) </H4>
<H5>Kips learning Solutions(H5) </H5>
<H6>Kips learning Solutions(H6) </H6>
</body>
</html>
CREATE A WEBPAGE USING html TABLE PROPERTIES
<html>
<head>
<title>creating table</title>
<style type="text/CSS">
body{background-color:RGB(255,251,214);}
TABLE,TD,TH {border:1px solid red}table{border collapse:seperate;empty-cells:show:}
TH,TR,TD{padding:3px 5px 5px 3px}</style>
</head>
<body>
<table>
<TR><TH style=background color;red;color;white>name</TH>
<TH style=background color:red;color:white>Email</TH></TR>
<TR><TD>Anand</TD><TD>anand123@kips.in</TD></TR>
<TR><TD>Sheena</TD><TD>sheena96@kips.in</TD></TR>
<TR><TD>Radha</TD><TD>radha202@kips.in</TD></TR>
</TABLE>
</BODY>
</HTML>
CREATE A WEBPAGE USING TABLE PROPERTIES WHICH SHOWS STATES AND THEIR
CAPITALS
<html>
<head>
<title>creating table</title>
<style type="text/CSS">
body{background-color:RGB(255,251,214)}
caption{caption-side:bottom}
TABLE,TD,TH{border:1px solid magenta}
TABLE{bordercollapse:collapse;padding:5px;width:100%;height:30%;text-allign:center;background-
color:RGB(250,223,223)}
TH{color:blue}
</style></head>
<body><table>
<caption style=color:red><B>figure:States and their Capitals</B></caption>
<TR><TH>STATE</TH><TH>CAPITAL</TH></TR><TR><TD>J&K</TD><TD>Srinagar(summer)
Jammu(winter)</TD>
<TR><TD>Punjab</TD><TD>Chandigarh</TD>
</TR><TR><TD>Gujarat</TD><TD>Gandhinagar</TD>
</TR></TABLE>
</BODY>
</HTML>
CREATE A WEBPAGE USING HTML TABLE PROPERTIES WHICH SHOWS STUDENT
INFORMATION
<html>
<head>
<title>creating a table </title>
<style type = "text/css">
body {background-colour: rgb (255,251,214)}
table, th, td{border:1px solid blue }
th{color:blue}
</style> </head>
<body> <table>
<caption style = color:red>student information</caption>
<tr><th>s.no </th> <th>name </th> <th>grades</th>
</tr> <tr>
<td> 1 </td> <td>Bindu</td> <td>A</td>
</tr> <tr> <td>2</td> <td>Yogesh</td> <td> A+</td>
</tr> <tr> <td>3</td> <td>Sakshi</td> <td> A+</td>
</tr> </table>
</body>
</html>
CREATE A WBPAGE USING HTML LIST PROPERTIES
<html>
<head>
<title> character</title>
<style type="text/css">
body{background-color:RGB(255,251,214)}
H1{color:red}
L1{color:green}
</style>
</head>
<body>
<H1>character is a combination of:</h1>
<ot start=3 reversed>
<LI> Integrity
<LI>Unselfishness
<LI>Understanding
</OL>
</body>
</html>
CREATE A WEBPAGE USING HTML NESTED LIST PROPERTIES
<html>
<head>
<title>ordered and unordered lists</title>
<style type=''text/css''>
body{background-color:RGB(255,251,214)}
ol{list-style-type:lower-roman;}
ul{list-style-type:circle;}
li{font-size:20px;}
h1{color:blue}</style></head><body>
<h1>Vitamins</h1>
<ul><li style=color:red><b>Fat-soluble vitamins</b>
<ol><li style=color:darkgreen>Vitamin-A
<li style=color:darkgreen>Vitamin-D
<li style=color:darkgreen>Vitamin-E
<li style=color:darkgreen>Vitamin-K
</ol><li style=color:red><b>Water-soluble vitamins</b>
<ol style=list-style-type:upper-alpha>
<li style=color:darkgreen>Vitamin-B1
<li style=color:darkgreen>Vitamin-B2
<li style=color:darkgreen>Vitamin-B3
<li style=color:darkgreen>Vitamin-B5
<li style=color:darkgreen>Vitamin-B6
<li style=color:darkgreen>Vitamin-B7
<li style=color:darkgreen>Vitamin-B9
<li style=color:darkgreen>Vitamin-B12
<li style=color:darkgreen>Vitamin-C</ol></ul>
</body></html>
CREATE WEBPAGE USING HTML ORDERED LIST
<html>
<head>
<title>Characters</title>
<body{background-color:RGB(255,251,214)}
H1{color:red}
LI{color:green}>
<styletype="text/css">
<body bgcolor="pink">
</style>
</head>
<body>
<font color="white">
<H1>Character is a combination of:</h1>
<ol start=3 reversed>
<LI>Integrity</LI>
<LI>Unselfishness</LI>
<LI>Understanding</LI>
</ol>
</body>
</html>
CREATE WEBPAGE USING HTML TAGS PRE TOPMARGIN AND LEFT MARGIN
<html>
<head>
<title>PRE , Topmargin , Leftmargin</title>
</head>
<body bgcolor="Red">
<body>
<font face="Times New Roman" Topmargin=200 Leftmargin=50>
<Font color="Black">
<font size=30>
<PRE>
God always helps those
Who help themselves
</font>
</PRE>
</body>
</html>
CREATE WEBPAGE USING HTML TAGS SUBSCRIPT AND SUPERSCRIPT
<html>
<head>
<title>Subscript and Superscript Tags</TITLE>
</HEAD>
<body>
<center><h1><b><i><u>Formula</u></i></b></center>
<h2>H<sub>2</sub>O<br>
A<sup>3</sup>B<sup>3</sup><br>
</h2>
</body>
</html>
