Tutorial by Examples

An unordered list can be created with the <ul> tag and each list item can be created with the <li> tag as shown by the example below: <ul> <li>Item</li> <li>Another Item</li> <li>Yet Another Item</li> </ul> This will produce a...

An ordered list can be created with the <ol> tag and each list item can be created with the <li> tag as in the example below: <ol> <li>Item</li> <li>Another Item</li> <li>Yet Another Item</li> </ol> This will produce a numbere...

A description list (or definition list, as it was called before HTML5) can be created with the dl element. It consists of name-value groups, where the name is given in the dt element, and the value is given in the dd element. <dl> <dt>name 1</dt> <dd>value for 1</dd...

You can nest lists to represent sub-items of a list item. <ul> <li>item 1</li> <li>item 2 <ul> <li>sub-item 2.1</li> <li>sub-item 2.2</li> </ul> </li> <li>item 3</li> </ul> ...