Lists in HTML || Different types of Lists in HTML with example

List Creation in HTML:

• HTML contains three types of Lists.
• Ordered List, represented with <ol> tag.
• Un-Ordered List, represented with <ul> tag.
• Each list contains list of items, represented with <li>.
• Definition List, it's like word and it's abbreviation.
• Definition list contains <dt> and <dd> tags.
• dt - it represents the title
• dd - it represents the title abbreviation.

Syntax: Ordered List <ol>

                                                 <ol>

                                                          <li>list item 1</li>

                                                          <li>list item 2</li>

                                                          <li>list item 3</li>

                                                 </ol>            

OUTPUT:

1. list item 1
2. list item 2
3. list item 3

For Example : Click Here                                             

The syntax represents ordered list with three list items.

Every ordered list contains list items.

Syntax: Un-Ordered  List <ul>

                                                 <ul>

                                                          <li>list item 1</li>

                                                          <li>list item 2</li>

                                                          <li>list item 3</li>

                                                 </ul>        

OUTPUT:

• list item 1
• list item 2
• list item 3

For Example : Click Here    

Difference between Ordered List and Un -Ordered List  :

If see the two out puts, ordered list generates output with number format where as unordered list generates output with bullets.

Syntax: Definition  List <dl>

                                                 <dl>

                                                          <dt>HTML</dt>

                                                                     <dd>Hyper Text Markup Language</dd>

                                                          <dt>DBMS</dt>

                                                                     <dd>Data Base Management System</dd>

                                                 </dl>

OUTPUT:

                         HTML

                                  Hyper Text Markup Language

                        DBMS

                                 Data Base Management System

For Example : Click Here