HTML: A Guide For Beginners

USEFUL INFO

HTTP STATUS

Lesson No. 4

-Bullets and Numbered List -

If you have not visit Lesson No. 1, 2 or 3, I recommend that you do so,
if you have, then lets get started with bullets and numbered list

Let's get started on bullets.

    Example A

    If I wanted to bullet the following :

    The First
    The Second
    The Third
    The Fourth

Here is what I would do.

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

Note: the <li> is the command to bullet a certain word or sentence and of course
you should know by now the "</li>" is to close off the bullet.

Here is what it would look like on your browser

(Click on the image to get a better view of it)

Example B

If I wanted to create a circle bullet from the following

     The First Circle
     The Second Circle
     The Third Circle

This is what I would do.

     <ul type="circle">
     <li>The First Circle</li>
     <li>The Second Circle</li>
     <li>The Third Circle</li>
     </ul>

Note: There is a new command, the "ul type=" command.

As you can see the world "circle"
appears after <ul type=". If you wanted square, you would just type "square"

instead of circle.

Here is what it should look like on you browser

(Click on the image for a better view)

Moving on to Numbers.

Example C

If I wanted to create a bullet not with circle or square but with numbers
from the following:

        The First Number
        The Second Number
        The Third Number

Here is what I would do.

         <ol>
         <li>The First Number</li>
         <li>The Second Number</li>
         <li>The Third Number</li>
         </ol>

          Note: The only new comamnd is "ol" If I wanted to use roman numbers instead of
          numeric number, this is the command that I would use <ol type="I"> instead of
          just <ol>.

Here is what it should look like on you browser

(Click on the image for a better view)

End of Lesson No. 4

BACK or NEXT