HTML Lists

Creating Lists

HTML supports three types of lists: unordered lists (bullets), ordered lists (numbers), and description lists.

Lists can be nested inside each other to create hierarchical structures.

<!-- Unordered List -->
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<!-- Ordered List -->
<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

<!-- Description List -->
<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
</dl>
  • <ul> - Unordered list (bullets)
  • <ol> - Ordered list (numbers)
  • <li> - List item
  • <dl> - Description list
  • <dt> - Description term
  • <dd> - Description definition

Try Lists

<h2>My Skills</h2>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

<h2>Learning Steps</h2>
<ol>
  <li>Learn HTML basics</li>
  <li>Practice with examples</li>
  <li>Build your first website</li>
</ol>

Note: Use unordered lists when order doesn't matter, ordered lists when sequence is important.