Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
  • 💬 Discuss
This chapter is from the book

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 red-a.jpg and Table 4.1.

04fig14.jpg

click here to view image

red-a.jpg Dreamweaver offers a number of useful (and not so useful) HTML text styles.

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 onscreen. Causes screen readers to stress importance in speech.

Strong

Bolds text onscreen. 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 as of 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 “CSS Categories” in Chapter 7.

To apply an HTML text style

  1. Select the text you want to change.
  2. Choose Format > Style, and then choose the style you want from the submenu.

    The text’s appearance changes.

  • + Share This
  • 🔖 Save To Your Account

Discussions

comments powered by Disqus