Creating Lists Page 2

Creating HTML Lists

Directions: In this exercise, you will create the two types of lists; ordered lists (numbered) and unordered lists (bulleted). Lists are categorized as layout tags and are used to structure information so it may be more easily read and understood. These are the two types available in HTML.

Unordered list is commonly referred to as a “bullet” list. Each item in an unordered list is indented and preceded by a bullet. The Unordered List tag, < UL >, is used for unordered lists. The individual items in either an unordered or ordered list are preceded by the List Item tag

< LI >.

· The < UL > is a non-empty tag set;

· < LI > is an empty tag.

Ordered Lists is commonly referred to as a “numbered” list. An ordered list is identical to an unordered list with the exception that the items in the list are preceded by ordered or “ranked” numbers instead of bullets. The Ordered List tag, < OL >, is used to create ordered lists. The individual items in an ordered list are also preceded by the < LI > tag.

· The < OL > tag is a non-empty tag set;

· < LI > is an empty tag.

It is not necessary to insert a tag when using the < LI > tag. The < LI > tag by default moves the next list item to the following line.

Use of a tag following an < LI > tag will create additional white space following the list item text.

Now, work through this exercise and create both types of lists as follows:

1. From you Web browser, open Creating_Lists.HTM.

2. Toggle over to Notepad (located in the accessories folder on your computer).

3. Open the document Creating_Lists.HTM.

4. Type the following script that appears in bold:

Local records show the word "lu'au" was first publicly used to describe the 'aha'aina in 1856, in the pages of the Pacific Commercial Advertiser (the weekly predecessor of today's daily newspaper, The Honolulu Advertiser). The word also means the leafy top of the young taro plant, especially when baked in coconut cream with chicken or octopus. Not surprisingly, this dish is a staple of the lu'au menu.

Here are few things that are found at a lu'au:

<UDance</B</U

UL>

<LI>lyrical hula dance

<LI>twirling of fire

<LI>Tahitian and Samoan dance styles

</UL>

<UFood</B</U

<UL

<LI>kalua pork (an entire pig roasted underground in a handmade pit called an imu oven)

<LI>lomi lomi salmon (diced with tomatoes and onions, like a salsa)

<LI>chicken long rice (transparent noodles)

<LI>huli-huli (barbequed) chicken

<LI>haupia (coconut custard)

<LI>laulau (pork, chicken or fish wrapped and steamed in ti leaves)

<LI>poi (taro root mashed with water into a pale purple paste)

</UL

5. Save the HTML document.

6. Switch applications to your Web browser.

7. Reload the Web page.

8. Switch applications to your text editor. Open Creating_Links.HTM, if necessary.

9. Type the following script that appears in bold:

<UContemporary Celebration</B

<UL

<LI>Reason to relax and enjoy family and friends:

<LI>Baby lu'au (a grand celebration staged on the child's first birthday)

<LI>Graduations

<LI>Class Reunions

<LI>Weddings

<LI>and other important events

</UL

Just remember a lu'au is a Hawaiian feast and fun it had by all.

10. Save the HTML document.

11. Switch applications to your Web browser.

12. Reload the Web page.

13. Switch applications to your text editor. Open Creating_Links.HTM, if necessary.

14. Type the following script that appears in bold:

Now list the number of islands in the Hawaii:

<OL

<LI>Hawaii, the Big Island

<LI>Oahu, the Gathering Place

<LI>Maui, the Valley Isle

<LI>Kauai, the Garden Isle

<LI>Molokai, the Most Hawaiian Island

<LI>Lanai, the Most Secluded Island

</OL

Aloha!

</BODY>

</HTML>

15. Save the HTML document.

16. Switch applications to your Web browser.

17. Reload the Web page.

18. Print out the Web browser view and the Notepad and turn into the teacher.