Macromedia Studio 8 [Electronic resources] : Training from the Source نسخه متنی

Creating List Items

All lists are constructed from two sets of tags. First, the entire list is enclosed inside an <ol> (ordered list) or <ul> (unordered list) tag. Then, each item inside the list is enclosed inside a <li> (list item) tag. Most lists have multiple <li> tags, because they have multiple items. The following code sample shows a basic bullet list.

<ul>
<li>Bullet point 1</li>
<li>Bullet point 2</li>
<li>Bullet point 3</li>
</ul>

To convert this bullet list into a numbered list, simply replace <ul> and </ul> with <ol> and </ol>, respectively.

In this task, you'll format the steps for a recipe for cinnamon baked apples into a numbered list to present the procedures more clearly.

The first step in turning any existing text into a numbered or bulleted list is to make certain that each text element is in its own paragraph.

Conveniently, when you copied and pasted the content into this page earlier in the lesson, the baking procedures were already in their own separate paragraphs, so you don't have to do anything additional to get ready for the list creation.

Dreamweaver automatically formats the selected text block into a numbered list. Behind the scenes, it creates both the <ol> tag and a series of <li> elements.

[View full size image]

Tip

You can use the List Properties dialog (Text > List > Properties) to specify the numbering system you want to use for your ordered list or the symbols to use for the unordered lists. This system is especially handy when you need nested ordered lists or unordered lists and you need to distinguish the main list from the nested list. For more advanced list formatting, you can use the List category of the CSS Style Definition dialog, where you can specify bullet size, type, and position, or even use a custom image for the bullets.

As shown in the figure, the list items are enclosed in the open and closing <ol> tags, with an <li> tag in front of each list item and an </li> tag after each list item.

[View full size image]

You still have a few more things to do to finish recipes.