lists-basic.html 834 B

1234567891011121314151617181920
  1. <div id="snippet-lists-basic">
  2. <h2>Unordered list</h2>
  3. <p>Such a list can represent items where the order is not important, e.g. a list of ingredients required for preparing a dish or a drink.</p>
  4. <p>Ingredients required for making a coffee:</p>
  5. <ul>
  6. <li>15g coffee ground</li>
  7. <li>a cup</li>
  8. <li>water</li>
  9. </ul>
  10. <h2>Ordered list</h2>
  11. <p>The ordered list can be used if the order of the items matters, e.g. when describing an instruction. The order of steps that must be done is important.</p>
  12. <p>How to prepare the coffee?</p>
  13. <ol>
  14. <li>Gather the ingredients</li>
  15. <li>Put 15g of the coffee ground into the cup</li>
  16. <li>Boil 200ml of water</li>
  17. <li>Pour water into a cup</li>
  18. <li>Optional: add milk as you wish</li>
  19. </ol>
  20. </div>