HTML Lists Tag Tutorial : Step-by-Step Guide for Beginners

HTML Lists:

HTML Lists are used to specify the lists of information. All lists may contain one or more list elements:

• <"ul"> − An unordered list. This will list the items using plain bullets.
• <"ol"> − An ordered list. This will use various schemes of numbers to list your items.
• <"dl"> − A definition list. This arranges items in the same way as they are arranged in the dictionary.

HTML Unordered Lists:

• An unordered list is a gathering of related items that have no special order or a sequence.
• This list is made by using the HTML <"ul"> tag. Every item in the list is marked with a bullet.
• HTML offers web authors3 ways for specifying lists of information.

HTML Unordered Lists:

This list is created by using HTML <"ul"> tag:

Example:

his will produce the below result −

The type Attribute:

Can use type attribute for <"ul"> tag to denote the type of bullet like. By default, it is a disc. Following are the possible options −

Example:

Below is an example where we used <"ul type = "square">

This will produce the below result –

Example:

Below is an example where we used <"ul type = "disc"> −

This will produce the below result –

Example:

Below is an example where we used <"ul type = "circle"> −

This will produce the below result −

HTML Ordered Lists:

If required to put an item in a numbered list instead of bulleted, then an HTML ordered list will be used.This list is generated by using <"ol"> tag. The numbering starts at a one and is incremented by one for each successive ordered list element tagged with <"li">.

Example:

This will produce the below result −

The type Attribute:

Can use type attribute for <"ol"> tag to specify the type ofa numbering are like. By default, it is a number. Following are the possible options are−

• <"ol type = “1”> – Default-Case Numerals.
• <"ol type = “I”> – Upper-Case Numerals.
• <"ol type = “i”> – Lower-Case Numerals.
• <"ol type = “A”> – Upper-Case Letters.
• <"ol type = “a”> – Lower-Case Letters.

Below is an example where we used <"ol type = "1">

This will produce the below result −

Example:

Below is an example where we used <"ol type = "I">

This will produce the below result −

Example:

Below is an example where used <"ol type = "i">

This will produce the below result −

Example:

Below is an example where used <"ol type = "A" >

This will produce the below result −

Example:

Below is an example where used <"ol type = "a">

This will produce the below result −

The start Attribute:

Can use a start attribute for <"ol"> tag to specify the starting point of the numbering needed. Following are the possible options −

• <"ol type = "1" start = "4"> – Numerals start with 4.
• <"ol type = "I" start = "4"> – Numerals start with IV.
• <"ol type = "i" start = "4"> – Numerals start with iv.
• <"ol type = "a" start = "4"> – Letters start with d.
• <"ol type = "A" start = "4"> – Letters start with D.

Example:

Below is an example where we used <"ol type = "i" start = "4" >

This will produce the below result −

HTML Definition Lists:

HTML and XHTML supports a list style which is called a definition lists where entries are listed like in the dictionary or encyclopedia. The definition list is an ideal way to present a glossary, list of terms, or other name/value list.Definition List made use of following 3 tags.

• <"dl"> − Defines the start of a list
• <"dt"> − A term
• <"dd"> − Term definition
• <"/dl"> − Defines the end of a list

Example: