Our first HTML attempt
all dressed up in style

Yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda
This follows a line break. In most browsers, this is not preceded by a blank line. Ya yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda

This is the beginning of a new paragraph. In most browsers, paragraphs are separated by blank lines. Yikes yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda

Pete's JPEG portrait, medium compression. Go find out about Pete, the petulant potter. Both text and image links lead to a labeled location further down the page.

A second-level heading

Yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda this type is set in a monospaced font yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda.

Yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda this type is emphasized yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda.

Yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda. Yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda this type is strongly emphasized yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda.

A Directory List

  • Item one of a directory
  • In most browsers, items in directory lists are just like items in unordered lists
  • Last Item

    • Nested Ordered and Unordered and Menu Lists

    1. This is the first item
    2. This is the second item
    3. This is the third item
      1. This is a nested ordered list
      2. And this is a verbose item so you can see how the text wraps. Ya yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda
    4. This is the last item

    Forms are a way for the user to send requests or information, or otherwise interact with the web page beyond activating links.

    Generally, forms are processed on the server, and the results are returned to the user in a new web page. The following form will access a sample program on the ACG server, which will let you see what information can be gleaned from the form itself.

    This is a text field. And the winner is:

    This is a text area. Please enter a brief novel:

    This is a scrolling list of options. Multiple selections can be allowed. What would you like on your pizza?

    A list of options can be rendered as a pop-up menu if its SIZE parameter is set to 1 and multiple selections are disallowed. How would you like your steak?

    Radio buttons are used for alternative choices. Choose only one option:
    Hot Not-so-hot Un-hot

    Checkboxes are used for multiple compatible choices. Choose any combination of items:
    Over here Over there Somewhere Wherever

    File fields allow the user to enter a file specification, either by typing it in or by selecting the file (through the use of the 'browse' button). In some browsers, the type of files may be optionally restricted (e.g., pictures only):

    Password fields differ from standard text fields because the characters entered are obscured for security reasons. Enter some secret password:

    Pushbuttons trigger immediate execution of an action. Two standard buttons are RESET (here labeled 'clear'), which returns the form to its default values; and SUBMIT (here labeled 'send'), which sends the form's contents to the server computer for processing.

    A simple table
    YearMonthDay
    1972June23rd
    1982October7th

    In the table above, each table cell occupies the intersection of a row and a column. The items in the first row are emphasized because they are contained in header cells.

    A more complex table
    average other
    category
    height weight
    males 1.9 0.003 yyy
    females 1.7 0.002 xxx

    In this second table, some items span multiple row/column intersections. This is a 4 x 4 table, but row 1 has only three cells because the second one is double width; row 2 has only two cells because the first and last cell of row 1 dip down into row 2. Table cells can contain inline graphics besides text. The thickness of the border can be adjusted.

    This is about Pete the potter and his persistent pitter-patter

    Pete GIF in 16 glorious colors and transparency. ¡Pedro pide el pañuelo! The previous sentence shows the use of character entities. The background of this second version of Pete's portrait is transparent (the color of the page shows through) because it is a GIF file. On the other hand, the JPEG version (at the top of the page) displays 24-bit color ('true color') and is generally a more efficient way to compress continuous-tone images.

    Type wraps around the picture because its ALIGN parameter is set to 'left'. Yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda.

    Contact information is often placed in an ADDRESS container:

    H. T. Emil, Supreme Sourface, NetSurfBreakers Inc.

    A hyperlink with a 'mailto' URL is a shortcut to create an e-mail message:
    Reach this wretch at retch@ratchet.com

    Most web pages change often. Let your readers know how current the information is by indicating when was the last time you worked on the page:
    Last modified on 20 Nov 1997 by Sandro Corsi.