Sat. Feb 4th, 2023
  • HTML lists are used to specify lists of information (bulleted/unordered or numbered/ordered content)
  • HTML list is an incredible/useful way to represent organized content

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

TagMeaning / Use / Description
<ul>An Unordered List or bulleted list. List items using plain bullets
<ol>An Ordered List or numbered list. Uses different schemes of numbers to list your items
<dl>A Description List or Definition List. This arranges your items in the same way as they are arranged in a dictionary, header item, and description

HTML List Tags

TagMeaning / Use / Description
<ul>Defines an Unordered List or bulleted list
<ol>Ordered List or numbered list
<li>Defines List Item
<dl>Defines Description List or Definition List
<dt>Defines a term/item/heading in a description list
<dd>Describes the term in a description list

6.1. Unordered List or Bulleted List

  • An Unordered List is a collection of related items that have no special order or sequence
  • Unordered List is created by using HTML <ul> tag. Each item in the list <li> is marked with a bullet/rendered as a bulleted list
  • <li> List Item, type attribute helps to specify the type of bullet disc/circle/square/none

6.2. Ordered List or Numbered List

  • The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list
  • Ordered List is created by using HTML <ol> tag. Each item in the list <li> is marked with a number or an order in ascending/descending
  • <li> List Item, type attribute helps to specify the type of order 1/A/a/I/i

6.3. Description List or Definition List

  • Description List or Definition List represents entries list like in a dictionary or encyclopedia
  • Description List or Definition List is the ideal way to present a glossary, list of terms, or another name/value list
  • A description list is a list of terms, with a description of each term
  • The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term

By admin

Leave a Reply

Your email address will not be published. Required fields are marked *