HTML Markup Elements Chart | HTML - Basic Web Design Articles at WebSite Primer

"New information and communications technologies can improve the quality of life for people with disabilities, but only if such technologies are designed from the beginning so that everyone can use them. Given the explosive growth in the use of the World Wide Web for publishing, electronic commerce, lifelong learning and the delivery of government services, it is vital that the Web be accessible to everyone."
William "Bill" Clinton (42nd American President)

Did you know May 17, 2001 marked the 10 year anniversary of the World Wide Web? Or that 2004 marked an anniversary for W3C?
W3C.org's History Page

Recommendation:
JASC PaintShop Pro 8.0 A graphic program, for the casual user or professional, priced around US$100

If you enjoy WebSite Primer please recommend this site to your friends!

HTML 4.1 Markup Elements Chart

Originally Published: 2001-07-02; Updated 2006 periodically
Updated: 2006
Will feature links to articles that discuss the various elements in more detail. HTML elements markup has also been referred to as tags or, erroneously, as codes.

Document Structure: Formatting or laying out of the document's structure.
Used In: All HTML documents
Contains: Content related to the page.

!DOCTYPE Document Declaration Type: Becoming mandatory
<base>...</base> Base of document
<body>...</body> Defines document's body [main content].: Attributes Deprecated; Recommendation is to use CSS.
<head>...</head> Indicates the head or informational area.
<html>...</html>: Said to be deprecated due to !DOCTYPE becoming mandatory but still widely used.
<isindex> Indicates that the document supports CGI script for searches.: Internet Explorer
<link> Sets relationship between current document and others.
<meta [type]> Metainformation or information about the information within the document.
<style>...</style> Style information for rendering of document.
<title>...</title> Document's title or brief information about the document.

Comment: Documents HTML design and techniques along with other information the author can insert.
Contained In: Document as a notekeeping or behind the scenes reference for the author.

 Comment for author; ignored by browser.
<comment>...</comment> Comment for author; ignored by browser.: Internet Explorer only

Content-Based Style elements: Altering the appearance of the text due to meaning behind or usage of the text.
Used In: BODY of the document's text content.
Contains: Text

<abbr>...</abbr> Indicating An Abbreviation: Supported in newer browsers since 2002 (this does not include IEv5.5 or lower)
<acronym>...</acronym> Indicating An Acronym: Supported in newer browsers since 2002 (this does not include IEv5.5 or lower)
<b>...</b> Bold Text: Considered Obsolete; Recommendation: use CSS
<basefont [attributes]>... Base Font [Type]: Deprecated
<big>...</big> Big Text
<blink>...</blink> Blinking Text: Recommendation: Use sparingly, if at all. Does not work in IE.
<cite>...</cite> Citing Source
<code>...</code> Code and/or Markup Sharing
<dfn>...</dfn> Definition: Supported in newer browsers since 2002 (this does not include IEv5.5)
<em>...</em> Emphasis
<font [attributes]>...</font> Font [Type] Handling: Deprecated; Recommendation: use CSS
<i>...</i> Italicized Text: Considered Obsolete; Recommendation: use CSS
<kbd>...</kbd> Keyboard; Technical
<marquee>...</marquee> Scrolling Text: Internet Explorer only; Recommendation: use sparingly, if at all.
<q>...</q> Quoted Text: Works in newer browsers since 2002
<s>...</s> Strike Thru: Deprecated in HTML v4.0
<samp>...</samp> Sample
<small>...</small> Small Text
<strike>...</strike> Strike Thru: Deprecated in HTML v4.0; Recommendation: use CSS
<strong>...</strong> Strong Emphasis
<sub>...</sub> Subscript
<sup>...</sup> Superscript
<tt>...</tt> TeleType
<u>...</u> Underline Text: Deprecated in HTML v4.0; Recommendation: use CSS
<var>...</var> Variable; often used with <tt>>

Layout Elements: Content-based markup that affects the layout and structure of the content.
Used With: Body based content.
Contains: Body based content.

<address>...</address> Text Address or Contact Information
<blockquote>...</blockquote> Block Quoted Text
<center>...</center> Center Content: Obsolete; Recommendation: Use Attributes Or, Preferably, CSS
...<br>... Line Break
<col> Columns
<colgroup> Column Group
<div [attributes]>...</div> Logical Division
<hr [optional attributes]> Horizontal Rule: Notation: Less used these days as people use CSS border touches to replace this effect.
<listing>...</listing> Fixed Width Text List: Originally for Internet Explorer. Obsolete; Recommendation: Use <PRE>...</PRE>
<nobr>...</nobr> Nonbreaking: Deprecated
<p [optional attributes]>...</p> Paragraph: Attributes (e.g. align) Deprecated; Recommendation: use CSS
<plaintext>...</plaintext> Fixed Width; Preformatted: Originally Internet Explorer
Obsolete; Recommendation: Use <pre>
<pre>...</pre> Preformatted Text
<span>...</span> Localized Style Formatting
...<wbr>... Line Break In A <nobr> Text: Deprecated
<xmp>...</xmp> Example Text; Preformatted: Originally for Internet Explorer. Obsolete; Recommendation: Use <pre>

Headings: organization and layout elements
Contained In: Body of document
Used In: Text

<h1>...</h1> Level one heading
<h2>...</h2> Level two heading
<h3>...</h3>> Level three heading
<h4>...</h4> Level four heading
<h5>...</h5> Level five heading
<h6>...</h6> Level six heading

Lists: Markup to layout items or elements in sequences or a listing [e. g. outline]
Used In: Body of document
Contains: data wished to be listed.

<dd>...</dd> Definition Description, marks the definition for a term in a glossary listing.
<dir>...</dir> Directory List, marks unbulleted list of short data.
<dl>...</dl> Definition List, a special format for terms and their definitions.
<dt>...</dt> Definition Term, marks the information being defined within a glossary listing.
<li>...</li> List Item, marks an item within a list of any type [ordered, unordered, etc.].
<menu>...</menu> Menu List, marks a pickable list of information.
<ol>...</ol> Ordered List, marks a numbered list of information.
<ul>...</ul> Unordered List, marks [indents] a bulleted list of information.

Tables: markup that can be used for tabled elements.
Used In: Body of the document.
Contains: Content of the page to be celled or tabled for presentation.

<caption>...</caption> Text for a table's caption
<table>...</table> Creates the table and nests the information and other markup element used within the table.
<tbody>...</tbody> Defines the table when headers and footers are also defined.: Internet Explorer
<td>...</td> Table [cell] Data
<tfoot>...</tfoot> Table Footer: Internet Explorer
<th>...</th> Table Header
<thead>...</thead> Defines Table Header: Internet Explorer
<tr>...</tr> Table Row, used to nest and divide table with <td>

HTML · Web Design · Color Charts · & More!

Web Design Services

Articles & Tutorials

Charts

Additional

HTML 4.1 Markup Elements Chart