📄

Lists

Beginner

50 XP

15 min

Lesson Content

Lists

Lists organize items like shopping lists. Use ordered lists (<ol>) for numbered items and unordered lists (<ul>) for bullet points.

<h3>Grocery List</h3>
<ul>
  <li>Milk</li>
  <li>Eggs</li>
  <li>Bread</li>
</ul>

<h3>Steps to Make Tea</h3>
<ol>
  <li>Boil water</li>
  <li>Add tea</li>
  <li>Pour into cup</li>
</ol>

Example Code

Make an unordered list of your top 3 favorite hobbies.

<!DOCTYPE html>
<html>
  <head>
    <title>Lists Practice</title>
  </head>
  <body>
    <!-- Add an unordered list with three hobbies -->
  </body>
</html>

Expected Output:

A list of three items

Study Tips

•Read the theory content thoroughly before practicing
•Review the example code to understand key concepts
•Proceed to the Practice tab when you're ready to code