Free Web Development Online Tutorials, Learn to Code
Learn HTML Coding, Webpage Designing using HTML, HTML5 Tags, HTML Tutorial for Beginners

Html List tags syntax, UL, LI

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:
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5

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

Html List type="square"

Output here:
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5

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:
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
  5. List Item 5

You also can change the display style using Css

Comment
Name
Email
Website
Subscribe