O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Introduction to HTML and CSS

Video Description

Master HTML If you're looking for real-world HTML you'll find it here.

Table of Contents

  1. Fundamentals of HTML & XHTML
    1. An Introduction to HTML Markup 00:06:33
    2. Using Doctypes for HTML and XHTML 00:11:15
    3. HTML Attributes and Values 00:07:04
    4. Adding Additional Structure and Content to your Page 00:13:51
    5. Adding Links 00:11:43
    6. Organizing your Root Folder 00:10:08
  2. Fundamentals of CSS
    1. An Introduction to CSS Syntax and Inheritance: Part 1 00:04:50
    2. An Introduction to CSS Syntax and Inheritance: Part 2 00:06:29
    3. Using the CSS Class Selector 00:08:09
    4. Using the CSS ID Selector 00:05:48
    5. Working with Group Selectors 00:08:07
    6. Working with Descendent Selectors 00:07:25
    7. Creating an External Style Sheet 00:05:55
    8. CSS Specificity 00:10:01
  3. Styling Text with CSS
    1. Styling Text with the Font-Family Property in CSS 00:07:01
    2. Sizing Text with CSS 00:08:38
    3. Setting Font Color with CSS 00:07:01
    4. Adding Space Between Text with Margins 00:10:26
    5. Working with Line-Height and other Text Styles 00:08:41
    6. Styling HTML Lists 00:11:28
  4. Working with Images in HTML & CSS
    1. An Overview of Images in HTML and CSS 00:11:28
    2. Using CSS to Style an Image 00:05:16
    3. An Introduction to CSS Background Images 00:10:33
    4. Adding Custom Images to a Bulleted List 00:07:25
  5. Creating and Styling Tables
    1. Building a Table in HTML 00:10:07
    2. Adding Borders and Background Colors to a Table using CSS 00:10:22
    3. Controlling Alignment and Padding of Tables using CSS 00:08:00
    4. Working with Images in Tables 00:06:45
  6. Creating and Styling HTML Forms
    1. HTML Form Basics 00:04:54
    2. Creating a Form 00:07:48
    3. Adding Legends and Fieldsets to a Form 00:07:36
    4. Adding Radio Buttons to your Forms 00:10:53
    5. Improving Accessibility of Forms with Labels and Tabindex 00:09:31
    6. Adding Checkboxes to your Form 00:08:21
    7. Adding a Select Menu to your Form 00:13:55
    8. Add Textarea to your Form 00:07:06
  7. Introduction to CSS Layout
    1. An Overview of CSS Layout 00:06:17
    2. Working with a CSS Reset File 00:06:11
    3. Understanding CSS Positioning 00:07:21
    4. Working with the HTML Div Element 00:08:07
    5. Planning your CSS Layout 00:12:53
    6. Adding a Wrap Style for a 960 Pixel Fixed-Width 00:11:33
    7. Creating Columns with CSS Floats and Clears 00:08:26
    8. Creating Fake Columns with CSS Background Images 00:11:23
  8. Styling Navigation with CSS
    1. Creating Horizontal Navigation in your Page Header 00:14:08
    2. Styling Hyperlinks 00:08:58
    3. Adding a Current Style to your Navigation 00:07:23
    4. Creating a Vertical Navigation Bar: Part 1 00:11:30
    5. Creating a Vertical Navigation Bar: Part 2 00:05:23
    6. Creating Footer Navigation Styles 00:11:02
  9. Advanced CSS Layout
    1. Adjusting Layout Elements: Part 1 00:12:29