HTML Lists

Computer Education, Training & Tutorial Resources - ComputerEducationWorld.com
Home » Free Computer Training and Courses » HTML for Beginners »

 we need a tag to begin and end the entire list. The opening tag is <ul>, and the closing tag is… yep, you guessed it… </ul>. Now, to set off each item in your list, you use the <li> tag, followed by your text, then close each list item with the </li> tag. Here is a sample list with two list items: 

<ul>
<li>I am one</li>
<li>I am two</li>
</ul>

This will give us the bulleted list below:

  • I am  one
  • I am  two

you want to use the square type of bullet, you could do the following:

<ul type=”square”>
<li>text 1</li>
<li>text 2</li>
</ul>

Which will give you the following list:

  • text 1
  • text 2

You can also use an ordered list in the same way you use the unordered list. Instead of using <ul></ul>, you would use <ol></ol>, like this:

<ol>
<li>text1</li>
<li>text 2</li>
<li>text 3</li>
</ol>

This gives you a numbered list rather than the bulleted list:

  1. text 1
  2. text 2
  3. text 3
  4.  you want to use uppercase Roman numerals, you could do the following:

    <ol type=”I”>
    <li>i am man</li>
    <li>i am woman</li>
    </ol>

    Which will give you the following list:

    1. man
    2. woman 

• • •
 



captcha PHP Script Free PHP captcha script free php
Website Design by WebWalas.com