The definitive resource and reference for all things html is w3schools.com. There are HTML 5 tutorials and an HTML 5 reference guide, both of which will be hugely helpful answering any HTML questions you might have along the way. For this course you will only need to get comfortable with the basics.
Also you may find it helpful to watch HTML Essential Training which goes into a little more depth than we will have time for in class, it’s easier to follow than just reading tutorials online.
HTML Starter Kit
Download html-starter-kit
HTML starter code
( copy and past the sample code bellow into .html file to get started making a web pages )
1. Bare bones, copy and past into a blank file to create a new page.
<!DOCTYPE html> <html> <head> <title>Untitled Document</title> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> </head> <body> </body> </html>
2. Headings
<h1>Hello World</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
3. Unordered Lists
<ul> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> <li>Aliquam tincidunt mauris eu risus.</li> <li>Vestibulum auctor dapibus neque.</li> </ul>
4. Hyper Links
<a href="example-filename.html">Link Text</a>
5. A Navigation element
<nav> <ul> <li><a href="#nowhere">Lorem</a></li> <li><a href="#nowhere">Aliquam</a></li> <li><a href="#nowhere">Morbi</a></li> <li><a href="#nowhere">Praesent</a></li> <li><a href="#nowhere">Pellentesque</a></li> </ul> </nav>