Loading Please Wait...

Logo Lynxsia IT Solutions
HTML Lists

HTML lists are helpful to group similar types of data in a list.

HTML supports 3 types of lists

  • Unordered List or Bullet List
  • Ordered List or Number List
  • Description List
Unordered Lists

Unordered lists are defined by <ul> tag and each list item is defined by <li> tag.

By default each item is marked by bullet (small circle) but this can be change by CSS style.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
              </ul>
            </body>
          </html>
        
      
Learn more about unordered list in our HTML Unordered Lists Tutorials
Ordered Lists

Ordered lists are defined by <ol> tag and each list item is defined by <li> tag.

By default each item is marked by numbers (starting from 1) but this can be change by CSS style.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <ol>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
              </ol>
            </body>
          </html>
        
      
Learn more about ordered list in our HTML Ordered Lists Tutorials
Description Lists

Description list is a list of terms and term descriptions.

Description lists are defined by <dl> tag, term is defined by <dt> tag, and each term is described by <dd> tag.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <dl>
                <dt>Term 1</dt>
                <dd>Description for term 1</dd>
                <dt>Term 2</dt>
                <dd>Description for term 2</dd>
              </dl>
            </body>
          </html>
        
      
Learn more about description list in our HTML Description Lists Tutorials

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved