WP-Mix

A fresh mix of code snippets and tutorials

HTML5 Starter Template

Ahh yeah, HTML starter templates at your service..

Ultra-basic HTML starter template

Here is an ultra-basic HTML starter template:

 <! DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello World</title> </head> <body> <h1>Hello</h1> </body> </html>

Related: HTML5 Table Template »

More complete HTML starter template

Here is a more complete HTML starter template:

 <! DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="Page Description"> <title>HTML5 Starter Template</title> <link rel="stylesheet" href="/style.css"> <script src="/script.js"></script> </head> <body> <header> <h1><a href="/">HTML5 Starter Template</a></h1> <nav> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </nav> </header> <article> <h2><a href="#">Section Title</a></h2> <p>Section Content</p> </article> <footer> <h6> ©  2050 Etc.</h6> </footer> </body> </html>

Both of the above templates are 100% valid HTML5 . They are meant as quick copy/paste starting points, not recommendations or rules. Just enough to get you started on your next HTML coding project. Have fun :)

For more HTML templates, visit Bare-Bones HTML/XHTML Document Templates at Perishable Press.

★ Pro Tip:

 Wizard’s SQL Recipes for WordPress SAC Pro The Tao of WordPress