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?
|