HTML li Tag

HTML li Tag is used to define the list items or menu items. HTML li Tag is commonly used with ul tag, ol tag and menu tag.

Table of Contents

Syntax of HTML li Tag

The Syntax of HTML li Tag is shown below, It has both starting tag and ending tag.


<li>HTML</li>

Usage of HTML li Tag

HTML li Tag is used to create a list of items or menu links for the website or web page. The li tag is used as a child element inside the unordered list element or ul tag, ordered list element or ol tag and in menu tag.

HTML li Tag is also used in main navigation or menu of a website. All main links are enclosed inside the li tag within the nav tag.

HTML li Tag is a block level element which means it takes full width available.

Example of HTML li Tag

Simple example of HTML li Tag is shown below.


<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

Output

HTML
CSS
JavaScript

In above example we have a simple ordered list, all list items are defined using li tag.


<nav>
 <ul>
  <li><a>Home</a></li>
  <li><a>About</a></li>
  <li><a>Contact</a></li>
 </ul>
</nav>

In this second example a navigation menu is defined using nav tag, ul tag, li tag and anchor tag.

Browser Support for HTML li Tag

HTML li Tag is supported by all major browsers including Safari and Internet Explorer.

Global Attributes Support in HTML li Tag

The HTML li Tag supports all Global Attributes.

Event Attributes Support in HTML li Tag

The HTML li Tag supports all Event Attributes.

HTML li Tag Video

Watch our video on HTML li Tag.