T6 Web Development

HTML 5

Use the links below to learn about the HTML 5 standard, HTML page validation, and web page structure.

2. W3C HTML 5 Validator:  GO
3. W3C on the HTML5 Standard:  GO
4. W3C on page Structure:  GO
5. W3C on HTML 5 Elements:  GO
6. HTML 5 Vs HTML4 (W3C):  GO
7. Mozilla Developers, HTML elements:  GO

Web Design Tools

The following are used on the course:

1. Dreamweaver CS6: GO
2. Notepad ++:  GO
3. Cacoo (wireframe, storyboard):  GO
4. Lipsum temporary content: GO
5. IE DOM Explorer (Developer Tool): GO

HTML Web Page Layout

HTML elements are used to layout a web page.  An element consists of two tags.  The tags surround the content, one at the start and one at the end.  They are referred to as the "opening" and "closing" tags.  They are not visible to the web page visitor but are used by the browser to render the page.

The header element tags are: <header>  </header>. The closing tag has a forward slash, "/".

Content to display on the page goes between the two tags.  In the case of the header the content could be the company logo, a tag line, and the company name.

The key elements in use on a web page are <header>, <nav>, <main>, and <footer>.

The <section>, <article>, and <div> elements are used to layout areas within the key elements.

The heading elements, <h1>, <h2>, etc, are used to draw the attention of the page visitor to particular areas of the page.

Note on HTML 5 page structure:  GO