HTML-Lists

HTML offers web authors three ways for specifying lists of information. All lists must contain one or more list elements.

<ul>-An unordered list. This will list items using plain bullets.

<ol>-An ordered list. This will use different schemes of numbers to list your items.

<dl>-A definition list. This arranges your items in the same way as they are arranged in a dictionary.

HTML Unordered List

An unordered list is a collection of related items that have no special order or sequence. This list is created by using HTML <ul> tag. Each item in the list is marked with a bullet.

Example :-

Here, the given comment is a valid comment

Result :-

  • HTML
  • CSS
  • BOOTSTRAP
  • JQUERY

Unordered List Attributes

Value Description
disc Sets the list item marker to a bullet (default)
circle Sets the list item marker to a circle
square Sets the list item marker to a square

Example :-

Example of disc attribute

Result :-
  • HTML
  • CSS
  • BOOTSTRAP
  • JQUERY

Example :-

Example of circle attribute

Result :-
  • HTML
  • CSS
  • BOOTSTRAP
  • JQUERY

Example :-

Example of square attribute

Result :-
  • HTML
  • CSS
  • BOOTSTRAP
  • JQUERY

HTML Ordered List

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

Result :-

  1. HTML
  2. CSS
  3. BOOTSTRAP
  4. JQUERY

Ordered List Attributes

Value Description
type = "1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

Example :-

Example of type = "1" attribute

Result :-
  1. HTML
  2. CSS
  3. BOOTSTRAP
  4. JQUERY

Example :-

Example of type="A" attribute

Result :-
  1. HTML
  2. CSS
  3. BOOTSTRAP
  4. JQUERY

Example :-

Example of type="a" attribute

Result :-
  1. HTML
  2. CSS
  3. BOOTSTRAP
  4. JQUERY

Example :-

Example of type="I" attribute

Result :-
  1. HTML
  2. CSS
  3. BOOTSTRAP
  4. JQUERY

Example :-

Example of type="i" attribute

Result :-
  1. HTML
  2. CSS
  3. BOOTSTRAP
  4. JQUERY