Underused & Easily-forgotten HTML guide

Levels of headings

Level 1 heading

Level 2 heading

Level 3 heading

Level 4 heading

Level 5 heading

Level 6 heading

An unordered list

alpha

beta

gamma

An ordered list

alpha

beta

gamma

Nested lists example

Please note that an <ul> or an <ol> cannot appear immediately inside an <ul> or an <ol>, so if you are a standards freak and would like all your web-pages to validate, then you will need to wrap any nested lists in <li> tags. This paragraph also demonstrates one way in which you can emphasise blocks of text.

alpha

beta

gamma

one

A

B

C

two

three

delta

definition list

alpha

alpha beta gamma

beta

alpha beta gamma

gamma

alpha beta gamma

This is a paragraph that includes both emphasised and strongly emphasised text.

Sample blockquote example.

foo@bar.com

NATO is an acronym and abbr is an abbreviation. You should see a "tool-tip" appear when you hover your mouse over the words "NATO" and "abbr" in the previous sentence. Unfortunately, I don't think IE supports <abbr> so you will have to use <acronym> instead.

Simple Tables

table caption

one

two

three

four

five

six

seven

eight

nine

ten

eleven

twelve

thirteen

fourteen

fifteen

sixteen

seventeen

eighteen

Repeating headers and footers

For printing purposes, table headers and footers can be printed on every page when the table is large. All you need to do is to use <thead>, <tbody> and <tfoot> to surround your table header, main table body and table footer. Gecko-based browsers will print the headers and footers on every page automatically, IE will need further prodding with the following CSS: