HTML Lists – Your Content, Neatly Ordered
Every great website needs a way to present information clearly. That`s where Lists and Tables come in.
Let’s explore how they work, and you can code along too.
HTML gives you two main types of lists:
1. Unordered Lists (<ul>)
Used when the order doesn’t matter. Think bullet points.
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
What You’ll See:
- HTML
- CSS
- JavaScript
Try This: List 3 things you want to learn this month using <ul> and <li>.
2. Ordered Lists (<ol>)
Used when the order does matter — like steps in a recipe.
<ol>
<li>Plan your website</li>
<li>Design the layout</li>
<li>Write the code</li>
</ol>
What You’ll See:
- Plan your website
- Design the layout
- Write the code
Try This: Create a to-do list of your learning goals for the week using <ol>
Tip - You can even nest lists (put one list inside another).
NEXT
HTML Tables – For Data You Can Scan Fast
CONTINUE (2)