Categories: Html

HTML Lists

Share

In html two different lists of elements are present i.e. unordered list and ordered list.

Unordered lists:

This lists enclosed with <ul> element and are bullet lists.

 <ul>
 <li>List 1</li>
 <li>List 2</li>
 <li>List 3</li>
 </ul>

You can also change the type of bullet i.e.

 <ul type="square"><li>...</li></ul>
 <ul type="circle"><li>...</li></ul>
 <ul type="disc"><li>...</li></ul>

Ordered lists:

These are used to create a numbered lists.

 <ol>
 <li>List 1</li>
 <li>List 2</li>
 <li>List 3</li>
 </ol>

You can also change the type of number i.e.

 <ol type="a"><li>...</li></ol>
 <ol type="i"><li>...</li></ol>
 <ol type="1"><li>...</li></ol>

Here is another tricks:

 <ol type="a" start="3"><li>...</li></ol>
 <ol type="i" start="3"><li>...</li></ol>
 <ol type="1" start="3"><li>...</li></ol>

Output:

c. […]
iii. […]
3. […]

Published by
Namaste UI
Tags: htmlweb

Recent Posts

Chat GPT Login: Step-by-Step Guide for Beginners

Have you ever thought of a world where asking the Internet for information feels like…

4 hours ago

The Sharp-Looking Guy: 5 Essential Tips for Men to Become Sharp

We've gotten so used to seeing men streetwear joggers, ripped jeans, and sleeveless shirts. Hair…

2 days ago

How to Use Your Wedding Jewellery In Unique Ways At Festivals

When it comes to festivals, the options for wedding jewellery are endless. You can go…

2 days ago

5 Tips On Window Cleaning

Whether it concerns your home or an office building, the state of a property’s windows…

2 days ago

Sustainable Business Practices: A Win-Win Strategy

You know that running an environmentally sustainable business is the right thing to do. But…

2 days ago

Unlock Growth – Guide to Online Financing and Business Loans for Entrepreneurs

If you are in a financial crisis , or need to start a new business…

2 days ago