HTML 4/5 with CSS Tutorials

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 pt. 1
Promoting Your Sites pt. 2

Conclusion
Wrap-up

Credits
About the Author