Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

With more than 250 million North American users now on the Internet and more than 1.6 billion worldwide, it's wonder that HTML has stayed the course as the most popular web programming language. In addition, the skills learned in the study of HTML are fundamental to more advanced programming technologies such as JavaScript, PHP, Flash ActionScript and many others. This course covers all the important features of HTML 4 and HTML 5, and includes an introduction to styling web documents using CSS. The working scripts and step-by-step examples found here will have you quickly creating the kind of web content demanded by today's web sites. With the help of the instruction in this course, you will quickly be adding text, links, images, sounds, and videos to your web pages and expertly formatting everything using the latest and most powerful CSS techniques. To begin learning today, simply click on the movie links.

Subscriber Reviews

Average Rating: 3.3333333333333335 out of 5 rating Based on 9 Ratings

"Good covering of HTML4 topics" - by Anonymous on 25-OCT-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Covers HTML4 nicely.
Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Introduction

What is HTML?

Preview

00:05:08

About this Course

Preview

00:05:21

Tools Needed to Code HTML

Preview

00:05:16

Services Needed to Publish HTML

Preview

00:06:30

Versions of HTML

Preview

00:06:51

HTML 5

Preview

00:07:42

Creating Your First Page

Preview

00:06:03

HTML Building Blocks

HTML Elements

Preview

00:04:45

HTML Attributes

Preview

00:02:49

IDs & Classes

Preview

00:03:41

Text & Comments

Preview

00:02:49

URLs

Preview

00:05:08

HTML Structure

Document Type

Preview

00:05:36

Head Elements: Titles

Preview

00:04:32

Head Elements: Meta Elements

Preview

00:04:39

Head Elements: Script & Style Tags

Preview

00:05:08

Block & Inline Elements

Preview

00:04:18

Paragraphs

Preview

00:03:48

Section Headings

Preview

00:05:00

List Elements

Preview

00:03:33

Divisions

Preview

00:05:12

Inline Spans

Preview

00:03:36

Tables

Preview

00:03:21

Forms

Preview

00:04:38

Basic Formatting

Paragraph vs. Line Breaks

Preview

00:04:17

Bold & Italic

Preview

00:03:14

Superscript & Subscript

Preview

00:02:58

Preformatted Text

Preview

00:02:37

Rules & Blockqoutes

Preview

00:04:08

Abbreviations & Acronyms

Preview

00:04:46

CSS Text Properties

Preview

00:03:07

Color & Images

Color on the Web

Preview

00:07:05

Color Schemes

Preview

00:05:37

Creating & Naming Graphics

Preview

00:03:45

Image Resolution

Preview

00:03:28

Image File Formats

Preview

00:06:50

Getting Images to Load Faster

Preview

00:06:50

Background Images & Color

Preview

00:05:41

Image Maps

Preview

00:02:37

The IMG Tag

Preview

00:06:40

IMG Tag Attributes

Preview

00:03:19

Links

The Anchor Element

Preview

00:02:19

Absolute vs. Relative Links

Preview

00:06:37

Writing Relative Links

Preview

00:04:39

File Structure & Linking Tips

Preview

00:04:33

HREF & Target Attributes

Preview

00:03:09

Internal Links & the Name Attribute

Preview

00:04:55

Changing Link Colors

Preview

00:06:32

Tables

Tables vs. Div Tags

Preview

00:03:57

Setting Table Widths

Preview

00:04:51

Cell Padding & Spacing

Preview

00:02:57

Positioning Tables & Contents

Preview

00:04:11

Table Headers

Preview

00:03:34

Spanning Columns & Rows

Preview

00:03:18

Nesting Tables

Preview

00:04:15

Forms

Intro to Forms

Preview

00:03:05

Input Fields

Preview

00:03:21

Radio Buttons

Preview

00:02:43

Checkboxes

Preview

00:02:38

Dropdown & Selection Lists

Preview

00:02:39

Large Text Input

Preview

00:01:44

File & Hidden Fields

Preview

00:02:16

Submit & Reset Buttons

Preview

00:03:59

Image & General Buttons

Preview

00:03:51

Making Forms Easier to Use

Preview

00:03:13

Organizing Forms using Fieldset

Preview

00:04:32

Tips for Formatting Forms

Preview

00:03:02

Processing Form Data

Preview

00:08:13

Style Sheets

What is CSS & Why Use It

Preview

00:05:03

Style Syntax & Structure

Preview

00:02:14

Writing & Applying Your First Styles

Preview

00:04:47

Intro to Selectors

Preview

00:03:16

Base/Tag Selector

Preview

00:03:07

The Class Selector

Preview

00:06:18

The ID Selector

Preview

00:03:08

Context Selectors

Preview

00:04:04

When to Use ID or Class

Preview

00:03:25

Managing Multiple Styles

How Styles Cascade

Preview

00:03:34

Cascade & Inheritance Rules

Preview

00:04:24

Cascade & Inheritance Tips

Preview

00:02:37

Inlining Styles

Preview

00:02:58

Embedding Styles

Preview

00:02:19

Importing Style Sheets

Preview

00:03:38

Linking Style Sheets

Preview

00:07:04

CSS Building Blocks

The Box Model

Preview

00:05:37

The Div Tag

Preview

00:03:10

Child Divs

Preview

00:04:14

Width & Height

Preview

00:02:32

Margin

Preview

00:06:23

Padding

Preview

00:03:45

Borders

Preview

00:06:52

Formatting Text

Why Text Formatting is Important

Preview

00:05:18

Choosing Fonts

Preview

00:05:32

Browser-Safe Fonts

Preview

00:04:53

Font Size

Preview

00:04:52

Applying Styles to Text

Preview

00:02:54

Setting Line Height

Preview

00:04:38

Letter Spacing (Kerning)

Preview

00:04:16

Other Font Properties

Preview

00:05:01

Tips for Improving Text Legibility

Preview

00:06:26

Styling Lists / Colors / Images

Styling Lists with CSS

Preview

00:06:56

CSS Background Color

Preview

00:03:17

CSS Background Images

Preview

00:04:02

Setting Image Opacity

Preview

00:02:30

Laying Out Pages with CSS

CSS Layout Structure

Preview

00:03:03

Block vs. Inline Display

Preview

00:05:26

Containing Blocks

Preview

00:02:30

Positioning Schemes

Preview

00:07:18

Static / Fixed / Absolute Positioning

Preview

00:05:01

Relative Positioning

Preview

00:07:04

Floating & Clearing Content

Preview

00:05:56

Using Floats in Layouts

Preview

00:03:33

Fixed-Width Layouts

Preview

00:02:59

Liquid / Fluid Layouts

Preview

00:07:10

Elastic & Variable Fixed Width Layouts

Preview

00:03:12

Tips for Creating & Applying Styles

Preview

00:07:09

HTML 5

What is HTML 5?

Preview

00:04:12

HTML 4 vs. HTML 5

Preview

00:03:58

New HTML 5 Structural Elements

Preview

00:05:34

The Article / Section / NavElements

Preview

00:04:02

Aside / Figure / Legend Elements

Preview

00:04:20

Video & Audio Elements

Preview

00:04:55

Playing Video & Audio

Preview

00:03:29

Controlling Media Playback

Preview

00:02:35

The Canvas Element

Preview

00:03:02

Additional HTML 5 APIs

Preview

00:02:05

Where You Can Use HTML 5

Preview

00:03:59

Easing the Transition from XHTML

Preview

00:05:00

Advanced Topics

XML

Preview

00:03:30

Adding Multimedia

Preview

00:06:30

Multimedia Players & Platforms

Preview

00:05:50

JavaScript

Preview

00:03:24

Dynamic HTML

Preview

00:04:06

AJAX

Preview

00:05:50

Publishing your Web Site

Understanding Web Page Publishing

Preview

00:04:37

Site Setup & File Transfer

Preview

00:06:41

Site Management & Organization

Preview

00:04:46

Site Troubleshooting Tips

Preview

00:06:31

Promoting Your Sites pt. 1

Preview

00:06:12

Promoting Your Sites pt. 2

Preview

00:05:05

Conclusion

Wrap-up

Preview

00:03:38

Credits

About the Author

Preview

00:01:21