WebTV Tutorial
sponsored by map
WebTv Gif
LISTS


LISTS

There are a lot of different types of 'Lists' you can create on your homepage... Here are three to get you started:
  1. ORDERED
  2. UNORDERED
    and
  3. DEFINITIONS
    plus
    you can have a
  4. LIST IN A LIST

Use The Hot Links Above To Read About
How To Create Each Type
Or
Just Scroll Through The List...



•••••

Go To Index


•••••



•••••



•••••

ORDERED LIST

BASICS:

  1. OPENING TAG: <ol>
  2. ITEM TAG: <dt>
    • Repeat #2 as needed
  3. CLOSING TAG: </ol>
So, To Create This:
  1. First Item
  2. Second Item
  3. Third Item
  4. And So Forth...


Use This Code:




•••••

GOT TO LIST OF LISTS
OR
Go To Index


•••••



•••••



•••••

UNORDERED LIST

BASICS:

  1. OPENING TAG: <ul>
  2. ITEM TAG: <li>
    • Repeat #2 as needed
  3. CLOSING TAG: </ul>
So, To Create This:
  • First Item
  • Second Item
  • Third Item
  • And So Forth...


Use This Code:




•••••

GOT TO LIST OF LISTS
OR
<
Go To Index


•••••



•••••



•••••

DEFINITION LIST

BASICS:

  1. OPENING TAG: <dl>
  2. TERM TAG: <dt>
  3. TAG: <dd>
    • Repeat #2 & #3 as needed
  4. CLOSING TAG: </dl>
So, To Create This:


FIRST WORD
Definition of 'First Word' goes here.
SECOND WORD
Definition of 'Second Word' goes here.
ETCETERA
Definition of 'Etcetera' as it is used here, means that you continue this process of listing a word and then providing a definition until you are done and then you close the list with the '/dl' tag as is done in this example.


Use This Code:




•••••

GOT TO LIST OF LISTS
OR
Go To Index


•••••



•••••



•••••

A LIST IN A LIST

BASICS:

You can place either kind of list within the other... for this example I am placing an 'unordered' list inside an 'ordered' one...
Just Remember:
Open and close the lists in the correct order!!!
So, To Create This:


  1. First Item
  2. Second Item
    • First Sub-Listing
    • Second Sub-Listing
    • And 'So Forth' Sub-Listing...
  3. Third Item
  4. And So Forth...


Use This Code:


Also Note:
(AND THIS APPLIES TO ALL LIST TYPES)
That if your list fall between 'center' tags, it will look quite different

You Will Get This:


  1. First Item
  2. Second Item
    • First Sub-Listing
    • Second Sub-Listing
    • And 'So Forth' Sub-Listing...
  3. Third Item
  4. And So Forth...


If The Code Says:


Remember:
The 'center' tags may be other places in the whole page's coding... it just appears immediately before and after the list code in this example since we are only dealing with one specific part/element of a web page.

•••••

GO TO LIST OF LISTS
OR
Go To Index