<!DOCTYPE html>
<head>
<meta charset="utf-8">
<html lang="en">
<title>HTML 5 - Tutorial</title>
<style>
body { margin: 0px auto; padding: 0px; background:#666; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666666;}
.main { margin: 0px auto; padding: 0px; width: 950px; background:#ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666666;}
header { margin: 0px; padding: 0px; background:#ececec; height: 50px;}
footer { margin: 20px 0 0 0; padding: 0px; background:#9c9c9c; color:#ffffff; height: 50px;}
</style>
</head>
<body>
<div class="main">
<header>
<nav>
<ul>
<li><a href="index.htm">home</a></li>
</ul>
</nav>
</header>
<article>
<h1>
The article title</h1>
<p>
This is the contents of the article element.</p>
</article>
<aside>
<h2>
The article title</h2>
<p>
This is the contents of the article element.</p>
</aside>
<p>
My first webpage</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<ol>
<li>List item 1</li>
<li>List item 2</li>
</ol>
<dl>
<dt>Term 1</dt>
<dd>Definition of term 1</dd>
<dt>Term 2</dt>
<dd>Definition of term 2</dd> </dl>
<p>
<a href="http://www.html-5-tutorial.com/">XYZ</a></p>
<table>
<tr> <td>Row 1 - Col 1</td> <td>Row 1 - Col 2</td> </tr>
<tr> <td>Row 2 - Col 1</td> <td>Row 2 - Col 2</td> </tr>
</table>
<footer>This is my footer.</footer>
</div>
</body>
</html>
<head>
<meta charset="utf-8">
<html lang="en">
<title>HTML 5 - Tutorial</title>
<style>
body { margin: 0px auto; padding: 0px; background:#666; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666666;}
.main { margin: 0px auto; padding: 0px; width: 950px; background:#ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666666;}
header { margin: 0px; padding: 0px; background:#ececec; height: 50px;}
footer { margin: 20px 0 0 0; padding: 0px; background:#9c9c9c; color:#ffffff; height: 50px;}
</style>
</head>
<body>
<div class="main">
<header>
<nav>
<ul>
<li><a href="index.htm">home</a></li>
</ul>
</nav>
</header>
<article>
<h1>
The article title</h1>
<p>
This is the contents of the article element.</p>
</article>
<aside>
<h2>
The article title</h2>
<p>
This is the contents of the article element.</p>
</aside>
<p>
My first webpage</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
<ol>
<li>List item 1</li>
<li>List item 2</li>
</ol>
<dl>
<dt>Term 1</dt>
<dd>Definition of term 1</dd>
<dt>Term 2</dt>
<dd>Definition of term 2</dd> </dl>
<p>
<a href="http://www.html-5-tutorial.com/">XYZ</a></p>
<table>
<tr> <td>Row 1 - Col 1</td> <td>Row 1 - Col 2</td> </tr>
<tr> <td>Row 2 - Col 1</td> <td>Row 2 - Col 2</td> </tr>
</table>
<footer>This is my footer.</footer>
</div>
</body>
</html>
For more information checkout our official website.
