This is an <a> tag:
Go to the bottom
Visit the cats (their names are Square Root and Shadow!)

This uses <center> and <h1> tags:

This web page has a bit of every basic component!

This is red (due to a style attribute)...

This page incorporates one or more of most of the elementary HTML TAGS described in this course (except where such use would make the page unreliable or difficult to view.) Many optional ATTRIBUTES have been included as well. It is NOT intended to be a "pretty" page; quite the opposite - it has so many different styles it's probably borderline offensive! With this in mind, here it is:

Here are examples of chardef's:
HTML tags appear within angle brackets as such: <br> (the break tag.)
The British have a currency standard expressed in £ (the pound sign.)

I used <br> tags to place these
next
words
on
separate
lines!

I
could
have
done
it
this
way,
too, using the <pre> tag. And even    used    tabs.

This is centered using the align attribute of the <p> tag...

Some <hr> tags:





A Famous Shakespeare Quote using the <blockquote> tag:
To be, or not to be: that is the question; Whether `tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles, And by opposing end them? To die: to sleep; No more; and, by a sleep to say we end The heart-ache and the thousand natural shocks That flesh is heir to, `tis a consummation Devoutly to be wish'd. To die, to sleep; To sleep; perchance to dream: ay there's the rub; For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause. There's the respect That makes calamity of so long life; For who bear the whips and scorns of time, The oppressor's wrong, the proud man's contumely, The pangs of dispriz'd love, the law's delay, The insolence of office, and the spurns That patient merit of the unworthy takes, When he himself might his quietus make With bare bodkin? Who would fardels bear, To grunt and sweat under a weary life, But that the dread of something after death, The undiscover'd country from whose bourn No traveller returns, puzzles the will, And makes us rather bear those ills we have, Than fly to others that we know not of? Thus conscience doth make cowards of us all; And thus the native hue of resolution Is sicklied o'er with the pale cast of thought, And enterprises of great pith and moment With this regard their currents turn awry, And lose the name of action.

Now, some nested lists (all <ul>):

Here are 10 different logical semantic markup tags (in an <ol> list):

  1. <em> Let me emphasize this, or
  2. <strong> say it strong.
  3. <code> Maybe it should look like computer code or
  4. <samp> sample text or
  5. <kbd> something entered from the keyboard or
  6. <var> the name of a variable or
  7. <dfn> a definition of something or
  8. <cite> just something I've CITEd from elsewhere...
  9. <abbr> "abbr" is the abbreviation for "abbreviation".
  10. <acronym> "ATM" is an acronym for "Automatic Teller Machine", so if you say "I'm going to the ATM Machine", you are using what I call an "ac-re-DUN-da-nym"... Others include "PIN Number" and, my favorite, "ABS Brake System"...

A <dl> definition list:

TERM: Jumbo shrimp
A big little something
TERM: Driveway
Somewhere you park
TERM: Parkway
Somewhere you drive
TERM: Reverse Backslash
Get serious... It's a (forward?) SLASH!

How about some TABLEs? (<table>)

X O X
X X O
X O X
DAYS PER MONTH
January 31 February 28/29 March 31
April 30 May 31 June 30
July 31 August 31 September 30
October 31 November 30 December 31
This spans 2 columns Only spans 1 column(default)
This spans 2 rows Only spans 1 row(default)
These 3 cells are the same. These 3 cells are the same. These 3 cells are the same.

The <font> tag:
Okay, let's get COLORFUL!

How about smaller and smaller and smaller and smaller and smaller and smaller...
or bigger and bigger and bigger and... okay you get it, RIGHT?

A simple form: (the <form> tag) NOTE: These FORMS will only work if the appropriate CGI program is available (you may have to edit this document and change the URL of the ACTION attribute.)

Enter your name:
Enter your phone number:

A simple form aligned by placing the components in TABLE fields:


Enter your name:
Enter your phone number:
Enter something secret:
Do you speak Klingon? Yes
No
Do you like: Boiled Lobster?
Fried Catfish?
Raw Oysters?

Click here for another <form> example.


Click here for a <frameset> example.

Some "inline" images (the <img> tag): One of the author's two cats, Square Root Blue Dot Red Dot Yellow Dot The author's other cat, Shadow
align="top":Shadow cat align="middle":Shadow cat align="bottom":Shadow cat

Align="left": Cat To be, or not to be: that is the question; Whether `tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles, And by opposing end them? To die: to sleep; No more; and, by a sleep to say we end The heart-ache and the thousand natural shocks That flesh is heir to, `tis a consummation Devoutly to be wish'd. To die, to sleep; To sleep; perchance to dream: ay there's the rub; For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause. There's the respect That makes calamity of so long life; For who bear the whips and scorns of time, The oppressor's wrong, the proud man's contumely, The pangs of dispriz'd love, the law's delay, The insolence of office, and the spurns That patient merit of the unworthy takes, When he himself might his quietus make With bare bodkin? Who would fardels bear, To grunt and sweat under a weary life, But that the dread of something after death, The undiscover'd country from whose bourn No traveller returns, puzzles the will, And makes us rather bear those ills we have, Than fly to others that we know not of? Thus conscience doth make cowards of us all; And thus the native hue of resolution Is sicklied o'er with the pale cast of thought, And enterprises of great pith and moment With this regard their currents turn awry, And lose the name of action.

Align="right": Cat To be, or not to be: that is the question; Whether `tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles, And by opposing end them? To die: to sleep; No more; and, by a sleep to say we end The heart-ache and the thousand natural shocks That flesh is heir to, `tis a consummation Devoutly to be wish'd. To die, to sleep; To sleep; perchance to dream: ay there's the rub; For in that sleep of death what dreams may come When we have shuffled off this mortal coil, Must give us pause. There's the respect That makes calamity of so long life; For who bear the whips and scorns of time, The oppressor's wrong, the proud man's contumely, The pangs of dispriz'd love, the law's delay, The insolence of office, and the spurns That patient merit of the unworthy takes, When he himself might his quietus make With bare bodkin? Who would fardels bear, To grunt and sweat under a weary life, But that the dread of something after death, The undiscover'd country from whose bourn No traveller returns, puzzles the will, And makes us rather bear those ills we have, Than fly to others that we know not of? Thus conscience doth make cowards of us all; And thus the native hue of resolution Is sicklied o'er with the pale cast of thought, And enterprises of great pith and moment With this regard their currents turn awry, And lose the name of action.


A new paragraph...

Slim cat (height and width specified):Cat

String of Holiday Lights

The <address> tag:

Really, the <address> tag is just another style for the browser
Walt Uotinen
Click here to send email to this page's author (Walt Uotinen) at walt@topshelftech.com
Go to the top

Valid HTML 4.01 Transitional