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:
- First item
- Second item
- Third item
- Fourth item
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:
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
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>
List Tags In HTML
Tag | Description |
---|---|
<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 |