Lists

Now that we know how to dress text up a bit and add some organization to a page, lets go just one step further, here...

Lists!

Another nice way to break up the flow a bit and present groups of data in a nicer way than this:  item 1, item 2, item 3, etc...

Using HTML lists is as simple as entering the first item on its own line and clicking one of the list buttons.

When you press Enter, another blank line is added to your list, ready for input.  When you are done listing things you may either click the list button again on one of the aforementioned blank lines, or simply press Enter twice.

While there are more kinds of (special use) lists available in HTML, the ordered and unordered (numbered or bulleted) lists are by far the most common.

Numbered:

  1. An item.
  2. Another item.
  3. Yet again.

Numbered lists are good for illustrating steps in a process or showing items in order of importance.

Bulleted:

  • An item for which order isn't necessarily important.
  • Another such item.
  • One more.

Bulleted lists are good way to present a group of items where particular order is of little to no importance or to simply set out a single item in a visually distinct manner.

  • Look!  I'm totally important!

But wait, there's more!

You can nest lists, one within another, to show a hierarchy of items.  This may be done with both numbered and bulleted lists.  Begin creating your list like normal and simply increase the indent of the subordinate lines.

In an ordered list, the sub-lists will be automatically numbered appropriately by depth:

  1. I am a group of items.
    1. I am part of the group.
    2. So am I.
  2. I am a different group.
    1. I am also different.
      1. I'm very different.
  3. I am another group.

Comments

Post new comment

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.