| Unordered Lists (block element) |
<li> </li> - Creates a List Item Example Code:
What You'll Need to Test Your Web Design:
<ul>
<li>Text Editor</li>
<li>Web Browser</li>
</ul>
The Result:
What You'll Need to Test Your Web Design:
- Text Editor
- Web Browser
| Ordered Lists (block element) |
<ol> </ol>
- Creates an Ordered List
<li> </li>
- Creates a List Item
Example Code:
What You'll Need to Test
Your Web Design:
<ol>
<li>Text Editor</li>
<li>Web Browser</li>
</ol>
The Result:
What You'll Need to Test Your Web Design:
- Text Editor
- Web Browser
| Nesting Lists |
Example Code:
What You'll Need to Test
Your Web Design:
<ul>
<li>Text Editor</li>
<ul>
<li>Notepad (Windows)</li>
<li>TeachText (Mac)</li>
</ul>
<li>Web Browser</li>
<ul>
<li>Netscape Navigator</li>
<li>Microsoft Internet Explorer</li>
</ul>
</ul>
The Result:
What You'll Need to Test Your Web Design:
- Text Editor
- Notepad (Windows)
- TeachText (Mac)
- Web Browser
- Netscape Navigator
- Microsoft Internet Explorer
| List Attributes |
<ol type="A | a | I | i | 1"> </ol> - Ordered List TYPE Attribute
Example Code:
What You'll Need to Test
Your Web Design:
<ol type="a">
<li>Text Editor</li>
<li>Web Browser</li>
</ol>
The Result:
What You'll Need to Test Your Web Design:
- Text Editor
- Web Browser
| Definition Lists |
<dl> </dl>
- Creates an Definition List
<dt> </dt>
- Creates a Definition Term (Optional)
<dd> </dd>
- Creates a Definition
Example Code:
<dl>
<dt>What You'll Need to Test Your Web Design:</dt>
<dd>Text Editor</dd>
<dd>Web Browser</dd>
</dl>
The Result:
What You'll Need to Test Your Web Design:
- Text Editor
- Web Browser
 Creating
Links |
 Top
of Page |
Adding
Color |