Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator


HTML <li> Tag


HTML <li> tag define a list item either order list or unorder list.

<ul> tag and <ol> tag surrounding <li> tag write for each list item.


Example-Code:

<ol type="I" value="1">
<li>Upper Roman numeral</li>
<li>Upper Roman numeral</li>
</ol>
Online Try This Code Your Self....   »

Example-Result:

  1. Upper Roman numeral
  2. Upper Roman numeral

<li> Tag Attributes

<li> tag specified list items and its attribute helps to change the order of the list.

Attributes Value Description
type 1
a
A
i
I
Arabic Number,
Lowercase alphabet,
Uppercase alphabet,
Lowercase Roman Numeral,
Uppercase Roman Numeral,
By default value is "1".
start "Start_Sequence_Number" used to sequence number of the list.

Dynamic Attributes

<li> tag supported following Dynamic attributes.:


Attributes Value Description
id ID_Name Declared unique id for the element.
class Predefined_Class Used in Cascading Style Sheet (CSS).
style style_Attributes CSS code specify inline the HTML element is presented.
title Title_Description Display on the "tooltip" for your elements.

Event Attributes

<li> tag supported following Event attributes.:

Attributes Value Description
onclick "Java_script" clicked on object when script tobe run.
ondblclick "Java_script" double click on object when script tobe run.
onkeydown "Java_script" key is pressed when script tobe run.
onkeypress "Java_script" key is pressed over element then released when script tobe run.
onkeyup "Java_script" key is released over element when script tobe run.
onmousedown "Java_script" mouse button was pressed over an element when script tobe run.
onmouseout "Java_script" mouse pointer release over an element when script tobe run.
onmousemove "Java_script" run mouse pointer moved when script tobe run.
onmouseover "Java_script" run mouse pointer move over when script tobe run.
onmouseup "Java_script" mouse button is released when script tobe run.