Lists
Lists come in many forms. You can use bullet lists, like this:
Or you can replace the bullets with numbers, letter, cirlces,
squares, or diamonds. Or you can make it in a definition style, which has
room for a word or phrase, and a space for the definition, like this:
- Term 1
- Definition of Term 1
- Term 2
- Definition of Term 2
- Term 3
- Definition of Term 3
If you need to list anything then use a list, it's simple. Basically, try
not to use things you really don't need to use. If you're making a
glossary, then this also comes in handy, but is not necessary. Remember,
you have freedom when designing a webpage.
Use lists only if it's exactly what you need. Most of the time, you won't
need it.
Put lists where you need to define something or use bullets or outlines or
such things.
Now we get to "How do I do it?" First off, order lists (ol):
<ol>
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ol>
It'll look like this:
- Thing 1
- Thing 2
- Thing 3
Now, special orderd lists (arabic):
<ol type="1">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ol>
It'll look like this:
- Thing 1
- Thing 2
- Thing 3
Now, special orderd lists (Uppercase alpha):
<ol type="A">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ol>
It'll look like this:
- Thing 1
- Thing 2
- Thing 3
Now, special orderd lists (Lowercase alpha):
<ol type="a">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ol>
It'll look like this:
- Thing 1
- Thing 2
- Thing 3
Now, special orderd lists (Uppercase Roman):
<ol type="I">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ol>
It'll look like this:
- Thing 1
- Thing 2
- Thing 3
Now, special orderd lists (Lowercase Roman):
<ol type="i">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ol>
It'll look like this:
- Thing 1
- Thing 2
- Thing 3
Unordered lists:
<ul>
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ul>
It'll look like this:
Special unordered lists (circle):
<ul type="circle">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ul>
It'll look like this:
Special unordered lists (square):
<ul type="square">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ul>
It'll look like this:
Special unordered lists (disc):
<ul type="disc">
<li>Thing 1
<li>Thing 2
<li>Thing 3
</ul>
It'll look like this:
Definition lists:
<dl>
<dt>Term 1<dd>Definition 1
<dt>Term 2<dd>Definition 2
<dt>Term 3<dd>Definition 3
</dl>
Will look like this:
- Term 1
- Definition 1
- Term 2
- Definition 2
- Term 3
- Definition 3
Next lecture