HTML Training

Introduction

What is HTML?

About this Course

Tools Needed to Code HTML

Services Needed to Publish HTML

Versions of HTML

HTML 5

Creating Your First Page

HTML Building Blocks

HTML Elements

HTML Attributes

IDs & Classes

Text & Comments

URLs

HTML Structure

Document Type

Head Elements: Titles

Head Elements: Meta Elements

Head Elements: Script & Style Tags

Block & Inline Elements

Paragraphs

Section Headings

List Elements

Divisions

Inline Spans

Tables

Forms

Basic Formatting

Paragraph vs. Line Breaks

Bold & Italic

Superscript & Subscript

Preformatted Text

Rules & Blockqoutes

Abbreviations & Acronyms

CSS Text Properties

Color & Images

Color on the Web

Color Schemes

Creating & Naming Graphics

Image Resolution

Image File Formats

Getting Images to Load Faster

Background Images & Color

Image Maps

The IMG Tag

IMG Tag Attributes

Links

The Anchor Element

Absolute vs. Relative Links

Writing Relative Links

File Structure & Linking Tips

HREF & Target Attributes

Internal Links & the Name Attribute

Changing Link Colors

Tables

Tables vs. Div Tags

Setting Table Widths

Cell Padding & Spacing

Positioning Tables & Contents

Table Headers

Spanning Columns & Rows

Nesting Tables

Forms

Intro to Forms

Input Fields

Radio Buttons

Checkboxes

Dropdown & Selection Lists

Large Text Input

File & Hidden Fields

Submit & Reset Buttons

Image & General Buttons

Making Forms Easier to Use

Organizing Forms using Fieldset

Tips for Formatting Forms

Processing Form Data

Style Sheets

What is CSS & Why Use It

Style Syntax & Structure

Writing & Applying Your First Styles

Intro to Selectors

Base/Tag Selector

The Class Selector

The ID Selector

Context Selectors

When to Use ID or Class

Managing Multiple Styles

How Styles Cascade

Cascade & Inheritance Rules

Cascade & Inheritance Tips

Inlining Styles

Embedding Styles

Importing Style Sheets

Linking Style Sheets

CSS Building Blocks

The Box Model

The Div Tag

Child Divs

Width & Height

Margin

Padding

Borders

Formatting Text

Why Text Formatting is Important

Choosing Fonts

Browser-Safe Fonts

Font Size

Applying Styles to Text

Setting Line Height

Letter Spacing (Kerning)

Other Font Properties

Tips for Improving Text Legibility

Styling Lists / Colors / Images

Styling Lists with CSS

CSS Background Color

CSS Background Images

Setting Image Opacity

Laying Out Pages with CSS

CSS Layout Structure

Block vs. Inline Display

Containing Blocks

Positioning Schemes

Static / Fixed / Absolute Positioning

Relative Positioning

Floating & Clearing Content

Using Floats in Layouts

Fixed-Width Layouts

Liquid / Fluid Layouts

Elastic & Variable Fixed Width Layouts

Tips for Creating & Applying Styles

HTML 5

What is HTML 5?

HTML 4 vs. HTML 5

New HTML5 Structural Elements

The Article / Section / NavElements

Aside / Figure / Legend Elements

Video & Audio Elements

Playing Video & Audio

Controlling Media Playback

The Canvas Element

Additional HTML 5 APIs

Where You Can Use HTML 5

Easing the Transition from XHTML

Advanced Topics

XML

Adding Multimedia

Multimedia Players & Platforms

JavaScript

Dynamic HTML

AJAX

Publishing your Web Site

Understanding Web Page Publishing

Site Setup & File Transfer

Site Management & Organization

Site Troubleshooting Tips

Promoting Your Sites