HTML Programming Training

1. Introduction: HTML and the Web

• What is Hypertext Markup Language (HTML)?
• Why are Web documents published in HTML?

2. The Basic Structure of HTML Documents - Laying Out Text in HTML

• Heading text
• Paragraph text
• Comments
• Unordered (bulleted) and Ordered (numbered) lists
• Other useful tags
• Adding special characters to your pages
• Pre-exercise Instructions: How to edit HTML code?

3. Enhancing Your Tags: HTML Attributes Images and Backgrounds

• Image Attributes
• Background patterns
• Characteristics of the GIF graphic file format
• Characteristics of the JPEG graphic file format
• The relationship between graphic size and download time

4. Links to Other Pages, E-mail, and More

• When an http:// URL does not specify an HTML file
• Adding links to video, sound, downloadable files, and more
• Some Comments
• Inserting a link to another location on the same page
• Adding a link to this location from another document

5. Adding Color to Your Pages

• For what parts of my page can I change the color?
• How colors are specified
• Converting a base 10 color number to base 16 (hexadecimal)
• Controlling background, text, and link colors
• Changing the color of a piece of text
• A warning about colors

6. HTML Tables

• The table tags and their attributes
• Quick Table attribute guide
• A Note on Browser Compatibility

7. An Introduction to Frames

• Frames: Creating the main document
• The <FRAMESET> Tag
• The COLS and ROWS attributes of <FRAMESET>
• The <FRAME> tag
• Additional attributes of the <FRAME> tag
• Additional attributes of the <FRAMESET> tag
• Using nested framesets for complex layouts
• The <NOFRAMES> tag

8. Adding Links Between Frames

• The <BASE TARGET> tag
• Additional options for linked windows
• Magic target names
• Changing the color of frame borders

9. Client-Side Image Maps

• Building a client-side image map
• Embedding the map code
• Adding the USEMAP attribute to the <IMG> tag
• Using LiveImage to generate image map code

10. Review of HTML Tables

• The table tags and their attributes
• Quick Table attribute guide

11. Using Tables to Create a More Complex Design

• A step-by-step analysis of the changed code

12. Fluid Tables vs. Fixed-Width Tables

• Fluid Tables
• A fixed-width table

13. Nested Tables

• How to place a table within a table
• Complex Page Design with Nested Tables

14. The <META> Tag

• KEYWORDS and DESCRIPTION <META> tags
• AUTHOR and GENERATOR <META> tags
• The <META> Refresh tag

15. The Future: XHTML

• HTML: Too Flexible?
• The Solution: XHTML
• How can I code to be XHTML Compliant?