Semantict Tag
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Use Of Semantic Tags</title>
</head>
<style>
header{
background-color: pink;
width: 100%;
height: 20%;
}
nav{
background-color: skyblue;
width: 100%;
height: 20%;
}
aside{
background-color: pink;
width: 40%;
height: 42%;
float: right;
}
section{
background-color: rgb(255, 255, 139);
width: 60%;
height: 10%;
float: left;
}
article{
background-color: violet;
width: 60%;
height: 40%;
}
footer{
background-color: orange;
width: 100%;
height: 10%;
}
</style>
<body>
<header>
<h1>HTML5 include new sementics</h1>
<p>It include semantic tags like header, footer, nav
<h1>Example of complete HTML5 Basics</h1>
<h2>The markup of the future under development</h2>
</p>
</header>
<nav>
The nav element represents a section of navigation links. It is suitable for either site navigation or a table of contents.
<br>
<a href="/">http://www.w3schools.com</a>
<br>
<a href="http://www.ebalbharti.in">Balbharti Website</a>
</nav>
<aside>
<h1>Other education based website of State</h1>
<a href="http://mahasscboard.ac.in">State Board website</a>
<br>
<a href="http://unipune.ac.in">Pune university website</a>
<br>
<br>
<br>
<br>
<br>
<br>
</aside>
<section>
<h1>Impressive Web Designing</h1>
<p>The aside element is for content that is tangentially realted to the content around it, and is typically useful for marking up sidebars.</p>
</section>
<section>
<h1>Articles on:Article tag</h1>
</section>
<article>
<p>
The article element represents an independent section of a document, page or site. It is suitable for content like news or blog articles, forum posts or individual comments.
</p>
</article>
<footer>
© 2018 Balbharti.
</footer>
</body>
</html>
Comments
Post a Comment