Bill's Playscript Library
Web TV Tutorial
Lists
 WebTv Gif


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 WEBTV TUTORIAL MAIN PAGE


•••••



•••••



•••••

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 WEBTV TUTORIAL MAIN PAGE


•••••



•••••



•••••

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 WEBTV TUTORIAL MAIN PAGE


•••••



•••••



•••••

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 WEBTV TUTORIAL MAIN PAGE


•••••



•••••



•••••

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.

•••••

GOT TO LIST OF LISTS
OR
GO TO WEBTV TUTORIAL MAIN PAGE