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.




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.







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.

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 level.
      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 YoYo Kingdom Claims to have the largest YoYo link list on the Web.
Tomer's Page of Exotic YoYo Dedicated to the "little-known, original, unusual, difficult, or otherwise interesting tricks."

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




This is the default horizontal rule:


This is a 10-pixel horizontal rule:


This is a 15-pixel horizontal rule:





This is an unshaded 15-pixel horizontal rule:





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





This is a graphic rule:

This is a graphic rule:

This is a graphic rule:




Font Size 1.
Font Size 2.
Font Size 3 (the default).
Font Size 4.
Font Size 5.
Font Size 6.
Font Size 7.

Font Size -2.
Font Size -1.
Default Font Size.
Font Size +1.
Font Size +2.
Font Size +3.
Font Size +4.

Aqua Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal Yellow

Red (FF0000) Green (00FF00) Blue (0000FF)

This text will be in either Verdana, Arial, or Helvetica, depending on which fonts are installed on a local system.

This text will be in either Courier New, Courier, Monospaced, or Memorandum, depending on which fonts are installed on a local system.

This is an H1 tag

This is an H1 with Font 7 set inside.

This is an H1 set inside of a Font 7.