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.

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

  1. HTML
  2. CSS
  3. 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.

HTML anchor Tag HTML abbr Tag HTML acronym Tag HTML address Tag HTML applet Tag HTML area Tag HTML article Tag HTML aside Tag HTML audio Tag HTML b Tag HTML base Tag HTML basefont Tag HTML bdi Tag HTML bdo Tag HTML big Tag HTML blockquote Tag HTML body Tag HTML br Tag HTML Button Tag HTML Canvas Tag HTML Caption Tag HTML Center Tag HTML Cite Tag HTML Code Tag HTML Col Tag HTML colgroup Tag HTML comment Tag HTML data Tag HTML datalist Tag HTML dd Tag HTML del Tag HTML details Tag HTML dfn Tag HTML dialog Tag HTML dir Tag HTML div Tag HTML dl Tag HTML Doctype Tag HTML dt Tag HTML em Tag HTML embed Tag HTML fieldset Tag HTML figcaption Tag HTML figure Tag HTML font Tag HTML footer Tag HTML form Tag HTML frame Tag HTML frameset Tag HTML Heading Tags HTML head Tag HTML header Tag HTML hr Tag HTML html Tag HTML i Tag HTML iframe Tag HTML img Tag HTML input Tag HTML ins Tag HTML kbd Tag HTML label Tag HTML legend Tag HTML li Tag HTML link Tag HTML main Tag HTML map Tag HTML mark Tag HTML meta Tag HTML meter Tag HTML nav Tag HTML noframes Tag HTML noscript Tag HTML object Tag HTML ol Tag HTML optgroup Tag HTML option Tag HTML output Tag HTML p Tag