Learn HTML Coding, Webpage Designing using HTML, HTML5 Tags, HTML Tutorial for Beginners

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:
  • 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

 

Web Designing Tutorials
HTML Tutorial
digital marketing software


HTML List example- List ul li tag in html
HTML Tutorial | Join Web Designing Course | HTML5 Introduction