The Intermediate HTML Tutorial

This is regular text. Use SUP for superscripts. This is regular text. Use SUB for subscripts. This is regular text. Use U for underlining. This is regular text. Use STRIKE for strikethrough.

This text is marked for deletion. This is regular text. This text is marked for insertion.

This is regular text. Use DEL for deletions. This is regular text. Use INS for insertions. This is regular text. Use Q for quotations. This is regular text. Use S for strikethrough.

Strikethrough text

Strikethrough text

Regular text. Spanned text. Regular text.

This is a Right-Aligned Level-Three Heading

This is a right-aligned text paragraph. This is a right-aligned text paragraph. This is a right-aligned text paragraph. This is a right-aligned text paragraph.

This is a Center-Aligned Level-Three Heading.

This is a center-aligned text paragraph. This is a center-aligned text paragraph. This is a center-aligned text paragraph. This is a center-aligned text paragraph.

Level-Two Heading

This paragraph, and the level-two heading above it, is centered using the DIV tag's ALIGN attribute.

Level-Two Heading

This paragraph, and the level-two heading above it, is centered-aligned using CENTER tag.

If you set left-alignment in an inline image, the text will wrap around the right side of the graphic. If you set left-alignment in an inline image, the text will wrap around the right side of the graphic. If you set left-alignment in an inline image, the text will wrap around the right side of the graphic.

If you set right-alignment in an inline image, the text will wrap around the left side of the graphic. If you set right-alignment in an inline image, the text will wrap around the left side of the graphic. If you set right-alignment in an inline image, the text will wrap around the left side of the graphic.

If you set left-alignment in an inline image, the text will wrap around the right side of the graphic. If you set left-alignment in an inline image, the text will wrap around the right side of the graphic. If you set left-alignment in an inline image, the text will wrap around the right side of the graphic.

Text will flow between a left-aligned and a right-aligned image. Text will flow between a left-aligned and a right-aligned image.


If you set left-alignment in an inline image, the text will wrap around the right side of the graphic.
If you set left-alignment in an inline image, the text will wrap around the right side of the graphic. If you set left-alignment in an inline image, the text will wrap around the right side of the graphic.

If you set right-alignment in an inline image, the text will wrap around the left side of the graphic.
If you set right-alignment in an inline image, the text will wrap around the left side of the graphic. If you set right-alignment in an inline image, the text will wrap around the left side of the graphic.

Text will flow between a left-aligned and a right-aligned image.
Text will flow between a left-aligned and a right-aligned image.

This is the text.

This is the text.

Go to Previous Page

This is the text.

This is the text.

This is the text.

This is the text.


This is the text.

This is the text.

This is the text.

  1. This is item one.
  2. This is item two.
  3. This is item three.
  4. This is item four.
  1. Level-one outline level.
    1. Level-two outline level.
      1. Level-three outline level.
        1. Level-four outline level.
        2. Level-four outline leve
      2. Level-three outline level.
    2. Level-two outline level.
  2. Level-one outline level.
  1. Level-one outline level.

    Paragraph text following a list item will automatically be indented flush with the list item text.

    1. Level-two outline level.

      Paragraph text following a list item will automatically be indented flush with the list item text.

      1. Level-three outline level.

        Paragraph text following a list item will automatically be indented flush with the list item text.

        1. Level-four outline level.
        2. Level-four outline leve
      2. Level-three outline level.
    2. Level-two outline level.
  2. Level-one outline level.
  1. This should be numbered as 3
  2. This should be numbered as 4.
  3. This should be numbered as 8.
  4. This should be numbered as 9.

Jon's Yo-Yo Kingdom Claims to have the largest Yo-Yo link list on the Web.
Tomer's Page of Exotic Yo-Yo Dedicated to the "little-known, original, unusual, difficult, or otherwise interesting tricks."

Jon's Yo-Yo Kingdom Claims to have the largest Yo-Yo link list on the Web. This text further explains the link above. This text further explains the link above. This text further explains the link above.
Tomer's Page of Exotic Yo-Yo Dedicated to the "little-known, original, unusual, difficult, or otherwise interesting tricks." This text further explains the link above. This text further explains the link above. This text further explains the link above.

This is the default horizontal rule:


This is a 10-pixel thick horizontal rule:


This is a 15-pixel thick horizontal rule:


This is an unshaded, 15-pixel thick horizontal rule:


This is a 75% wide, unshaded, 15-pixel thick horizontal rule:


This is a left-aligned, 75% wide, unshaded, 15-pixel thick horizontal rule: