Elementary Standards HTML Tutorial
The tutorials found herein have been written for clarification of existing W3C HTML 4.01 (and, by extension, XHTML 1.0 as text/html) documentation and use real-world examples. W3C HTML 5 (Draft) clarification and examples are included.
Elements :
Attributes
Sections of elements are below. The attributes, too. Some section names have been taken from HTML 5; some remain HTML 4.01. Text-Level Elements - in HTML 5 - have become Text-Level Semantics but some were reclassified as Grouping or Phrasing Content; List elements are Grouping Content.
Head Elements
Flow Elements
Section Content Elements
Block-Level Elements
List Elements
Text-Level Elements
Empty Elements
Attributes
style
The style attribute is used to set inline CSS styles on individual elements in a page.
[Note: This text-level method of setting page styles is a popular albeit time-consuming and regrettable workaround when style sheets are not accessible.]
- Attribute name:
style- Value:
- Text (CSS property/value pair[s]) content
- Example [Paragraph element]:
-
The DocType used for this HTML 5 page is <!DOCTYPE html>
- Code [HTML]:
-
<p style="color:#987698; font-size:4em; font-family:Impact,Arial,Helvetica,'sans serif';">The <abbr>DocType</abbr> used for this <abbr>HTML</abbr> 5 page is <!DOCTYPE html></p>
- Example [Paragraph element, Span element and an Emphasis element]:
-
The DocType used for this HTML 5 page is <!DOCTYPE html>
- Code [HTML]:
-
<p style="color:#987698; font-size:4em; font-family:Impact,Arial,Helvetica,'sans serif';"><span style="color:#767698;">The <abbr>DocType</abbr> used for this <abbr>HTML</abbr> 5 page <em style="text-decoration:underline;">is</em></span> <!DOCTYPE html></p>
The Elementary Standards: A Compendium of articles, tutorials and reference material regarding Web Standards, HTML and CSS Copyright ©2005-2010. All work is published by Sean Fraser under a Creative Commons License. All Rights Reserved.