Bullets and Numbering - Lists in HTML

Lists are great way to draw attention to important information. It help to provide information in structured way as well as help visitors to easily spot. Numbered lists are good form for a procedure that needs to be followed sequencially. Unnumbered lists focuses main points were sequence is not significance.

HTML supports three types of lists:

1. Unnumbered Lists - Bullets
2. Numbered Lists - Numbering
3. Definition lists

Lists can be nested to form a multilevel lists. But careful, too many nesting can cause confusion and get difficult to follow. Similarly, HTML supports paragraph in list items. Use

tag to include paragraphs in your list items.

Bullets - Unordered Lists

Unordered lists or bullets can be created with

tag. In between
and
tag insert
• tag to insert list items. Three different type of default bullets provided for unordered lists in HTML namely discs, square, circle. Use these types as the value for TYPE attribute of UL tag. Following are some examples:

   

  1. Bulleted List with four list items. (Copy following code in notepad and save with extension .htm to view output)

   

  
  
  • Tutorial
     
  • Free Tutorial
     
  • Self Learning
     
  • Study Guide
     

   

  2. Square Bullet (Copy following code in notepad and save with extension .htm to view output)

   

  
  
  • Tutorial
     
  • Free Tutorial
     
  • Self Learning
     
  • Study Guide
     

   

  3. Nested Bulleted List (Copy following code in notepad and save with extension .htm to view output)

   

  
  
  • Tutorial
    
    
    
    • Photoshop
       
    • Dreamweaver
       
    • HTML
       
    
     
  • Illustrations
    
    
    
    • Photoshop
       
    • Dreamweaver
       
    • HTML
       
    
     
  • Exams
    
    
    
    • Photoshop
       
    • Dreamweaver
       
    • HTML
       
    
     

   

  
  

  Prev - Next >>