Latest news:

Jan 2006
No news

Feb 2006
Still no news

Additional info

To view the source of this XHTML cheat sheet choose option (Page) Source from your browser's View menu.

Document header (level 1)

Document headers structure your page (level 2)

Document headers can go six levels deep (level 3)

Perfectly ordinary paragraph

Use this hyperlink to jump to Google

Make a jump to the destination anchor defined in this document

More block level elements

This blockquote example contains the br element to force a new line.

To be, or not to be,
that is the question

XHTML lists are also block level elements.

  1. This is the first point I wanted to make.
  2. The second point is subdivided into two points;
    • The first, unordered, subpoint.
    • The second, again unordered, subpoint.
  3. There are two more points that I wanted to make. This is number three.
  4. Lastly point four.

Common inline elements

Most inline elements are very similar and have few attributes. The most commonly used inline elements are those used to markup phrases. Each of these elements has a different semantic meaning but they have the same syntax and characteristics.

It's possible to define your own custom inline elements using the span tag. Items enclosed in this tag can be given specific style attributes.

The b element suggests that the text be rendered as bold text. Probably an element such as strong is more appropriate since this element expresses the meaning of the markup more clearly. Another alternative for bold is em for emphasized. More often however em is used as an alternative for i. The i element stands for italic which is, of course, also an instruction primarily related to the rendering of text.

Overview of other inline elements
TagUse tage to ...
cite ... indicate a citation or reference such as the title of a text being referred to.
dfn ... mark the defining instance of a term, the first time it's mentioned in the text.
q ... mark up short quotations. The q tag is the inline equivalent of the blockquote element. I was once told the q tag is used when quoting a small portion of text. To which I replied if you say so.
code ... indicate that a fragment of text is computer code. For example; i = j + 1;
kbd ... indicate text entered by a user when using a computer.
var ... markup a variable in a computer program.
samp ... indicate that a fragment of text is sample output from a computer program.
abbr ... indicate an abbreviation. The abbreviated term is not spelled out in full but is written using less characters (such as etc., i.e.).
acronym ... denote an acronym, that is a series of characters representing a phrase (such as HTML, HTTP).
ins ... indicate that the text has been inserted into the document since the last revision.
del ... indicate that the text has been deleted from the document since the last revision.
sup ... create text that is rendered in superscript. Can also be used, in conjunction with hyperlinks, to make footnotes1.
sub ... create text that is rendered in subscript. The sub tag is of value for constructing chemical formulas or mathematical expressions like H2O.

Closing remarks

The destination anchor is the link target.

For more information on XHTML form elements follow this link. You can download the most recent version of this document from the BubbleBoy SVN repository.


Comments to Hans de Rooij

BubbleBoy Ubuntu Server Apache Server Valid XHTML 1.0 Strict Valid CSS