How to create HTML lists
There are two types of HTML lists – the ordered list and the unordered list. The unordered list will display your list with bullets while the ordered list will assign ongoing numbers to the list. Lets start with the unordered list which is used most often
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
The beginning and finishing ul-tag defines that this is an unordered list. Next we wrap each list item ind the beginning and finishing li-tags. This list contains 3 items displayed with a bullet in front of each item like this:
- List item 1
- List item 2
- List item 3
Let’s take a look at the ordered list…
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
The only difference is the naming. Instead of ul we use ol. This will be the output…
- List item 1
- List item 2
- List item 3
Written by: Michael from Beginnrtuts.com 25-08-2022 Written in: HTML tutorials
6 Comments
Leave a Reply
You must be logged in to post a comment.
Thankz a lot! Easy way to make lists so thiz helped me a lottt!! The explanation and examplez were really clear and easy to follow.
This tutorial on creating HTML lists is super helpful! I’ve always struggled with organizing my content, but this guide explained everything in a clear and concise manner . The step-by-step instructions made it easy for me to follow along and implement the code correctly. I appreciate the examples provided as well, as they gave me a better understanding of how different list types can be used. Thank you for sharing this valuable resource!
Wow, this tutorial on creating HTML lists is a lifesaver! As a beginner in web development, I often struggle with formatting my lists properly . The step-by-step breakdown and clear explanations really helped me grasp the concept easily. I also appreciate the visuals provided, as they made it more engaging and simplified the learning process. This tutorial has definitely boosted my confidence in creating well-structured lists for my web projects. Thank you so much for sharing this valuable resource!
Wow, this tutorial on how to create HTML lists was exactly what I needed! As a beginner, I found it super easy to follow along and understand the step-by-step instructions . The examples and explanations were clear and concise, making it a breeze to implement lists in my own web development projects. Thank you so much for sharing this valuable resource!
This tutorial was incredibly helpful! I am a beginner in HTML and was struggling with creating lists . The step-by-step explanations and the clear examples made it so easy to follow along. I particularly appreciated the breakdown of different list types and the use of both ordered and unordered lists. Thank you for providing such valuable content!
This tutorial was super helpful in showing me how to create different types of lists using HTML . I feel a lot more confident now in my coding skills thanks to this guide!