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

HTML 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;
  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.

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 HTML 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 HTML 4.01 Transitional  
 
 

basics.html is a HyperText Markup Language cheat sheet

© 2013 Hans de Rooij

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

Please visit the website of the Free Software Foundation for more information about the GNU GPL.