How to HTML

More Magical Fun Page Stuff

...Ready...
...Set...
...GO...

Pre-set Text | Bulleted List | Squared List
Numbered List | Roman Numeral List | Anchors

A Note: Already!!? You know by now I love giving you notes. :)
See this INDEX for the page? Well it's done
with Anchors and I show you how at the bottom.
That's all. Dig in. Use your napkin. *smile*

~ Pre-set text ~

Using the <pre> command is the easy way to duplicate text
without using a <br> after each word or paragraph.

Here's how a list looks when you copy
and paste directly. Hard to read eh?

Instill Energy 1 Ironroot Treefolk 3 Regeneration 3 Elvish Scout 6 Cat warriors 4
Erhnam Djinn 2 Elven Fortress 8 Thelonite Druid 3 Wild Growth 2

Now add the <pre> tag and it's back to normal.
I also centered it a bit by adding this little <ul> tag.

Hi!!! You don't have to use
the UL tags...your text will end up on the left.
Play around as usual. Bye!!!

<ul><ul><ul><ul><pre> Instill Energy 1 Ironroot Treefolk 3 Regeneration 3 Elvish Scout 6 Cat warriors 4 Erhnam Djinn 2 Elven Fortress 8 Thelonite Druid 3 Wild Growth 2 </pre></ul></ul></ul></ul>

Return to the Index

~ Lists to Live By ~

Bulleted Lists
<UL>
<LI>I will learn HTML
<LI>My homepage......
<LI>Silliness abounds!
</UL>
  • I will learn HTML.
  • My homepage is the cat's meow.
  • Silliness abounds!

Return to the Index

Squared Lists
<UL TYPE="square">
<LI>I will learn HTML
<LI>My homepage...
<LI>Silliness abounds!
</UL>
  • I will learn HTML.
  • My homepage is the cat's meow.
  • Silliness abounds!

Return to the Index

Numbered Lists
<OL>
<LI>I will learn HTML
<LI>My homepage...
<LI>Silliness abounds!
</OL>
  1. I will learn HTML.
  2. My homepage is the cat's meow.
  3. Silliness abounds!

Return to the Index

Roman Numeral Lists
<OL TYPE="I">
<LI>I will learn HTML
<LI>My homepage...
<LI>Silliness abounds!
</OL>
  1. I will learn HTML.
  2. My homepage is the cat's meow.
  3. Silliness abounds!

Return to the Index

~ Anchors ~

Tell me. Did you come here first? Ah Ha!! Silly. :)

1.
 Add this line

<A NAME="secret code">

into your HTML anywhere in the vicinity
of the place you want people to land.
It won't affect any of your other tags
and no one can see it. It's secret! :)
You can target words specifically by
placing it in front of them.

My "secret codes" in this page were

<A NAME="pre">

<A NAME="list1">

<A NAME="list2">

<A NAME="list3">

<A NAME="list4">

<A NAME="anchors">

<A NAME="index">

2.
Now make your anchor (index) links like this.

<A HREF="#secret code"> Anchor Name </A>

Here's how my Index HTML looked:

<A NAME="index">

<A HREF="#pre"> Pre-set Text </A> | <A HREF="#list1"> Bulleted List </A> |

<A HREF="#list2"> Squared List </A> | <A HREF="#list3"> Numbered List </A> |

<A HREF="#list 4"> Roman Numeral List </A> | <A HREF="#anchors"> Anchors </A>

Ta Da! Your Index...

Pre-set Text | Bulleted List | Squared List
Numbered List | Roman Numeral List | Anchors

The "Return to Index" I made a floater and used throughout.

<A HREF="#index"> Return to the Index </A>

Return to the Index

If you have a hankerin' to see exactly where I put the secret codes
you can view the source of this page and search through.....
but it's a lot of stuff to go through.

I know some of you might not be making homepages
but I like to put things in here that I find interesting.
So even if you aren't you may find this stuff useful.
You can always mail me and ask for something you want
to know. I take all the suggestions I can get. *smile*

See you! Melissa/WhymsiqueL

Return to Stone's Throw. Don't forget to sign my guestbook! :)

Stone's Throw Logo

EASY HTML 1 | EASY HTML 2 | EASY HTML 3
EASY HTML 4 | EASY HTML 6