logo

India's First Software Developer Community

Full Webpage in HTML5

Learn How to create full webpage in Html5

In this Tutorial we learn below tags

1) header   - used For header portion (Top Portion)
2) section  - used to create midel portion of the webpage
3) footer   - used for create footer of the webpage
4) div      - div is a block element used to create blocks


<!DOCTYPE html>
<html>
<head>
<title>First Webpage | W3CodeIndia</title>
</head>
<body style="background-color:#ECE5Df;">
<header style="width:100%;height:150px;">
<center><img src="images/logo.png" style="width:300px;"></center>
<center><nav> <h3>Home|About us|Tutorial|Contact</h3></nav></center>
</header>
<center><section style="width:100%;height:auto;">
<div style="float:left;width:100%;"><marquee><h3>Welcome To W3codeindia.com</h3></marquee></div>
<div style="float:left;width:100%;">
<img src="images/1.jpg" style="width:25%;height:auto;float:left;">
<img src="images/2.jpg" style="width:25%;height:auto;float:left;">
<img src="images/3.jpg" style="width:25%;height:auto;float:left;">
<img src="images/4.jpg" style="width:25%;height:auto;float:left;">
<img src="images/5.jpg" style="width:25%;height:auto;float:left;">
<img src="images/6.jpg" style="width:25%;height:auto;float:left;">
<img src="images/7.jpg" style="width:25%;height:auto;float:left;">
<img src="images/8.jpg" style="width:25%;height:auto;float:left;">
</div>
</section></center>
<div style="clear:both;"></div>
<footer style="width:100%;height:20px;">
<center>Copyright By W3codeindia.com</center>
</footer>
</body>
</html>




Subscribe Us :

Chapters :-


Advertisement