Chapter 5: Special Effect Tags

Introduction to HTML, created in 1995 by Eric Meyer, is maintained on this server for historical reference. While much of this information is still relevant, it is important to remember that it was written for HTML 2.0. The more current versions of HTML and XHTML in use today have different requirements. To learn more, you may also wish to review our Web Development blog entries on HTML/XHTML and Cascading Style Sheets.

You may recall that in Chapter 3, I made a point about using headings to emphasize text within a paragraph. (For those of you who missed it, the point was that you can't use headings that way.) I also promised to show you how to highlight text. That's what this chapter is about, among other things.

Logical Style Tags

The "correct" way to highlight text is to use the logical tags, which do not directly specify the type of highlighting they will employ. There are 'defaults' written into the specification (see the quotations below) but there is no direct rule about which tag should be displayed in what way. This is entirely in keeping with HTML's structural nature.

Emphasis

To quote from the HTML 2.0 specification, the <EM> and </EM> tags provide "typographic emphasis, typically italics."

Strong

Again from the specification, the <STRONG> and </STRONG> tags provide "strong typographic emphasis, typically bold."

Citation

<CITE> and </CITE> specify a citation; this includes information like book titles, references, and so on. The text is usually displayed using italics.

These tags are recommended for use because they leave the most control to the reader of a document. However, in the real world, the tags in the next section are a lot more popular than those above.

Forced Style Tags

The tags I will cover here are sometimes called forced style tags, because their very nature forces a certain style within the document (at least, that's the idea). This does run counter to the entire "HTML is purely structural" philosophy, but my advice is not to worry about it too much. As long as you use the logical style tags where appropriate, then you're fine.

The four most commonly used forced style tags are very simple:

Boldface

Everything between <B> and </B> is boldfaced.

Italics

Everything between <I> and </I> is italicized.

Underline

Everything between <U> and </U> should be underlined; however, see the note below.

Typewriter Text

Everything between <TT> and </TT> is in typewriter text (a monospaced font in most browsers). This is typically used for variable names, or to show snippets of HTML.

In some browsers, especially Netscape up to 1.12/1.22, the underline tag is not recognized. This is because the underline tag is still being proposed for inclusion in the HTML specification. As of this writing, it was still not part of official HTML 2.0 but part of the 3.0 draft. Most browsers do support underlining, but be aware that you cannot count on this. If the word "underlined" in the explanation for Underline, above, is in fact not underlined, then your browser does not support the underline tag.

Horizontal Rules

The horizontal rule is a pretty useful effect. Horizontal rules are not allowed within headings. The tag, which is empty, is <HR>, and produces the following:

There. That was pretty easy, wasn't it? Now that you have everything you need to arrange your text, it's time to start linking things together.

Chapter 5 Quiz
Next -- Chapter 6: Anchors
Previous -- Chapter 4: Lists
Table of Contents
Glossary
Index
The HTML Laboratory
Feedback