Lists in HTML

List in HTML | Web Development

The list in HTML is used to present the given information in a well and systematic manner.

Some most widely used lists in HTML are:–

  • Unordered list

An unordered list starts with <ul> opening tag and ends with </ul> closing tag and each list item in it also starts with the <li> opening tag and ends with the </li> closing tag.

The list items are been listed with bullets (small black circles) by default.

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>

Output :

  • Ordered list

An ordered list starts with <ol> opening tag and ends with </ol> closing tag and each list item in it also starts with the <li> opening tag and ends with the </li> closing tag.

The list items are been listed with numbers by default.

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Output :

  • Description list

A description list is a list of items, with a description of each item.

The <dl> tag represents the description list, the tag <dt> represents the term in the description list, and the <dd> tag explains each term.

<dl>
  <dt>First item</dt>
  <dd>- Description of First item</dd>
  <dt>Second item</dt>
  <dd>- Description of Second item</dd>
</dl>

Output :

Hope this article will guide you to recognize all about the list in HTML that you needed and still if you have any problems or queries regarding this, post them in the comments section and we will be glad to assist you.

Table in HTML

Form in HTML

Id and Classes in HTML | Web Development

Grid in CSS | Web Development

http://theudaipurstore.com

This Post Has 2 Comments

Leave a Reply