Basic Website Structure
Basic Website Structure
Here we describe some new structure of websites.
<html>
<head>
<style>
body
{
margin:0px;
padding:0px;
}
.header
{
height:120px;
width:100%;
background-color:red;
}
.leftside
{
height:500px;
width:15%;
background-color:yellow;
float:left;
}
.content
{
height:500px;
width:70%;
background-color:grey;
float:left;
}
.rightside
{
height:500px;
width:15%;
background-color:yellow;
float:left;
}
.footer
{
height:120px;
width:100%;
background-color:red;
float:left;
} </style>
</head>
<body>
<div class="header"> </div>
<div class="leftside"> </div>
<div class="content"> </div>
<div class="rightside"> </div>
<div class="footer"> </div>
</body>
<html>
Here we describe some new structure of websites.
<html>
<head>
<style>
body
{
margin:0px;
padding:0px;
}
.header
{
height:120px;
width:100%;
background-color:red;
}
.leftside
{
height:500px;
width:15%;
background-color:yellow;
float:left;
}
.content
{
height:500px;
width:70%;
background-color:grey;
float:left;
}
.rightside
{
height:500px;
width:15%;
background-color:yellow;
float:left;
}
.footer
{
height:120px;
width:100%;
background-color:red;
float:left;
} </style>
</head>
<body>
<div class="header"> </div>
<div class="leftside"> </div>
<div class="content"> </div>
<div class="rightside"> </div>
<div class="footer"> </div>
</body>
<html>
Comments
Post a Comment