Now we try to create a basic web design structure. Firstly we create header, Navigation, content and footer.
Firstly write this code on notepad and save this file on desktop with any name but extension with .html. Ex:- abc.html and see this output on a google chrome.
<html>
<head>
<style>
.header
{
height:100px;
width:100%;
background-color:orange;
}
.navigation
{
height:50px;
width:100%;
background-color:grey;
}
.content
{
height:600px;
width:100%;
background-color:green;
}
.footer
{
height:50px;
width:100%;
background-color:orange;
}
</style>
</head>
<body>
<div class="header"></div>
<div class="navigation"></div>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>
Output :-
Firstly write this code on notepad and save this file on desktop with any name but extension with .html. Ex:- abc.html and see this output on a google chrome.
<html>
<head>
<style>
.header
{
height:100px;
width:100%;
background-color:orange;
}
.navigation
{
height:50px;
width:100%;
background-color:grey;
}
.content
{
height:600px;
width:100%;
background-color:green;
}
.footer
{
height:50px;
width:100%;
background-color:orange;
}
</style>
</head>
<body>
<div class="header"></div>
<div class="navigation"></div>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>
Output :-
Comments
Post a Comment