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

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.

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.

Table of Contents

  1. What is HTML? 00:01:43
  2. Set Up Your Environment 00:00:54
  3. What Does HTML Look Like? 00:01:54
  4. Add a Header to Your Document 00:01:08
  5. Add Headings and Paragraphs to Your Page's Text 00:02:55
  6. Order Your Items With Lists 00:02:46
  7. Elements Are Either Block or Inline 00:01:51
  8. Link to Another HTML Page 00:02:43
  9. Add an Image to Your Page 00:02:53
  10. Your Markup Should Fit Your Content 00:01:21
  11. Comments Matter 00:01:13
  12. Structure Your Page Using div Elements 00:04:07
  13. Identify Your Elements with an ID 00:02:00
  14. Order Your Content 00:02:12
  15. Challenge: Add Markup to a Business Letter 00:01:02
  16. Solution: Add Markup to a Business Letter 00:05:28
  17. Nesting is Important... and Tricky 00:02:39
  18. Write Beautiful HTML 00:01:55
  19. Validate Your HTML 00:03:43
  20. Use the Right Tags for Emphasis 00:01:55
  21. Abbreviations and Acronyms 00:02:32
  22. Use cite to Name Your Sources 00:01:45
  23. Preserve the Formatting of Code and Text 00:02:37
  24. Markup Quotations with blockquote 00:01:36
  25. Identify Multiple Elements Using the class Attribute 00:02:09
  26. Challenge: Markup a Bibliography 00:01:00
  27. Solution: Markup a Bibliography 00:04:36
  28. Tables are for Tabular Data
    1. Tables are for Tabular Data 00:02:11
    2. Challenge: Table or No Table? 00:00:59
    3. Solution: Table or No Table? 00:02:36
    4. Build a Table with table 00:06:28
    5. Table's Padding and Spacing 00:02:43
    6. Adding Additional Meaning to Your Tables 00:02:15
    7. Even More Semantics with Table Sections 00:01:35
    8. Achieve Table Balance with Colspan 00:01:20
    9. Using HTML within Table Cells 00:02:11
  29. Working with Multimedia
    1. In-Depth with Images 00:05:26
    2. Embed Audio Into Your HTML Page 00:03:16
    3. Challenge: Embed a Vimeo Video 00:00:51
    4. Solution: Embed a Vimeo Video 00:03:00
    5. Embed Video with Standards-Based Markup 00:02:34
    6. Add Your Own Videos with object 00:04:12
    7. HTML5, Audio, and Video 00:03:57
  30. Forms
    1. Forms Allow Interaction within HTML 00:02:22
    2. The Anatomy of an HTML Form 00:03:10
    3. Capture Text in a Form 00:05:09
    4. Limit Choices with a Drop-Down List 00:03:34
    5. Working with Checkboxes 00:06:12
    6. Working with Radio Inputs 00:03:46
    7. Give Your Users Something to Click 00:03:28
    8. Group Form Elements with fieldset 00:02:34
    9. Where Does My Data Go? 00:02:28
    10. The Forgotten Form Elements 00:03:57
  31. Site Organization
    1. Directory Layout 00:02:42
    2. Absolute and Relative Links Revisited 00:03:39
    3. Script and Stylesheet Includes 00:04:56
    4. Building a Site Part 1 00:06:32
    5. Building a Site Part 2 00:03:33
    6. Building a Site Part 3 00:07:36
    7. Sharing Your Site with the World 00:04:49
  32. It's All in Your head
    1. DOCTYPES Matter 00:05:08
    2. Choose the Best DOCTYPE 00:02:10
    3. Meta Tags 00:04:35
    4. Conditionals 00:02:56
    5. Character Encoding 00:02:54
  33. Extending HTML with Microformats
    1. Intro to Microformats 00:02:36
    2. Microformats in the Wild 00:03:04
    3. Microformat Business Cards 00:04:16
    4. Resume with hResume 00:07:47
    5. Microformat Tools 00:02:19
  34. HTML5
    1. Intro to HTML5 00:02:29
    2. Section Elements Part 1 00:04:27
    3. Section Elements Part 2 00:03:24
    4. Forms 00:02:20
    5. Canvas 00:03:34
    6. Scaleable Vector Graphics 00:02:19
    7. Local Storage 00:04:17
    8. Geolocation 00:02:24