List samples

Ordered list

These are html tags you type.


<p>
  This paragraph is text before the list.
</p>
<ol>
  <li> First item text </li>
  <li> Second item text </li>
</ol>
<p>
  This paragraph is text after the list.
</p>

Note:

  1. The ordered list is contained in the <ol>   </ol> tags
  2. Each item is contained in the <li>   </li> tags
  3. The list is NOT within a <p>   </p> container. Only text and other things that fit within a line of text can be contained in a paragraph. The list breaks into new lines, rather than fitting in a line of text. Block containers that use new sets of lines cannot be contained within an in-line container.

This is the resulting web page content:


This paragraph is text before the list.

  1. First item text
  2. Second item text

This paragraph is text after the list.


Unordered list

These are html tags you type.


<p>
  This paragraph is text before the list.
</p>
<ul>
  <li> First item text </li>
  <li> Second item text </li>
</ul>
<p>
  This paragraph is text after the list.
</p>

Note: The tags for an unordered list are like the ordered list, except use <ul> rather than <ol>

This is the resulting web page content:


This paragraph is text before the list.

  • First item text
  • Second item text

This paragraph is text after the list.