HTML 02

Lists

In this tutorial you can learn how to create a variety of lists.

Upon completing this section, you should be able to

1. Create an unordered list.

2. Create an ordered list.

3. Create a defined list.

4. Nest List.

List Elements

HTML supplies several list of elements. Most list elements are composed of one or more <li> (list item) list elements.

<UL> Unordered list:-

Items in this list start with a list mark such as a bullet.

1. Bullet types:

   • Disc

   • Circle

   • Square

We can use the "TYPE" attribute for the <UL> element to create lists using bullet type we want.

<OL> Order List:-

Items in this list are numbered automatically by the browser.

<OL> element also can use "TYPE" attribute to one of five numbering styles.

We can put the number in to order list and we can start with any number we want.

<DL> Definition List:-

This elements is different from others. This include <DT> elements and <DD> element.

Each item in a <DT> consists of one or more Definition Terms (<DT> element), followed by one or more Definition Description (<DD> element)

Nesting List:-

This lists can include many elements like <OL>. <UL> etc.

Exercise

HTML totorial 02.pdf

Download PDF • 393KB

Reference:

• https://tutorialehtml.com/en/html-tutorial-complete-html-guide/

Tutorial Created by Navodya Heshani