2010
O'Reilly Media
Jeff Siarto
4:04
English
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.
HTML Basics
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
Structuring a Page
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
Paragraph Markup
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
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
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
Download File Size:900.18 MB
|
