Html List tags syntax, UL, LI

There are different ways we can specify lists of information, here you learn three types of HTML List.

List, UL, LI tags in HTML

UL, LI tag <ul> </ul> is used when we want to display something in a list

This is how your List, UL, LI tag may look like.

<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ul>

Output here:

Choose List Item Marker

The CSS list-style-type property is used to define the style of the list item marker:

type	list-style-type Description
disc
circle	Sets the list item marker to a circle
square

Output here:

Use OL tag <ol></ol>, when you need auto number

<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ol>

Output here:

You also can change the display style using Css

Web Designing Tutorials

HTML Tutorial

HTML List example- List ul li tag in html