Unordered List
The <ul></ul> tags make the unordered list. This list is not numbered. The <li></li> tags surround each item of the list.
<ul>
<li>Make my own web site</li>
<li>Make my own web page</li>
</ul>
...
- Make my own web site
- Make my own web page
Unordered List With Different Bullets
Bullets can be of several different shapes including circle, square or disc. You can set the bullet type for each list or by individual item. Maybe you might want to highlight a new item.
<ul>
<li type=circle>Make my own web site</li>
<li type=square>Make my own web page</li>
<li type=disc>Make your own web page</li>
</ul>
...
- Make my own web site
- Make my own web page
- Make your own web page
Ordered List
The <ol></ol> tags make the ordered list. The ordered list includes a numbering system, unlike the unordered list. Again the <li></li> tags surround each item of the list.
<ol>
<li>Make my own web site</li>
<li>Make my own web page</li>
</ol>
...
- Make my own web site
- Make my own web page
Ordered List With Different Numbering Systems
These lists can use different numbering systems. In the example above, the i was used for lowercase Roman. An I would be used for uppercase Roman and an A or an a would be used for uppercase or lowercase lettering. Normally, one would modify the numbering system in the <ol> tag, but I modified the <li> tags instead to display the variations of numbering systems.
<ol>
<li type=i>Make my own web site</li>
<li type=I>Make my own web page</li>
<li type=a>Make your own web site</li>
<li type=A>Make your own web page</li>
</ol>
...
- Make my own web site
- Make my own web page
- Make your own web site
- Make your own web page
Definition List
A Definition List is great for defining terms, like a dictionary. Each term is separate, with the details indented below. An HTML Indent Code changes the margin for the definition details. I usually like to bold the term as well.
<dl>
<dt><b>First</b><dd>The first thing you really should know about making web pages.</dd>
<dt><b>Second</b><dd>The second thing you really should know about making web pages.</dd>
<dt><b>Third</b><dd>The third thing you really should know about making web pages.</dd>
</ol>
...
- First
- The first thing you really should know about making web pages.
- Second
- The second thing you really should know about making web pages.
- Third
- The third thing you really should know about making web pages.
