-
-
Save kostasx/83c05e184b5838a3162863821e954c87 to your computer and use it in GitHub Desktop.
LESSON 2
An example of a typical html5 page structure with commonly used tags
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>Example page</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<!--[if lt IE 9]> | |
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | |
<![endif]--> | |
</head> | |
<body> | |
<header> | |
<h1>Hello world</h1> | |
</header> | |
<nav> | |
<ul> | |
<li><a href="index.html">Home</a></li> | |
<li><a href="about.html">About Us</a></li> | |
<li><a href="contact.html">Contact</a></li> | |
</ul> | |
</nav> | |
<section> | |
<article> | |
<h2>Page Title</h2> | |
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.</p> | |
</article> | |
<aside> | |
<div> | |
<h3>Widget Title</h3> | |
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p> | |
</div> | |
<div> | |
<h3>Widget Title</h3> | |
<img src="http://placehold.it/150x100"> | |
</div> | |
</aside> | |
</section> | |
<footer> | |
<small>Copyright © 2013</small> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment