Information Technology Reference
In-Depth Information
<ul>
<li><strong>Tommy</strong>: Take out the trash</li>
<li><strong>Beth</strong>: Clean out the fridge. </li>
<li><strong>Mittens</strong>: catch mice. </li>
</ul>
</body>
</html>
Let us break down the teensy morsel of code within the body element. Here, the
unordered list on the page is created using the ul tag. An unordered list is great to use
anytime you want to create a bulleted list of items. If your list requires a little more
order,you might opt to use the ol , or ordered list,HTML tag.
While the page is fairly nice and simple, you might want to spice it up. Perhaps around
Christmas time, you'd like splash some color on your family chores page that would
make even the most bah humbug elf smile with glee (see Figure 1-3).
Figure 1-3. Christmas Chore List with green and red adding a holiday feel
Perhaps on the Fourth of July, you might want to fill your family with patriotic gusto (see
Figure 1-4).
Figure 1-4. Patriotic Chore List with the red, white, and blue
Each time we change the colors, we modify the HTML source code by adding in
appropriate tags. Take a look at the patriotic version of chores.html in Listing 1-3.
Listing 1-3. patriotic chores.html
<html>
<head>
<title> Family Chore List </title>
</head>
<body bgcolor=blue>
<font color=red><h1>Family Chore List</h1></font>
<font color=white>
<ul>
<li><strong>Tommy</strong>: Take out the trash</li>
<li><strong>Beth</strong>: Clean out the fridge. </li>
<li><strong>Mittens</strong>: catch mice. </li>
</ul>
 
Search WWH ::




Custom Search