Thomas Wallace: Lectures and Resources - A collection of website design lectures and resources

Properly Marking up an HTML document

Please download the following document and open it in Dreamweaver (right-click and save target as):

Unstructured HTML Document

Using the Properties Inspector mark-up the unstructured html document using the html tags that best describe the information they enclose.

Example:

<h1>This is the first heading.</h1>

Being the first heading of the page you would assign the <h1> (heading 1 in the properties inspector) tag to this text.

Once you have completed this the document should look like this page. To see the html code on the page you should view source.

By properly marking-up an html document, we improve accessibility and our ability to style the document and present it in different formats and devices.

For additional explanation see: Semantic Markup