The List Tag
Copyright © 2009  | This site is owned and operated by ballmarketing.net  | All Rights Reserved  |  Contact Us
Email Marketing Course:
Free Intensive
8-Lesson Email Marketing Course

Free Publication:
Subscribe to 'All About Internet Marketing' and get
the free "Internet Business Beginners' Guide"



The List Tag
Boost Your Website Traffic   For Free!
-----------------

Looking To Start Your Own eBusiness?
-----------------

New Guidebook:
'How to Create a Fortune on the Internet in Just Four Simple Steps'
----------------

Business Course:
Webmaster Business Masters Course
Email Marketing Course:Free Intensive8-Lesson Email Marketing Course
The List Tag
Ball Marketing | Building A Home-Based Internet Marketing Business
The List Tag
Home > Basic HTML > The List Tag


The <li> tag defines the start of a list item. The <li> tag is used in both ordered (<ol>) and unordered lists (<ul>).  To the unordered list you can specify bullet distinctions.

You can also have lists within lists.  

Unordered List  <ul>
Ordered List  <ol>
Definition List  <dl>

Examples:

    Store
  1. Bacon
  2. Coffee
  3. Eggs
  4. Muffins
    Store
  • Bacon
  • Coffee
  • Eggs
  • Muffins
    Square Bullet
  • Bacon
  • Coffee
  • Eggs
  • Muffins
    Circle Bullet
  • Bacon
  • Coffee
  • Eggs
  • Muffins
    Disk Bullet
  • Bacon
  • Coffee
  • Eggs
  • Muffins
Square Bullet
<ul type="square"> 
<li>Bacon
<li>Coffee
<li>Eggs
<li>Muffins
</ul>
*To the unordered list  <ul> you can specify bullet distinctions:
<ul type="square">
<ul type="disc">
<ul type="circle">



Examples:
Fruit
Apples
Vegetables
Brocolli
Carrots
Onions
Definition List :

<dl>  </dl> Creates a definition list
<dt>   Precedes each definition term
<dd>  Precedes each definition

Example:
<dl>
<dt>Fruit</dt><dd>Apples</dd>
<dt>Vegetables</dt><dd>Brocolli</dd><dd>Carrots</dd><dd>Onions</dd>
</dl>
Lists and nested lists:

Example:

<h3>A Nested List:</h3>
<font  color="#990000"  face="arial" size="3">
<ul type ="circle">
  <li>Toys</li>
  <li>Books</li>
   <ul type="square">
   <li>New</li>
   <li>Used</li>
     <ol>
     <li>Titles</li>
     <li>Condition</li>
     </ol>
   </li>
   </ul>

  <li>Plants</li>
</ul>
</font>

A Nested List:

  • Toys
  • Books
    • New
    • Used
      1. Titles
      2. Condition
  • Plants
Disk Bullet
<ul type="disk">
<li>Bacon
<li>Coffee
<li>Eggs
<li>Muffins
</ul>
Circle Bullet
<ul type="circle"> 
<li>Bacon
<li>Coffee
<li>Eggs
<li>Muffins
</ul>
an unordered list* <ul>:
<ul>Store
<li>Bacon
<li>Coffee
<li>Eggs
<li>Muffins
</ul>  

An ordered list <ol>:
<ol>Store
<li>Bacon
<li>Coffee
<li>Eggs
<li>Muffins
</ol> 
The 'Unordered List' uses a variety of bullets
The 'Ordered List' uses numbers