matt2099
10/8/2018 - 10:20 AM

Creating Lists

Creating different formats of lists in HTML

lists.html
content_copyfile_download
<!DOCTYPE html>
<html lang="en-gb">
<head>
<meta charset="utf-8">
<title>HTML Lists</title>
</head>
<body>
<h1>Creating Lists</h1>
<hr>
<p>A <em>un-ordered</em> collection of tea-making tasks:</p>
<ul>
 <li>Add milk (or perhaps lemon)</li>
 <li>Leave to brew for a few minutes</li>
 <li>Fill the kettle and put it on to boil</li>
 <li>Pour the tea into a cup or mug</li>
 <li>Fill the teapot with the freshly boiled water</li>
 <li>Warm the teapot if you like</li>
 <li>Put a couple of tea bags into the teapot</li>
 <li>Enjoy a nice cuppa!</li>
</ul>
<hr>
<p>An <em>ordered</em> collection of tea making tasks:</p>
<ol>
 <li>Fill the kettle and put it on to boil</li>
 <li>Warm the teapot if you like</li>
 <li>Put a couple of tea bags into the teapot</li>
 <li>Fill the teapot with the freshly boiled water</li>
 <li>Leave to brew for a few minutes</li>
 <li>Pour the tea into a cup or mug</li>
 <li>Add milk (or perhaps lemon)</li>
 <li>Enjoy a nice cuppa!</li>
</ol>
<hr>
<p>Some important <em>definitions</em>:</p>

<dl>

 <dt><strong>Kettle</strong></dt>
  <dd>A receptacle for heating water</dd>
    <ul>
      <li>Made out of metal</li>
      <li>May have a wistle</li>
      <li>Look for a non-metal handle</li>
    </ul>
 <dt><strong>Tea</strong></dt>
<dd>Dried leaves supplied loose or in teabags</dd>
 <dt><strong>Teapot</strong></dt>
  <dd>Container, often short and/or stout, usually with a handle and a spout.
  Used to prepare infusion of tea and hot water</dd>
 <dt><strong>Cuppa</strong></dt>
  <dd>The end result - luverleeee!</dd>
</dl>
<hr>
</body>
</html>