GuyWeb

XHTML test page

February 18th, 2005

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.

    Tags: