Basic Of HTML


HTML Tags

a free online cheatsheet by VisiBone
HTML Tags and Attributes (column 1 of HTML Card)
I hope you find this
HTML quick-reference
useful.
Here are all HTML tags
with attributes and
values for XHTML 1.1,
also known as HTML 4.01.

The legend below
explains the color-
coding for browser and
standards support,
and the symbols.


By the way, that little
yellow hand  shows
two things.  First, it
appears near a feature
that's been deprecated
by the W3C standards
organization.

    BAD STUFF 
   The  hand  is in
   the vicinity of
   a "bad" HTML
   feature
,
   according to
   the W3C.

Secondly, to the right
of the hand is the
feature that W3C
expects us to use
instead.

    GOOD STUFF 
   The hand points
   to a "good" HTML
   or CSS feature.


For example, the
style-sheet property
{font-weight:bold}
should be used
instead of the HTML
tag <b>.

Bad: <b>bold</b>
Good: <span style=
"font-weight:bold">

bold</span>

You might think W3C
or the thousands of
books and sites on
HTML would have
this useful second part
readily available, but
you would be wrong.

If I seem a little proud
that VisiBone makes
the only reference on
the planet that informs
those nuggets, well,
you're right.









To find a great color scheme,
try the Webmaster's Color Lab.
Color Lab (free online service)Just click on the colors you like.
HTML Tags and Attributes (column 2 of HTML Card)<== From this point down,
all the way to the legend,
the colors are a little
washed out.

Honestly, I did not do this to
cripple the online version in
comparison with the printed
HTML Card
.  Rather, I
compressed the images
to reduce your load time
and reduce my bandwidth
charges.

: : : 
But since you mentioned
the 
HTML Card, all the
information on this web page
is from page two of the card:
   HTML Popup
It's 8.5 x 11 inches
with non-glare lamination.

It's pretty dense.  In fact,
I used the same font
as the phone books.

Personally, I like seeing
all the facts in one place.

But if you prefer  large print
or very compact size,
the HTML Foldouts have
the same information too:

   HTML Tags Foldout
Here is the Tags Foldout.
It has eight panels
and folds to 3.5" x 8.5".

Either way it's US$10.
That includes style sheet
properties and attributes
and a table of exotic HTML
character codes such as:

      ™  ©  £  ñ
The main differences:

   HTML Card:
      • dense
      • annotated examples
   HTML Foldouts:
      • large print
      • folds compact

Click on the links to see
them up close.

: : :
So, please excuse the long
download time for this page.

I'm disappointed it takes
longer for you to download
this page over a dial-up
connection than it does
to order the printed
products online.
Perhaps even to order
in bulk, or by mail.
Truly shameful state of
affairs.


HTML Tags and Attributes (column 3 of HTML Card)You may be wondering:
where are all the garish banners
and insidious pop-up ads??

Well, ok, here's one: