click to enlarge

Lists in your CCTV blog! (text styles part 2 of 2)

How do I make orderly lists in my blog?

    You can make lists like this one:
  • With dots that show up automatically
  • And indent just a bit
  • For as many items as you want
    You can also make lists like this one:
  1. With numbers that show up in order
  2. And line up to the left
  3. For as many items as you want

Great! How?

Lists with dots

To make a list you have to use special commands that sandwich your entire list, PLUS a command for each item in the list. Take a look at this:

<ul>
<li>My first list item (which is why the code is "li", for List Item)
<li>My second list item (again it has "li" because it is an item)
<li>My third list item (hey, this is making sense now!)
</ul>

That code will make this:

  • My first list item (which is why the code is "li", for List Item)
  • My second list item (again it has "li" because it is an item)
  • My third list item (hey, this is making sense now!)

The <li> is pretty easy to see, but also notice the <ul> and </ul>.

You type <ul> like the first piece of bread, then <li> for each of the contents, then </ul> for the second piece of bread.

This made what is called an "unordered list", which is why the bread uses the code ul, for Unordered List.

Lists with numbers

Just like the list with dots, to make a numbered list you have to use special commands that sandwich your entire list, PLUS a command for each item in the list. Take a look at this:

Use <ol> and </ol> as the bread if you want to make an "Ordinal List", which is named that way because it uses Ordinals, or numbers:

<ol>
<li>My first list item
<li>My second list item
<li>My third list item
</ol>

That code will make this:

  1. My first list item
  2. My second list item
  3. My third list item

The only different between dots or numbers showing up in your list is if you use "ul" bread or "ol" bread.

(Ol' bread is good for soups or pie crusts, too, by the way.)

Learn more!

To see part 1 (this is part 2 of 2), click here: http://www.cctvcambridge.org/node/71397

If you'd like to see other special commands for your CCTV blog text, visit http://www.cctvcambridge.org/filter/tips

Try some of these in your next CCTV blog entry! And stop by the computerCENTRAL lab, Fridays 3-6pm, for help with your blog or other things Web Media!