[logo]

HTML Spacing and Layout Examples


Special HTML Characters


Three useful special characters include:

  • The left angle bracket or less than sign <
  • The right angle bracket or greater than sign >
  • The ampersand &

Three more useful special characters:

  • The double quotation mark "
  • A nonbreaking space       (there are three of them before this parenthetical statement!)
  • The copyright symbol ©

Centered Text is Easy!


In order to center text, you just enclose whatever text you want in the center tag (which has an opening and closing component!)

The above had a center tag at the start and end of each line. Now let's look at it with line breaks...

In order to center text,
you just enclose whatever text you want
in the center tag
(which has an opening and closing component!)


Preformatted Text Example


Puzzle: Can you connect 9 dots using only 4 straight lines?

  o o o

  o o o

  o o o

Or this simple table:

  North South East  West
Co. A 4 6 2 9
Co. B 3 7 3 1
Co. C 6 5 8 3

Block Quotes!


I think that there is no finer definition of wit than this one:

Wit is when the sudden marriage of ideas which before their union were not perceived to have any relation.

Mark Twain

Or, how about a little poem I wrote (I know, *groan*)

Tales of a Miniature Dachshund

When I was just a puppy, I slept in my mom's shoe.
But alas for me, no more because I grew and grew.
One happy day I chanced upon an empty soft suitcase
I climbed aboard, scratched out a den and knew I'd found my place!

One caveat about my bed, occasionally I'm filled with dread,
because my sister, Tammy T, a big old Great Dane dog you see,
commandeers my makeshift bed and uses it to rest her head!

About food too I've much to say, there's times I'm hungry all the day.
That same old Great Dane dog you see, likes Puppy Chow better than me!
by Diane Cunningham


The Address Section


One of the most important elements for your document is the address element!

This is where you identify yourself as the author of the document and (optionally!!) let people know how to get in touch with you.

Any copyright information for the materials used in the page can be placed in the address section.

The address element is normally played at the bottom of the document. I usually add two horizontal rules before my address section...

To have an active link to your e-mail address in your HTML address section, use an A HREF mailto:
(look at the source code for exact syntax)



Diane Cunningham / diane@technoweenies.com
President
D & D Enterprises
13231 Olive Grove Drive
Poway, CA 92064

This is information, but not a live link to the e-mail system...



Diane Cunningham (diane@technoweenies.com)

This is a clickable link that allows the user to send you e-mail by clicking on the hyperlink.


Jump to the D & D Enterprises Home Page