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
title
The title attribute, or commonly known as a “Tool Tip”, offers advisory information about the content in the element for which it is set.
[Note: The title attribute may annotate any number of elements in a page; however, the <title> element should be used once in the head section only.]
Visual browsers display the “Tool Tip” as a short message that appears when the pointing device pauses over the content in an element with a title attribute; audio user agents may speak the title information in a similar context.
- Attribute name:
title- Value:
- Text
- Example [Anchor element]:
-
“When we remember we are all mad, the mysteries disappear and life stands explained.” [1]
- Code [HTML]:
-
<p id="fnTop">“When we remember we are all mad, the mysteries disappear and life stands explained.” <sup><a href="#fnBottom" title="Read the footnote at the bottom of the page.">[1]</a></sup></p>
- Example [Anchor Link element]:
-
The differences between HTML 4 and HTML 5 may be found in HTML 5 differences from HTML 4 and in the German HTML 5 und XHTML 5 im Vergleich (WHATWG) or Chinese HTML和XHTML的不同 translations.
- Code [HTML]:
-
<p>The differences between <abbr>HTML</abbrv 4 and <abbr>HTML</abbr> 5 may be found in <a href="http://dev.w3.org/html5/html4-differences/" title="Read W3C Editor's Draft">HTML 5 differences from HTML 4</a><span class="externalLink"></span> and in the German <a href="http://meiert.com/de/publications/translations/whatwg.org/html-vs-xhtml/" hreflang="de" title="Read German translation">HTML 5 und XHTML 5 im Vergleich (WHATWG)</a><span class="externalLink"></span> or Chinese <a href="http://dancewithnet.com/2007/10/28/differences-between-html-and-xhtml/" hreflang="zh" title="Read Chinese translation">HTML和XHTML的不同</a><span class="externalLink"></span> translations.</p>
- Example [Abbreviation element]:
-
For Accessibility, Universality and general User-friendliness, the
titleelement should be used for the first usage instance of an abbr. - Code [HTML]:
-
<p>For Accessibility, Universality and general User-friendliness, the <code>title</code> element should be used for the first usage instance of an <abbr title="Abbreviation">abbr</abbr>.</p>
1. ^ Mark Twain.
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.