Ordered and Unordered Lists

Ordered and unordered lists (ol and ul, respectively) are block-level elements comprised of list items (li).

ol
ordered list, a block-level element similar to ul with the difference being an emphasis on order, like numerical order or alphabetical order.
ul
unordered list, a block-level element similar to ol, but with no emphasis on order.
li
list item, a block-level element.

Unordered list

Here is a list of common fruit. Since there is no ranking or chronological order for the list items, it makes sense for this to be an unordered list.

  • watermelon
  • banana
  • apple
  • orange
  • strawberry
  • pear
  • grape
  • pineapple
  • fig
  • kiwi
  • mango
  • coconut
HTML Syntax
<ul>
	<li>watermelon</li>
	<li>banana</li>
	<li>apple</li>
	<li>orange</li>
	<li>strawberry</li>
	<li>pear</li>
	<li>grape</li>
	<li>pineapple</li>
	<li>fig</li>
	<li>kiwi</li>
	<li>mango</li>
	<li>coconut</li>
</ul>

Continue reading