VR-T
CSS
HTML
Javascript
Paint Shop Pro
PHP
Misc.
Graphics
Interactions
Clear

Lists

Lists are a very useful thing. They can be used for a menu, a list of rules, etc. There are also many things you can do with them.

First, some basic definitions of the codes.

  • UL stands for Unordered List
  • OL stands for Ordered List (numbers, letters, etc)
  • LI basically stands for List

    Let's start off with the simplest list, a bulletted list.

    Example:

  • one
  • two
  • three
  • four

    See you don't even need to put it on a new line because the LI tag does that for you.

    See how it's not indented. If you want to indent this list, just change it to the following:

    And it will look like this:

    • one
    • two
    • three
    • four

    There are also other ways you can make the bulleted list. You can do an open circle.

    It looks like this:

    UL type="circle">

  • one
  • two
  • three
  • four

    Now you can also do the same thing but make a square instead of a circle using this code:

    • one
    • two
    • three
    • four

    Next, let's make a numbered list.

    1. one
    2. two
    3. three
    4. four

    If you want to use Roman Numerals to make your list, you can do it this way.

    It will look like this:

    1. one
    2. two
    3. three
    4. four

    What about lower case roman numerals?

    It will look like this:

    1. one
    2. two
    3. three
    4. four

    Also, if you want an alphabetized list:

    It looks like this:

    1. one
    2. two
    3. three
    4. four

    What about a lower case alphabetized list?

    It looks like this:

    1. one
    2. two
    3. three
    4. four

    <-back