Previous Next

HTML Lists

HTML employs lists to present and arrange content on web pages.

There are three main types of lists:

Unordered List

HTML employs lists to present and arrange content on web pages. The Unordered list is declared with the <ul> tag. Each item in the list begins with the <li> tag.

Example:

<ul>
  <li> Red </li>
  <li> Black </li>
  <li> White </li>
</ul>

Output

Ordered Lists

Ordered lists have their items displayed either in numbers or alphabet. The ordered list begins with the <ol> tag. All the list items begin with the <li> tag.

Example:

<ol>
  <li> HTML </li>
  <li> CSS </li>
  <li> JavaScript </li>
</ol>

Output

Description List

A description list is a list of terms and their descriptions. The <dl> tag is used to create the Definition List. It surrounds one or more sets of <dt> and <dd> tag.

Example:

<dl>
  <dt> HTML </dt>
  <dd> HTML is the standard marking language for writing Web pages. </dd>
  <dt> CSS </dt>
  <dd> CSS refers to Cascading Style Sheets, and it is employed to give style to the elements written using HTML. </dd>
  <dt> JavaScript </dt>
  <dd> JavaScript is a computer programming language that creates the dynamicity and interactivity on websites. </dd>
</dl>

Output

Previous Next