Write A program to Display Example Of Division Tag.
Code :
div.css
#body
{
color:white;
font-family:Old English Text MTss;
font-align:center;
font-size:xx-large;
}
#header
{
background:red;
height:50px;
width:100%;
}
#left
{
background:blue;
height:80%;
width:20%;
float:left
}
#right
{
background:green;
height:80%;
width:20%;
float:right
}
#contant
{
background:black;
height:80%
}
#footer
{
background:pink;
height:50px;
width:100%
}
divtag.html
<html> <head> <title>division tag </title> <link type ="text/css" href ="div.css" rel ="stylesheet"> </head> <body id ="body"> <div id ="header">THIS IS HEADER SECTION.</div> <div id ="left">THIS IS LEFT SECTION. </div> <div id ="right">THIS IS RIGHT SECTION. <table border ="blue"> <tr> <td>1 <td>2 </tr> <tr> <td>A <td>B </tr> </table> </div> <div id="contant">THIS IS CONTANT SECTION.</div> <div id="footer">THIS IS FOOTER SECTION.</div> </body> </html>
divtag.html
<html> <head> <title>division tag </title> <link type ="text/css" href ="div.css" rel ="stylesheet"> </head> <body id ="body"> <div id ="header">THIS IS HEADER SECTION.</div> <div id ="left">THIS IS LEFT SECTION. </div> <div id ="right">THIS IS RIGHT SECTION. <table border ="blue"> <tr> <td>1 <td>2 </tr> <tr> <td>A <td>B </tr> </table> </div> <div id="contant">THIS IS CONTANT SECTION.</div> <div id="footer">THIS IS FOOTER SECTION.</div> </body> </html>
No comments:
Post a Comment