Online Training for Asp.net MVC Web Designing Development, MS SQL, Digital Marketing

List UL, LI tag in HTML, Online HTML Tutorial

List, UL, LI tag 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


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

 
List UL, LI tag in HTML, Online HTML Tutorial

Group Training