Making Lists


This tutorial will be all about how to make lists, it is simple. Okay lets get started on a numbered list. Here is the code and preview.

<ol> <li> First <li> Second <li> Third <li> Fourth </ol>

And it would look like this:

  1. First
  2. Second
  3. Third
  4. Fourth

And you can pick where to start instead of stating with 1, lets say want to start with 6 then it will look like this:

  1. Fourth Statement
  2. Fifth Statement
  3. Sixth Statement
  4. Seventh Statement

And here is the code:

<ol start="6"> <li> Fourth Statement <li> Fifth Statement <li> Sixth Statement <li> Seventh Statement </ol>

You can also try the alphabetical order. Just start with the letter you want it to start on. You can see that numbered lists are really easy. I hope that helped. Lets start with unordered lists. Here is the code and preview:

<ul> <li> First Statement <li> Second Statement <li> Third Statement <li> Fourth Statement </ul>

And this is what it looks like:

Or you can use images for the bullets, which looks cool. Here is the code:

<ul style="list-style-image: url('your_file.gif')"> <li> First Statement <li> Second Statement <li> Third Statement <li> Fourth Statement </ul>

Finished!


Now you know how to make certain kind of lists and ready to make one. If any questions, email us at admin.clgraphics@gmail.com. Well thanks for reading, see ya!

Mikki~