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 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.

Both the image and the text is a link.

Only the image is here a link.

Go to Previous Page

The border has been increased to 10 pixels.

This is an image link, even without a border.

The image link is middle-aligned.

This is middle-aligned and centered.


The link text is below the image link.

The link text is on the left.

The link text is above the image link.

  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. 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."
Just Say YO-YO Features the Web's first Yo-Yo animation.
American Yo-Yo Association Read past issues of the AYYA Newsletter.
The History of the Yo-Yo All you want to know about Yo-Yo history.

Jon's Yo-Yo Kingdom

This text explains the link above. This text explains the link above. This link explains the link above. This link explains the link above.

Tomer's Page of Exotic Yo-Yo

This text explains the link above. This text explains the link above. This link explains the link above. This link explains the link above.

This is a normal 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, 50% wide, 20-pixel thick horizontal rule (shaded):


This is a graphic rule:

This is a centered graphic rule:

This is the same rule, but with a height of 10 and a width of 595 pixels:

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.

This is a small font..
This is a normal font.
This is a big font.

Small, small font.
Small font.
Normal font.
Big font.
Big, big font.
Big, big, big font.

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

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

Netscape's Dastardly Blink Tag