• What is HTML?
  • Creating Your First HTML page
  • Formatting and Adding Tags & Previewing in a Browser
  • Choosing an Editor and¬†Project Management
  • Image Formats
  • Introducing the IMG Tag
  • Inserting & Aligning Images on a Web Page
  • Detailing with Alt, Width & Height Attributes
  • Creating Tables on a Web Page
  • Altering Tables and Spanning Rows & Columns
  • Placing Images & Graphics into Tables
  • Aligning Text & Graphics in Tables
  • Adding a Background Color
  • Building Pages over Tracer Images
  • Tweaking Layouts to Create Perfect Pages
  • Setting Up an Online Form
  • Adding Radio Buttons & List Menus
  • Creating Text Fields & Areas
  • Setting Properties for Form Submission
  • Understanding Tags, Elements & Attributes
  • Defining the Basic Structure with HTML, HEAD & BODY
  • Using Paragraph Tag to assign a Title
  • Setting Fonts for a Web Page
  • Creating Unordered & Ordered and Definition Lists
  • Detailing Tags with Attributes
  • Using Heading Tags
  • Adding Bold & Italics
  • Understanding How a Browser Reads HTML
  • Creating Hyperlinks to Outside Webs
  • Creating Hyperlinks Between Documents
  • Creating a link for Email Addresses
  • Creating a link for a Specific Part of a Webpage
  • Creating a link for a image
  • Adding a Side Content Div to Your Layout
  • Applying Absolute Positioning
  • Applying Relative Positioning
  • Using the Float & Clear Properties
  • Understanding Overflow
  • Creating Auto-Centering Content
  • Using Fixed Positioning
  • What is CSS?
  • Internal Style Sheets, Selectors, Properties & Values
  • Building & Applying Class Selectors
  • Creating Comments in Your Code
  • Understanding Class and ID
  • Using Div Tags & IDs to Format Layout
  • Understanding the Cascade & Avoiding Conflicts
  • Using images in CSS
  • Applying texture
  • Graduated fills
  • Round corners
  • Transparency and semi-transparency
  • Stretchy boxes
  • Creative typography
  • A centered container
  • 2 column layout
  • 3 column layout
  • The box model
  • The Div Tag
  • Child Divs
  • Width & Height
  • Margin
  • Padding
  • Borders
  • Floating & Clearing Content
  • Using Floats in Layouts
  • Tips for Creating & Applying Styles
  • Mark up structures for navigation
  • Styling links with pseudo classes
  • Building a horizontal navigation bar
  • Building a vertical navigation bar
  • Transparency and semi-transparency
  • CSS drop down navigation systems
  • Browser support issues
  • Float clearing issues
  • Validating your CSS
  • Common validation errors
  • Block vs inline elements
  • Div’s and spans
  • Border properties
  • Width, height and max, min
  • The auto property
  • Inlining Styles
  • Arranging Layers Using the Z Index
  • Document flow
  • Absolute positioning
  • Relative positioning
  • Static positioning
  • Floating elements
  • Why Text Formatting is Important
  • Choosing Fonts and Font Size
  • Browser-Safe Fonts
  • Applying Styles to Text
  • Setting Line Height
  • Letter Spacing (Kerning)
  • Other Font Properties
  • Tips for Improving Text Legibility
  • Form mark up
  • Associating labels with inputs
  • Grouping form elements together
  • Form based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Formatting inputs
  • Formatting form areas
  • Changing the appearance of buttons
  • Laying out forms
  • Basic table mark up
  • Adding row and column headers
  • Simplifying table structure
  • Styling row and column headings
  • Adding borders
  • Formatting text in tables
  • Laying out and positioning tables