• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hour 3. Getting Started: Adding Text, Li... > Creating Lists and Indenting Text

Creating Lists and Indenting Text

By using Dreamweaver, you can create bulleted lists, called unordered lists in HTML, and numbered lists, called ordered lists in HTML. The Unordered List and Ordered List buttons appear in the Property inspector when you have text selected.

First, create an unordered list by following these steps:

1.
Type three items for the list, pressing the Enter (or Return) key after each item so that each is on its own line.

2.
Drag the cursor over all three items to select them.

3.
Click the Unordered List button in the Property inspector, as shown in Figure 3.15.

Figure 3.15. The Property inspector has buttons to create ordered and unordered lists. You can select the Indent and Outdent buttons to nest lists or to indent and outdent text.


Now each line is preceded by a bullet. Next, add another list that is nested in the first list:

1.
Place the insertion point after the last item.

2.
Press the Enter key to make a new line. The new line should be preceded by a bullet.

3.
Type three items, as you did in the previous list.

4.
Drag the cursor over these new items and select the Indent button in the Property inspector.

Now the second list is nested within the third item of the first list. You can tell because it is indented and preceded by a different style of bullet. Use the Outdent button to place the nested list back in line with the main list.

Did you Know?: Customize Your Bullets and Numbers

You can change the bullet or number style by clicking the List Item button in the Property inspector (refer to Figure 3.15) when your cursor is located within the list. Oddly, the List Item button does not appear if you have the entire list selected. Pick the bullet style (either bullet or square) for an unordered list or pick a number style for an ordered list. You can also start the number count at a number other than one by entering the initial number in the Start Count box.


To turn the nested unordered list into an ordered list, select the three items in the nested list again and click the Ordered List button in the Property inspector. To bring the nested list back in line with the main list, select the Outdent button.

With regular text, you use the Indent and Outdent buttons to modify the margins of a block of text. In HTML there is no easy way to tab or indent text, so Dreamweaver uses the <blockquote> tag to indent. This tag actually indents both the left and right sides of the text, so it might look strange if you indent multiple times.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint