HTML Sample List Tags

<!DOCTYPE html>

<html>

  <head>

    <title>HTML List Examples</title>

  </head>

  <body>

    <h1>HTML List Types</h1>

    <!– Unordered List –>

    <h2>Unordered List (bulleted)</h2>

    <ul>

      <li>Apples</li>

      <li>Bananas</li>

      <li>Cherries</li>

    </ul>

    <!– Ordered List –>

    <h2>Ordered List (numbered)</h2>

    <ol>

      <li>Wake up</li>

      <li>Brush teeth</li>

      <li>Eat breakfast</li>

    </ol>

    <!– Description List –>

    <h2>Description List</h2>

    <dl>

      <dt>HTML</dt>

      <dd>A markup language for creating webpages.</dd>

      <dt>CSS</dt>

      <dd>A style sheet language used for describing the look of a document.</dd>

    </dl>

  </body>

</html>

(SEE RESULT)



Tags Used in This Sample

TagDescription
<ul>Creates an unordered (bulleted) list
<ol>Creates an ordered (numbered) list
<li>List item (used inside <ul> or <ol>)
<dl>Description list container
<dt>Term (used inside a description list)
<dd>Description of the term