Getting Down with ...

by ...

Lesson n:

Getting Down with CSS continues where this tutorial leaves by showing you how to add style to your HTML pages.

There are a number of fine places on the web to go to get more information about HTML. The following annotated list contains a few of the better ones:

HTML for Beginners - Includes Tags for HTML5
This introduction to HTML5 is written in blog post format and provides a quick and well written introduction to HTML5 including background, essential concepts, and a step-by-step example to get started. A great place to get started with HTML5.
HTML5 Periodical Table
This wonderfully handy quick reference provides an at your finger tips summary of the HTML5 elements.
The HTML5 Mega Cheat Sheet
Another handy quick reference that has all the HTML5 elements. Especially helpful is the description of the HTML5 canvas element attributes.
HTML5 Beginner's Guide
This beautifully illustrated intro to HTML5 presents the big picture of what designing a website is all about. It is part of the author's How to Build a Website tutorials, which include guides to WordPress, Joomla, and Drupal in addition to HTML5, as well as a handy HTML Cheat Sheet.
w3schools.com
w3schools has tutorials on a wide range of web mastering topics. The HTML5 Introduction is a good place to start for further study of this topic.
MDN HTML5 element list
A concise list of all the HTML5 elements. Part of a collection of MSDN HTML Resources which is in turn part of the more general collecton of resources on core web technnologies provided by the Mozilla Developer Network.
HTML 5 Reference for Web Designers
HTML 5 Reference for Web Designers is an advanced reference of HTML 5 for professional web developers.
Khan Academy - Intro to HTML/CSS: Making webpages
Khan Academy has interactive, on-line lessons in HTML, CSS, and web design complete with videos all using the latest web standards.
HTML Dog HTML Tutorials
HTML Dog provides clearly written and nice looking tutorials and references on HTML, CSS, and JavaScript.

Exercises:

  1. Visit the resources above. Create a web page in a file named onmyown.html and create an ordered list of 5 specific things you find in your search that are not discussed in this tutorial. Cite the source of each finding and include a link to it. As always, be sure your page validates.
  2. Create a web page in a file named seewhaticando.html . Using everything you have learned so far, design a page that enables you to strut your stuff. You can think of this page as the one you would want to show to an employer if you were applying for a job as a webmaster.