- Adding Text
- Cutting, Copying, and Pasting Text
- Dragging and Dropping Text
- Using Paste Special
- Applying Headings
- Applying Character Formats
- Applying HTML Text Styles
- Using Preformatted Text
- Adding Line Breaks
- Indenting Text
- Aligning Text (HTML Method)
- Working with Lists
- Setting List Properties
- Nesting Lists
- Inserting Special Characters
- Adding Automatic Dates
- Adding Horizontal Rules
- Finding and Replacing
- Finding Text with a Simple Search
- Performing Advanced Text Searches
- Finding and Replacing in Source Code
- Finding and Replacing with a Specific Tag
- Using Regular Expressions for Searching
- Checking Spelling
Applying HTML Text Styles
The most common text formatting is to make text bold or italicized, and of course Dreamweaver can do that, with either HTML markup or a CSS rule. But it can also apply several other text styles, some of which are for specialized uses, as shown in Figure 4.14 and Table 4.1.
Figure 4.14 Dreamweaver offers a number of useful (and not so useful) HTML text styles.
Bold style |
Variable style |
Italic style |
Sample style |
Underlined style |
Keyboard style |
|
Citation style |
Emphasis style |
Definition style |
Strong style |
|
Code style |
Inserted style |
Table 4.1. Text Styles
STYLE |
DESCRIPTION |
Bold |
Makes text boldface. |
Italic |
Italicizes text. |
Underline |
Underlines text. |
Strikethrough |
Text is shown with a line through it. |
Teletype |
Reminiscent of an old typewriter. Usually shows text in a monospaced font such as Courier. |
Emphasis |
Italicizes text on screen. Causes screen readers to stress importance in speech. |
Strong |
Bolds text on screen. Causes screen readers to add additional importance to speech. |
Code |
Depicts programming code, usually in a monospaced font. |
Variable |
Marks variables in programming code. Usually displayed as italics. |
Sample |
Meant to display sample output from a computer program or script. Usually displayed in a monospaced font. |
Keyboard |
Meant to depict text a user would type on the keyboard. Usually displayed in a monospaced font. |
Citation |
Used to mark citations and references. Usually displayed as italics. |
Definition |
Used to mark the first, defining usage of a term in a document. Usually displayed as italics (Safari on the Mac displays this as regular text). |
Deleted |
Marks deleted text. Shown the same as strikethrough. |
Inserted |
Marks inserted text. Shown the same as underlined. |
Many of these text styles are meant for displaying programming or script code, so they won’t be used at all on many sites. Others, such as Underline and Strikethrough, are deprecated in the HTML 4.01 standard, which means that they are obsolete and may not work in future browsers. Instead, you should use a CSS property. See “Dreamweaver CSS Categories” in Chapter 7.
To apply an HTML text style:
- Select the text you want to change.
Choose Format > Style, then choose the style you want from the submenu.
The text’s appearance changes.