My Logo

My amazing HTML site

HTML lists page

Lists are used to group related pieces of information together, so they are clearly associated with each other and easy to read. In modern web development lists are workhorse elements, frequently used for navigation as well as general content. Lists are good from a structural point of view as they help create a well-structured, more accessible, easy-to-maintain document.

There are three types of HTML List, depending on the type of data one is trying to structure and describe; these being related key points withhierarchy, related key points without hierarchy and terms and definitions (often used for acronyms).

Unordered list

Ordered list

  1. This is a list item
  2. This is a list item
  3. This is a list item
  4. This is a list item

Definition list

Aardvark
Scaly ant-eating creature from South America
Elephant
Big grey animal from Africa
Lion
Big Cat with teeth and a mane
Chocolate Bar

Nesting lists

  1. This is a list item
  2. This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
    • This is a list item
  3. This is a list item
  4. This is a list item