Below contains sample code for a very simple HTML5 template.
<!DOCTYPE html>
<html lang="en">
<head>
<title>A Very Simple HTML5 Webpage Template</title>
<meta charset="utf-8">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<style>
body {
font-family: Verdana,
sans-serif;
font-size: 0.8em;
}
header, nav, section, article, footer {
border: 1px solid blue;
margin: 5px;
padding: 8px;
}
nav ul {
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin: 5px;
}
</style>
</head>
<body>
<header>
<h1>This is a Very Simple HTML5 Sample Webpage</h1>
</header>
<nav>
<ul>
<li><a href="#">Menu Link 1</a></li>
<li><a href="#">Menu Link 2</a></li>
<li><a href="#">Menu Link 3</a></li>
</ul>
</nav>
<article>
<h1>Main Header Of Article</h1>
<section>
<h2>Section 1</h2>
<p>Some Sample Texts in this Paragraph corresponds to the Section 1. You can include whatever you want here..:)</p>
</section>
<section>
<h2>Section 2</h2>
<p>Some Sample Texts in this Paragraph corresponds to the Section 2. You can include whatever you want here..:)</p>
</section>
<section>
<h2>Section 3</h2>
<p>Some Sample Texts in this Paragraph corresponds to the Section 3. You can include whatever you want here..:)</p>
</section>
</article>
<footer>
<p>© 2014 myHTML5site.com</p>
</footer>
</body>
</html>
No comments:
Post a Comment