Lists Setup

HTML lists allow web developers to group a set of related items in lists. You can choose between bulleted lists, numbered lists, or description term-value mappings.

Status: Coming Soon

We are crafting this tutorial

Our team is working on interactive diagrams, code challenges, and exercises for Lists Setup. Check back soon for the full guide!

What You'll Learn

1Grouping bulleted points using unordered lists (<ul>)
2Creating numbered steps using ordered lists (<ol>)
3Customizing number numbering formats: 'type', 'start', and 'reversed'
4Defining item glossaries using Description Lists (<dl>, <dt>, <dd>)
5Nesting lists (lists within list items) while preserving browser validation

sandbox.html

<ul>
  <li>Front-End Basics</li>
  <li>Web Styling
    <ol type="a">
      <li>CSS Selectors</li>
      <li>Box Model</li>
      <li>Layout Models</li>
    </ol>
  </li>
  <li>Interactive JS</li>
</ul>

Interactive playground coming soon

Next LessonHTML Forms & Inputs