Testing

Welcome

This page was written for testing custom style sheets. It can also be used for things like just checking how your browser displays various HTML tags by default and for testing conversions from HTML format to other formats, since some tags can go wrong.

Basic block elements

This is a normal paragraph (<p> tag).

This line is a plain <div> tag which may be used instead of a <p> tag for various reasons.

The following are all headings

This is a 1st level heading

This is a 2nd level heading

This is a 3rd level heading

This is a 4th level heading

This is a 5th level heading
This is a 6th level heading

The following is a block quotation containing a single paragraph (<p>) in a <blockquote>.

Well, not quite, since this is not really quoted text, but I hope you understand the point. After all, this page does not use HTML tag very normally anyway.

The following is preformatted text in a <pre> tag. Often used for displaying blocks of code.

class Parrot:
  def fly(self):
    print("Parrot flying")

class Airplane:
  def fly(self):
    print("Airplane flying")

class Whale:
  def swim(self):
    print("Whale swimming")

Text-related tags

These are examples of text wrapped int commonly used tags supported by HTML

  • Some plain text just for comparison.
  • Some bolded text using the <b> tag.
  • Some italicized text using the <i> tag.
  • Some underlined text using the <u> tag.
  • Some inserted text using the <ins> tag.
  • Some struckthrough text using the <strike> tag (<s> is a valid but nonstandard equivalent tag).
  • Some deleted text using the <del>, which is similar to strikethrough tag.
  • Some quoted text using the <q> tag.
  • Some quoted quoted text using nested <q> tags.
  • Some emphasized text using the <em> tag.
  • Some heavily emphasized text using the <strong> tag.
  • Some highlighted text using the <mark> tag.
  • Some fixed-width text using the <code> tag.
  • Some small text using the <small> tag.
  • Some big text using the <big> tag.

These are examples of text adjusted using the <font> tag.

  • Some large text using <font size=5>.
  • Some in Georgia using <font face=Georgia>.
  • Some blue text using <font color=blue>.

These are examples of some other less commonly used text tags

  • CSS is wrapped in the <abbr> tag.
  • Title of Work is a cited work using the <cite> tag.

The following are examples of the subscript <sub> and superscript <sup> tags. Which you'll quite often find in mathematical notation:

  • x1
  • ex
  • sin2x
  • ex2
  • f(x)g(x)a+b+c

Links

This is a list of link tags

This is a text paragraph that contains an inline link. Generally, inline links are problematic from a usability perspective, but they have use as less relevant links.

Lists

The following is an un-numbered list, i.e. the <ul> tag.

  • One
  • Two
  • Three
  • Four. You get it.

The following is a numbered list, i.e. the <ol> tag.

  1. One.
  2. Two.
  3. Three.
  4. Four. Etc.

The following is a definition list, i.e. the <dl> tag.

term
a word or phrase used to describe a thing or to express a concept, especially in a particular kind of language or branch of study.
a fixed or limited period for which something, e.g., office, imprisonment, or investment, lasts or is intended to last.
word
a single distinct meaningful tag of speech or writing, used with others (or sometimes alone) to form a sentence and typically shown with a space on either side when written or printed.

While intended for definitions, the <dl>, <dt> and <dd> tags could be used for some interesting layout purposes.

Forms

This entire section is a form containing various fields (with some initial values set, so that you can see how input text looks like without actually typing it):

The following <input> tags are type="radio".

Radio Buttons

The following <input> tags are type="checkbox".

Checkboxes

Tables

The following table has a caption. The first row and the first column contain table header cells (<th> tags) only; other cells are data cells (<td> tags), with <align="right"> attributes:

Sample table: Areas of the Nordic countries, in sq km
CountryTotal areaLand area
Denmark 43,070 42,370
Finland337,030305,470
Iceland103,000100,250
Norway324,220307,860
Sweden449,964410,928

Character Encoding

The following table has some sample characters with annotations. If the browser's font does not contain all of them, they may be displayed using a fallback font.

Character Description Notes
ĂȘ e with circumflex Latin 1 character
— em dash Windows Latin 1 character
Ā A with macron (line above) Latin Extended-A character, not present in all fonts
Ω capital omega A Greek letter
minus sign Unicode
diameter sign relatively rare symbol

Miscellaneous elements

The following is a horizontal rule, i.e. the <hr> tag.