Great HTML: Level 1

Video description

Great HTML: Level 1 will teach you the basics of HTML, from simply textual markup to document headers, metadata, and document type declarations. By the time you're through these lessons, you'll be building well-structured web pages, and building them well.

Great HTML: Level 1

Video description

Throughout the course, you'll progressively learn to structure your pages correctly, and mark them up in a way that makes sense and has semantic value. Whether it's a list within a list, a complicated set of page divs, or just some text that needs to flow across multiple columns, you'll not just write HTML, you'll understand how to structure your page.

When you buy Great HTML: Level 1, you get access to an entire video library of lessons-including lessons that aren't available yet! Here's the scoop: we're continually adding new sections in Level 1 that take you further into HTML. We're also updating existing lessons and creating new ones in response to your questions, along with special "challenge lessons" that will test your skills. All of this is yours with Great HTML: Level 1.

Publisher resources

Download Example Code

What is HTML?

Set Up Your Environment

What Does HTML Look Like?

Add a Header to Your Document

Add Headings and Paragraphs to Your Page’s Text

Order Your Items With Lists

Elements Are Either Block or Inline

Link to Another HTML Page

Add an Image to Your Page

Your Markup Should Fit Your Content

Comments Matter

Structure Your Page Using div Elements

Identify Your Elements with an ID

Order Your Content

Challenge: Add Markup to a Business Letter

Solution: Add Markup to a Business Letter

Nesting is Important… and Tricky

Write Beautiful HTML

Validate Your HTML

Use the Right Tags for Emphasis

Abbreviations and Acronyms

Use cite to Name Your Sources

Preserve the Formatting of Code and Text

Markup Quotations with blockquote

Identify Multiple Elements Using the class Attribute

Challenge: Markup a Bibliography

Solution: Markup a Bibliography

Tables are for Tabular Data

Challenge: Table or No Table?

Solution: Table or No Table?

Build a Table with table

Table’s Padding and Spacing

Adding Additional Meaning to Your Tables

Even More Semantics with Table Sections

Achieve Table Balance with Colspan

Using HTML within Table Cells

Working with Multimedia

In-Depth with Images

Embed Audio Into Your HTML Page

Challenge: Embed a Vimeo Video

Solution: Embed a Vimeo Video

Embed Video with Standards-Based Markup

Add Your Own Videos with object

HTML5, Audio, and Video

Forms

Forms Allow Interaction within HTML

The Anatomy of an HTML Form

Capture Text in a Form

Limit Choices with a Drop-Down List

Working with Checkboxes

Working with Radio Inputs

Give Your Users Something to Click

Group Form Elements with fieldset

Where Does My Data Go?

The Forgotten Form Elements

Site Organization

Directory Layout

Absolute and Relative Links Revisited

Script and Stylesheet Includes

Building a Site Part 1

Building a Site Part 2

Building a Site Part 3

Sharing Your Site with the World

It’s All in Your head

DOCTYPES Matter

Choose the Best DOCTYPE

Meta Tags

Conditionals

Character Encoding

Extending HTML with Microformats

Intro to Microformats

Microformats in the Wild

Microformat Business Cards

Resume with hResume

Microformat Tools

HTML5

Intro to HTML5

Section Elements Part 1

Section Elements Part 2

Forms

Canvas

Scaleable Vector Graphics

Local Storage

Geolocation

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.