| Inline formatting is applied directly to content at an individual pointthis type of formatting is text-level markup that is also known as a phrase elements. A phrase element specifies information about the structure and specific usage of text fragments to provide context rather than the structure of a larger section of the document, as is the case with block level elements. You can apply a few formatting options to the text you create in Dreamweaver to emphasize certain points, words, or phrases. The two most common options to set are bold and italic. 1. | In definitions.html, select the first term at the top of the list Hatha Yoga.
You will apply bold formatting to the selected text.
| | | 2. | Click the Bold button in the Property inspector.
 You can also choose Text > Style > Bold or click the Bold button in the Text category of the Insert bar to apply the bold format to the selected text. The keyboard shortcuts are Cmd+B (Macintosh) and Ctrl+B (Windows).
If your preferences are set to do so, when you use the Property inspector to apply bold formatting, Dreamweaver wraps the <strong> and </strong> tags around the selected text. Similarly, when you apply italic formatting, Dreamweaver wraps the <em> and </em> tags (em indicates emphasis) around the selected text. Dreamweaver uses strong and emphasis tags, which are referred to as logical markup because they affect content in both conceptual and visual appearance, instead of bold and italic tags (<b>, <i>), which are referred to as physical markup because they affect only visual appearance. Logical markup is more flexible and accessible to a wider audienceit represents the function of the text portion as opposed to giving presentational information, which is best done through CSS.
Italic formatting is applied in the same waysimply use the Italic button in the Property inspector.
Other formatting options include Underline, which provides a line beneath the text; Teletype, which renders text in a monospaced font; and Strikethrough, which displays text with a line through the center.
Note Be careful of using the underline formatting on your Web pages. One of the most common ways a link is designated on a Web page is with an underline. Using the underline style for text other than links can potentially confuse your visitors. There are other ways that you can differentiate text including size, color, and spacingall of which you'll learn to use in Lesson 4. Recognizing and applying standard Web practices will make your site clearer and more readily accessible to viewers. Avoid using styles or elements in ways that can cause them to be easily confused with other uses and meanings. | 3. | Repeat the bold formatting on each of the remaining terms in the definition list.
|
Many times, you might need to repeat the most recent action, such as the formatting you set on another paragraph or other selected text. The Redo command reduces that task to a simple keystroke. The first two items listed in the Edit menu are the Undo and Redo commands. You'll want to remember their keyboard shortcuts: Undo: Cmd+Z (Macintosh) and Ctrl+Z (Windows) Redo: Cmd+Y (Macintosh) and Ctrl+Y (Windows) Note You can use the History panel to speed up actions that you repeat often. To access the History panel, choose Window > History. You can select a series of actions in the panel and click the Save Selected Steps As Command button in the lower-right corner of the panel or by choosing Save As Command from the context menu in the upper-right corner of the panel. If you want a quick way to insert often-used bits of code, you should use Snippets (covered in Lesson 16).
 You can save and close the definitions.html document. |
