TutorialLab
html list
Home » Web Development » HTML Tutorials » HTML Lists

HTML Lists

HTML List:

Today we will discuss about HTML list.Basically HTML have three types of list.We can show our data/information in sequence using HTML list.Following are HTML lists Types:

1 Unorder List

2 Order List

3 Data List

Example Of HTML Lists:

1: Unorder List Example

Unorder List start from <ul> tag and end with </ul> tag.All list item will be in <li> … </li> tag.

2: Order List Example

Order List start from <ol> tag and end with </ol> tag.All list item will be in <li> … </li> tag.

3: Data List Example

Data List start from <dl> tag and end with </dl> tag.All data term will be in <dt> … </dt> tag and all data term definition will be in <dd> … </dd> tag.

Order List The type attribute

A type attribute can be added to an ordered list, to define the type of the marker:

Type
type=”1″
type=”A”
type=”a”
type=”I”
type=”i”

Unorder List The style attribute

A style attribute can be added to an unordered list, to define the style of the marker:

Style
list-style-type:disc
list-style-type:circle
list-style-type:square
list-style-type:none

Previous Lecture Next Lecture

Aizaz Ali

HTML Tutorials