HTML Lists

HTML Lists are used to group related pieces of information together. There are three types of Lists are available in HTML - unordered list , ordered list and definition list.

Unordered List

HTML Unordered lists are recommended to be used with a list of items where order is irrelevant. An unordered list starts with the < ul > tag. Each list item starts with the < li > tag.

unordered-list

HTML Source Code :

The default bullet type for most web browsers is a black circle, but you can changed the default circle by using an HTML attribute called Type.

square-list

HTML Source Code :

Ordered List

HTML ordered list should contain information where order should be emphasized, An ordered list starts with the < ol > tag. Each list item starts with the < li > tag.

ordered-lists

HTML Source Code :

Definition List

Un-ordered list and Ordered List are single item list, each < li > tag cam makes one list item. In some cases you have to define more than one item in a list , then you can use Definition List. HTML Definition List start with < dl > tag and each sub heading start with < dt > tag and details start with < dd > tag.
definition -list

HTML Source Code :