HTML Lists


How to add ordered list in html?

There are three types of lists in HTML namely? unordered lists, ordered lists, and description lists. A description list has a different structure compared to its counterparts. Unordered and ordered lists are similar only that the in the former, data is presented randomly in a disorganized way.

HTML5 Elements

Unordered, ordered, and Description Lists

An unordered list is initiated using the <ul> tag, where each item is enclosed by the tags in the <li> element. Ordered lists are created in the same way as unordered lists although they are initiated using the <ol> tag. As stated earlier the structure of a description list is different ? they are initiated using the <dl> tag. For list items, use the <dt> tag to denote an item and the <dd> tag for its description. Below are examples that demonstrate how to create all three types of HTML lists.

How to add Unordered HTML List?


How to add Ordered HTML List?


How to add Nested HTML Lists?

      <li>Black tea</li>
      <li>Green tea</li>

How to add Description Lists?

  <dd>- black hot drink</dd>
  <dd>- white cold drink</dd>

HTML List Tags

<ul>Defines an unordered list
<ol>Defines an ordered list
<li>Defines a list item
<dl>Defines a description list
<dt>Defines a term in a description list
<dd>Describes the term in a description list

Terry White

Terry White is a professional Drupal & WordPress developer, Web developer, Web designer, Software Engineer, and Blogger. He strives for pixel-perfect design, clean robust code, and a user-friendly interface. If you have a project in mind and like his work, feel free to contact him

View all posts by Terry White →