Home icon
Data Visualisation Guide

HTML lists

1 minute read

HTML 101

HTML can contain two types of lists: ordered lists (<ol>) will be automatically numbered, and unordered lists (<ul>) will be be turned into bullet lists by default. Both types of lists contain a list of list items defined with <li> tags.

<!DOCTYPE html>
<html>
  <head>
    <title>Webdev 101</title>
  </head>
  <body>
    <h1>The POUR principles</h1>
		<p>The 4 POUR principles are:</p>
        <ol>
            <li>Perceivable</li>
            <li>Operable</li>
            <li>Understandable</li>
            <li>Robust</li>
        </ol>
        <p>The additional CAF principles are:</p>
        <ul>
            <li>Compromising</li>
            <li>Assistive</li>
            <li>Flexible</li>
        </ul>
  </body>
</html>

Related pages

HTML and <img>

SVG elements: text

Styling and CSS

Images in HTML

Browsers and servers

HTML elements

HTML 101