Formatting HTML Documents

One of the most important HTML elements to understand is the table. This page shows you how to control basic formatting using a table.

Suppose you want a simple two column layout like this:

blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj lkj lasdj blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj fk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lkdsufoieurlkasj fkldsfr lkjr more blah blah blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj fklds blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj fr lkjr

This actually consist of a table of one row and 3 columns. Using Stylesheets it could be done with 2 columns, but that will be discussed later.

The three basic elements that are used here are:

. The TR element specifies a table row. The TD element specifies table data in a given column. These elements have properties to control alignment and color. The HTML for this table is shown below:

column 1 data column 2 data

Notice the width is 100% and each cell is 5 pixels from the adjacent table cell. The middle column contains a background color property and all data is aligned at the top (valign=’top’). A handful of changes and the table can look quite different (ugly, but different).

blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj lkj lasdj blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj fk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lkdsufoieurlkasj fkldsfr lkjr more blah blah blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj fklds blah blah aldkj aldkjfa dkfjalkdjf alkdjfal kdjf alkjdflkajsfd lkajsdfl kjasdlfkjalksdjf lakjdflkja lkjdalfkj. alsdkfja lkj lasdjfk.a f.ajsdfokj laksdjflka sjdf lkashdl lkdsaj lksj fr lkjr

The source for this table is shown below

< width='60%' cellspacing='5px' cellpadding=0 bgcolor='lightyellow' >

column 1 data column 2 data

Basic HTML

Basic HTML

This page gives you enough information to create basic HTML

This page shows you how to create basic HTML elements, including a header, a paragraph, bold items, and lists.

In general, HTML consist of elements with opening and closing tags. To create a header element like above, use the following HTML

This is a head element

To create a paragraph use thetags like this

To bold text, use the tags

To create an ordered list like this:

  1. This
  2. This
  3. That
    1. This
    2. This
  4. This

Use the following HTML

  1. This
  2. This
  3. That
    1. This
    2. This
  4. This

For an un-order list, use the UL element

  • This
  • This
  • That
    • This
    • This
  • This
  • This
  • This
  • That
    • This
    • This
  • This
One of the easiest ways to learn HTML, DHTML, or almost any programming language is to view the source code and start making changes to see what happens.

Haiku

…………………………..
Haiku blog entries.
Sounds like a fun thing to do.
Alternate the lines
Go five seven five.
Line after line after line
Count your syllables
Its not my first try
I’ve posted them here and there.
Here are some old ones.

One is a reply.
Its shown with its base message.
Two was just for fun


  • yes sir i have some
    it’s in the linen closet
    a lifetime supply

    if you need to wipe
    all you have to do is ask
    i have plenty

    Had toilet paper
    Fire took my lifetime supply
    Thank god for junk mail

  • Now its time for lunch
    If you reach across my plate
    Fingers will be lost

Now I will re-blog.
Summarizing old entries.
Just to prove I can

I have an Oak tree.
Massive leaves adorn its stem.
It lives in a cup

Plague lost yet again.
Does not matter who we play.
We always lose big.

It started out fun.
My little experiment.
Its gotten quite old.

Write Haiku comments.
Any subject you would like.
Lets find the best one.

ORIGINAL COMMENTS

Submitted by bumr at 12/12/2002 8:26:23 AM

    how does this little blog
    get so many hits daily
    how do you do it?

    tempe just made fun
    i was counting on fingers
    she is very bad

Submitted by freddy at 12/12/2002 8:55:05 AM

    Way too much free time
    There are things to do today
    I should get a life

    Computers can suck
    It should know what I want done
    Stupid little box

Submitted by leesa at 12/12/2002 9:07:14 AM

    Finals are stressful.
    Can I shoot my professor?
    She lost my paper.
Submitted by jim at 12/12/2002 9:08:46 AM

    My family’s large
    They visit my site a lot
    Thats how I get hits

    Friends visit here too
    They like what I have to say
    …Or maybe they don’t?

Submitted by jim at 12/12/2002 9:38:52 AM

    Can’t really help it
    Seventh grade we were taught it
    She told us to try

    Examples I gave
    I would not let her move on.
    She had to stop me.

    A teachers regret.
    Teaching this student Haiku.
    It was her own fault.

Submitted by Christy at 12/13/2002 10:53:51 AM

    Too lazy to try
    Hungover, dehydrated
    Please don’t make me think.
Submitted by joster at 12/15/2002 7:05:34 PM

    p f changs for lunch
    you cant pay me to go back
    i dont eat orange peels

PF Chang’s St. Louis – Review

St. Louis now has a PF Chang’s.

Previously, I’ve eaten at PF Chang’s in Las Vegas and Irvine, CA and was pretty happy with the restaurant.  If you’ve never been to a PF Chang’s, its probably worth a visit.  The stone statues out front and inside are kinda cool and the ceilings are probably 15 ft, giving it a very open feel.

The PF Chang’s in St. Louis opened today.  John, Ben and I went there for lunch.  Some things were obvious right away:

  1. Our waitress had never waitress before (she later told us)
  2. People in White shirts were trainees
  3. People in Blue shirts were trainers

To start things off, our waitress was completely flustered by the way we chose to sit at the table – 3 people at a four person table, and Ben chose to sit at the outside, rather than the inside.  She had no idea what to do, because she wanted to set something (sauces, etc.) where Ben was sitting.

For some reason the waitress (she never told us her name), REALLY wanted to pick our food for us.  We told declined her offer.  We started with Spring Rolls as an appetizer.  I ordered Orange Chicken, John order Orange Beef (she said No, “two of the same taste ?!”), — OK, John ordered the Mongolian Beef.  Ben said – you can pick (since she really wanted to anyway).  Of course, little did we know that Ben allowing her to pick, meant that she got to pick EVERYTHING.

We ended up with Orange Beef (John didn’t care for the Orange Peels in it, but I like them — in moderation), Lemon Pepper Shrimp (pretty good), and something we think was called Chicken with No Fun noodles.  John adequately described this as chicken through the garbage disposal.

We ate all of the Orange Beef and most of the Shrimp dish, but had them take the Garbage Disposal Chicken off of the bill.  Even with 2 entrees, 3 drinks and an appetizer, the bill with tip was $40.

In short, PF Chang’s will not be added to the normal lunch rotation.  The food to dollar ratio is not high enough, and although I liked the food, it didn’t wow me.  If the entrees were lunch sized and a few dollars cheaper, it would move up on my list.  I still probably go back to PF Chang’s  for dinner sometimes.


Now to see if I had enough instances of  PF Chang’s and St. Louis to have my review rank high on google….

ORIGINAL COMMENTS

Submitted by asoon at 12/10/2002 2:10:31 PM

    Where is the new P.F. Chang in St. Louis?

    Having been to couple of others P.F. Chang’s around the country, I’ve always been impressed by their decor, but not by their food.

Submitted by jim at 12/10/2002 2:51:27 PM

    PF Chang’s is on the east side Clarkson, about 1 mile south of Highway 40, across from the mall.
Submitted by frank at 12/10/2002 3:38:07 PM

    PF Chang’s is to chinese food what Chevy’s is to Mexican food — Americanized for the average American. It’s decent food, but not spectacular.
Submitted by Danabastard at 12/11/2002 1:23:24 AM

    I’m average. Do I have to eat there?
Submitted by jim at 12/11/2002 7:34:14 AM

    I don’t think that Chinese Chevy’s is what they were going for. — Chinese Chevy’s — isn’t that the game that looks like the Star of David that you play with the pegs are marbles?
Submitted by freddyferret at 12/11/2002 7:56:53 AM

    Um…..I think that would be Chinese Checkers. Chinese Chevy’s are cars that get exported.

Updates…

Plague lost to Team Exit in the Playoffs last week.  New season starts tomorrow.  There is little hope that we will do any better this season…


Tony (Dan’s neighbor) needed stitches and had a slight concussion from injuries suffered during the annual football game.  He said he still gets dizzy when he bends over.  I’m guessing he won’t be playing next year.

Dave still has a slight limp as well.


We had Danielle’s birthday party yesterday.  The guests were limited to immediate family and two of our neighbors.  I counted 43 people, but I may have missed a few.