HTML Tag »

Maybe your like

Skip to content HTML / Lists Bring Order To Web Pages: Here’s The HTML Code To Create Them / <li> HTML TagDisclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn moreElement ofLists Bring Order To Web Pages: Here’s The HTML Code To Create ThemWhat does <li> HTML Tag do?The <li> element defines a list item that is part of an ordered and unordered list of items.DisplayblockUsagetextual

Contents

1 Code Example
2 Display is based on list type
3 Browser Support for li
4 Attributes of li

Code Example

<ol> <li>First we do this,</li> <li>and then we do this,</li> <li>and then we do this.</li> </ol>

First we do this,
and then we do this,
and then we do this.

Display is based on list type

An <li> element must be a child element to either an <ol> (ordered list) element or a <ul> (unordered list) element. The <ol> defines a list with some kind of numbering system, so the list items within it will normally be prepended with a number, a Roman numeral, or a letter. The <ul> list is almost always bulleted. List items are block-level elements and contain flow content — which means (among other things) that ehy can have other lists as their content. This is how you build a nested, or multi-level list (such as outline).

<ul> <li>Things I want my son to know <ul> <li>Intangibles <ul> <li>Love</li> <li>Security</li> <li>Happiness</li> </ul> </li> <li>Tangibles <ul> <li>Colors <ul> <li>Red</li> <li>Blue</li> <li>Green</li> <li>Purple</li> <li>Orange</li> <li>Yellow</li> </ul> </li> <li>Numbers</li> <li>Letters</li> <li>Table Manners</li> </ul> </li> </ul> </li> </ul>

Things I want my son to know
- Intangibles
  - Love
  - Security
  - Happiness
- Tangibles
  - Colors
    - Red
    - Blue
    - Green
    - Purple
    - Orange
    - Yellow
  - Numbers
  - Letters
  - Table Manners