web training room for online courses
Online Training for Asp.net MVC Web Designing Development, MS SQL, Digital Marketing

List UL, LI tag in HTML Syntax

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

Comment
Name Email Website
Subscribe
 
HTML Tutorial
List UL, LI tag in HTML


Consulting