HTML 4
Foundation Level Training Course

Courseware Training Manual

1. INTRODUCTION TO HTML

HYPERTEXT MARKUP LANGUAGE

• Working with HTML
• Working with HTML Versions

HTML SYNTAX

• Using Elements and Tags
• Nesting Elements
• Reading a Basic HTML Document
• Reading a HTML 4 Document

HTML EDITORS

• Working with HTML Editors
• Working with WYSIWYG Editors
• Working with Tag-based Editors

2. DEVELOPING A WEB SITE

DESIGNING   A WEB SITE

• Identifying your Target Audience
• Working with Internet Connections
• Working with Display Resolutions
• Working with Web Browsers

FILE TYPES AND FILE STRUCTURE

• Working with HTML Files
• Working with Image Files
• Working with Multimedia Files
• Naming Files
• Working with URLs
• Working with File Structure

UNDERSTANDING COLORS

• Working with Colors
• Using Web-safe Colors
• Using Word Colors

3. HTML DOCUMENTS

CREATING HTML DOCUMENTS

• Using Notepad
• Writing a new HTML Document
• Adding a Page Title
• Saving the HTML Document

ADDING META DATA

• Using Meta Data
• Identifying the Author
• Adding Key Words
• Adding a Description

CUSTOMIZING PAGE PROPERTIES

• Setting the Background Color
• Setting the Text Colors
• Setting the Base URL

WORKING WITH HTML DOCUMENTS

• Opening an HTML Document in Notepad
• Opening an HTML Document from Windows Explorer
• Closing an opened HTML Document
• Viewing an HTML Document in a Web Browser

4. TEXT

WORKING WITH TEXT

• Working with Paragraphs
• Importing Text by Copying and Pasting
• Typing more than one Space
• Creating a Line Break
• Entering Special Characters
• Using Character Map to enter Special Characters
• Deleting Text

FORMATTING TEXT

• Using the Font Element
• Using Physical Character Styles
• Using Logical Character Styles

FORMATTING TEXT BLOCKS

• Using the Heading Elements
• Aligning Headings
• Aligning Paragraphs
• Inserting a Horizontal Rule
• Indenting Quotations
• Using the Preformatted Element

WORKING WITH LISTS

• Creating a Bulleted List
• Creating a Numbered List
• Creating a Definition List
• Nesting Lists

5. GRAPHICS

GRAPHICS FOR THE WEB

• Working with Image File Formats
• Working with File Sizes
• Create the Appearance of a Faster Download
• Using Images with Transparent Background

IMAGES

• Adding a Background Image
• Using the Image Element
• Adding a Text Label for an Image
• Adding a Border to your Image
• Resizing an Image
• Restoring a Resized Image to its Original Size

TEXT AND IMAGES

• Aligning Text to the Top of an Image
• Aligning Text to the Middle of an Image
• Aligning Text to the Bottom of an Image
• Wrapping Text to the Left of an Image
• Wrapping Text to the Right of an Image

6. LINKS

WORKING WITH LINKS

• Working with Links
• Creating a Text Link
• Creating a Link using an Image
• Linking to an Email Address
• Testing Links

ANCHORS

• Using Anchored Links
• Creating an Anchor
• Linking to an Anchor on the same page
• Linking to an Anchor on another page

IMAGE MAPS

• Working with Image Maps
• Creating an Image Map
• Using an Image Map
• Testing Image Maps

7. TABLES

WORKING WITH TABLES

• Working with Tables
• Creating a Table
• Adding Table Rows
• Adding Table Cells
• Adding Contents to Cells
• Deleting the Contents of a Cell
• Joining Cells in the Same Column
• Joining Cells in the Same Row

FORMATTING TABLES

• Defining the Table Size using Pixels
• Specifying the Table Size Dynamically
• Working with Borders
• Adjusting the Cell Spacing
• Adjusting the Cell Padding
• Aligning the Table

FORMATTING CELLS

• Setting the Cell Width using Pixels
• Setting the Cell Width Dynamically
• Setting the Cell Height using Pixels
• Setting the Cell Height Dynamically
• Using the Nowrap Attribute
• Aligning Cell Contents Horizontally
• Aligning Cell Contents Vertically
• Changing the Background Color of a Cell
• Formatting Cell Contents

PAGE LAYOUT WITH TABLES

• Using Tables to Constrain Page Width
• Creating Nested Tables
• Slicing Large Images into Tables