XHTML test page

A page of XHTML <body></body> elements

This is a sample page of virtually every XHTML element found between the <body></body> tags of an XHTML document. You can use this document to see how your own CSS file alters the elements. In fact it’s a great place to start when creating a new site style-sheet.

Heading, level 1

Heading, level 2

Heading, level 3

Heading, level 4

Heading, level 5
Heading, level 6

Paragraph:
Lorem ipsum dolor sit amet (strong), consectetuer adipiscing elit. Sed
elementum. Nunc aliquet interdum felis. Nunc laoreet molestie dui.
Phasellus lectus magna (emphasis), eleifend ac, sollicitudin eu, mollis vel,
lectus. Mauris lacus lorem (underline) , vulputate sit amet, tristique ut, congue
ac, ipsum. Cras sagittis euismod massa. Fusce ultrices (code) luctus turpis.
Proin erat arcu, tincidunt a, euismod nec, pulvinar quis, arcu (strikethrough). Class
aptent taciti sociosqu ad litora torquent per conubia nostra (deleted) , per
inceptos hymenaeos (inserted). Praesent odio turpis (link) , convallis id, accumsan at,
venenatis eget, nulla. Ut eu metus eget dolor eleifend congue.

Blockquote containing a paragraph: Lorem ipsum dolor sit amet (strong), consectetuer adipiscing elit. Sed elementum. Nunc aliquet interdum felis. Nunc laoreet molestie dui. Phasellus lectus magna (emphasis), eleifend ac, sollicitudin eu, mollis vel, lectus. Mauris lacus lorem (underline) , vulputate sit amet, tristique ut, congue ac, ipsum. Cras sagittis euismod massa. Fusce ultrices (code) luctus turpis. Proin erat arcu, tincidunt a, euismod nec, pulvinar quis, arcu (strikethrough). Class aptent taciti sociosqu ad litora torquent per conubia nostra (deleted) , per inceptos hymenaeos (inserted). Praesent odio turpis (link) , convallis id, accumsan at, venenatis eget, nulla. Ut eu metus eget dolor eleifend congue.

Citation: Guy Carberry, Circa February 2005

  1. Ordered list item
  2. Bold ordered list item
    1. Ordered list item containing ordered list item
  3. Ordered list item
    • Ordered list item containing unordered list item
    • Another unordered list item
  4. Ordered list itme containing a paragraph:

    Paragraph: Lorem ipsum dolor sit amet (strong), consectetuer adipiscing elit. Sed elementum. Nunc aliquet interdum felis. Nunc laoreet molestie dui. Phasellus lectus magna (emphasis), eleifend ac, sollicitudin eu, mollis vel, lectus. Mauris lacus lorem (underline) , vulputate sit amet, tristique ut, congue ac, ipsum. Cras sagittis euismod massa. Fusce ultrices (code) luctus turpis. Proin erat arcu, tincidunt a, euismod nec, pulvinar quis, arcu (strikethrough). Class aptent taciti sociosqu ad litora torquent per conubia nostra (deleted) , per inceptos hymenaeos (inserted). Praesent odio turpis (link) , convallis id, accumsan at, venenatis eget, nulla. Ut eu metus eget dolor eleifend congue.

Definition list term with link
Definition list definition
Definition list term
Definition list definition with link
Definition list term

Definition list definition, multiple paragraphs:

Paragraph: Lorem ipsum dolor sit amet (strong), consectetuer adipiscing elit. Sed elementum. Nunc aliquet interdum felis. Nunc laoreet molestie dui. Phasellus lectus magna (emphasis), eleifend ac, sollicitudin eu, mollis vel, lectus. Mauris lacus lorem (underline) , vulputate sit amet, tristique ut, congue ac, ipsum. Cras sagittis euismod massa. Fusce ultrices (code) luctus turpis. Proin erat arcu, tincidunt a, euismod nec, pulvinar quis, arcu (strikethrough). Class aptent taciti sociosqu ad litora torquent per conubia nostra (deleted) , per inceptos hymenaeos (inserted). Praesent odio turpis (link) , convallis id, accumsan at, venenatis eget, nulla. Ut eu metus eget dolor eleifend congue. 

Preformatted text:

   |\      _,,,---,,_
   /,`.-'`'    -.  ;-;;,_
  |,4-  ) )-,_..;\ (  `'-'
 '---''(_/--'  `-'\_)  fL

  • Abbreviation: etc.

  • Acronym: CSS
Caption: a demonstration data table.
table header table header
table header table data
table header table data
table header table data
table header table data
table header table data
Address: 22 Accacia Avenue,
London,
England,
LDN1 1NP
(Fieldset) Basic details

How did you find the site?
Just surfed on in
Friend told me about it
Google
Your interests
Music
Partying
Reading

And that’s just about every useful element. I’ve omitted a few less accessible items like jump menus and the like. Feel free to copy this and ammend as you like.

Published on February 18, 2005

Filed in Web design

Comments are closed.

Possibly related posts

← ↑ →

Guy someday will find the mysterious cities of gold.

About GuyWeb

This site is being redeveloped. Apologies if things don't look or act as you expect. I'm spending little bits of free time making some much needed changes.

GuyWeb is the personal website of Guy Carberry, a web designer based in Buckingham, England. He currently works full-time as a web designer for the Open University. He also undertakes interesting freelance projects where time allows. You can contact Guy by emailing Guy at this website's address.

By category

By date

Pages