HTML Lists - W3Schools

Trang chủ » Html List Styles Examples » HTML Lists - W3Schools

Có thể bạn quan tâm

HTML Lists ❮ Previous Next ❯

HTML lists allow web developers to group a set of related items in lists.

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 HTML List

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

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

Example

<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>

Try it Yourself »

Ordered HTML List

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

The list items will be marked with numbers by default:

Example

<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> Try it Yourself »

HTML Description Lists

HTML also supports description lists.

A description list is a list of terms, with a description of each term.

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

Example

<dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl> Try it Yourself »

HTML List Tags

Tag Description
<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

For a complete list of all available HTML tags, visit our HTML Tag Reference.

Video: HTML Lists

Tutorial on YouTube Tutorial on YouTube ❮ Previous Next ❯ ★ +1 Sign in to track progress

Từ khóa » Html List Styles Examples