x
Home
html

HTML Lists

In this tutiongo tutorial we will learn about how to create different types of lists in HTML web page.


In Tutiongo Website HTML lists allow Us web developers Format items in lists.


HTML List Example

An unordered HTML list:

  • Item
  • Item
  • Item
  • Item

An ordered HTML list:

  1. First item
  2. Second item
  3. Third item
  4. Fourth item


Try it Yourself


Unordered List In HTML

An unordered list starts with the tag <ul>. Each list item starts with the tag <li> .

The list items will be Automatically marked with bullets Format (small black circles) by default:


HTML Unordered List Example

An unordered HTML list:

  • Item
  • Item
  • Item
  • Item


Try it Yourself


Ordered List In HTML

An ordered list starts with the tag <ol>. Each list item starts with the tag <li> .

The list items will be Automatically marked with numbers Format by default:


HTML Ordered List Example

An unordered HTML list:

  • First item
  • Second item
  • Third item
  • Fourth item


Try it Yourself


Description Lists In HTML

HTML also supports description lists in HTML.

A description lists is a list of terms use in Html, with a description of each term.

The tag <dl> defines the description list, the tag<dt> defines the term (name), and the tag <dd> describes each term:


HTML Description List Example

<dl>

  <dt>Coffee</dt>

  <dd>- black hot drink</dd>

  <dt>Milk</dt>

  <dd>- white cold drink</dd>

</dl>


Try it Yourself



List Tags In HTML 

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


0