Logo
HTMLCSSJavaScriptReactjsnewContactUpdates

Get started today

HTMLCSSJavaScriptReactjsnewContactUpdates

Tools

Resume BuilderQR GeneratorVS Code Editor

Connect

GitHubWhatsApp Channel
hyperlink
table

HTML Lists

By Saket Bhatnagar•July 5, 2025•Beginner to Intermediate

Table of Contents

  1. list
  2. Ordered List
  3. Attributes of Ordered List
  4. Unordered List
  5. Attributes of Unordered List
  6. Description List/ Definition List / Dictionary List

list

  1. 1List is collection of related items.
  2. 2There are three types of lists in HTML:- Ordered List, Unordered List and Description List.

Ordered List

  1. 1Ordered list is used to display list items in a sequential order.
  2. 2It is block level element.
  3. 3To create an ordered list, we use the <ol> tag. (It is container tag)
  4. 4Here, we can represent sequence as alphabets,digits or roman numbers.
  5. 5To represent list items we have <li> tag.(It is container tag)

Attributes of Ordered List

  1. 1Type attribute : It is used to specify the type of numbering used for the list items. Syntax: type = 'value'(This value can be: '1' (for numbers), 'A' (for uppercase alphabets), 'a' (for lowercase alphabets), 'I' (for uppercase roman), 'i' (for lowercase roman)).
  2. 2Start attribute : Defines the starting number or sequence of the ordered list. Syantax: start='digit/number'(Note: start attribute only accepts digits.)
  3. 3Reversed attribute : It reverses the numbering/sequece of the list items. Syntax: reversed

Unordered List

  1. 1Unordered list is used to display list items in a bulleted list format(unordered way).
  2. 2It is block level element.
  3. 3To create an unordered list, we use the <ul> tag. (It is container tag)
  4. 4Here, we can represent sequence as disc,square or circle.
  5. 5To represent list items we have <li> tag.(It is container tag)

Attributes of Unordered List

  1. 1Type attribute : It is used to Specify the type of bullet used for the list items. Syntax: type = 'value'(This value can be: 'disc', 'circle', 'square', 'none').

Description List/ Definition List / Dictionary List

  1. 1A Description list is used to define terms and their corresponding definitions.
  2. 2To create a description list in Html, we use the <dl> tag.(It is container tag)
  3. 3To represent term and it's definition we have <dt> ..term.. </dt> tag and <dd> ..definition.. </dd> tag respectively.(Both <dt> and <dd> are container tags)
  4. 4We have to write <dd> ..definition.. </dd> tag within the <dt> ..term.. </dt> tag.

Share this article

Last updated: August 5, 2025

Join Our Community

Login to Join

© 2025 Saket Bhatnagar. All rights reserved.