The 24-Hour HTML CafeReturn to the Home Page

Hour 6:
Advanced Text Formatting and Links

This chapter hour shows you how to make text appear as boldface, italic, or with superscripts, subscripts, underlines, crossed-out text, special symbols, and accented letters. You learn to include preformatted passages of monospaced text, and how to control the size, color, and typeface of any section of text on a Web page. You also see how to link within a page, and link to your e-mail address so readers can easily send you messages.

(View HTML tags covered in Hour 6.)

Example Pages Shown in the Book

The Miracle Product(Figures 6.1 - 6.2)

This mock-advertisement demonstrates all the HTML tags that add special formatting to text.

A History of Everything(Figures 6.3 - 6.5)

The <FONT> tag gives you control over the size, color, and typeface of any text. If you have the Lucida Sans Unicode and Lucida Sans fonts installed on your computer, they will be used to display this example page. Otherwise, Arial or Helvetica will be used. If none of those fonts could be found, the browser would display the text using the default font (usually Times New Roman). To find out about auto-downloading font technology, visit Bitstream's TrueDoc Web site.

Alphabetical Shakespeare(Figures 6.6 - 6.8)

An <A> tag with a NAME attribute acts as a marker (called an anchor), so <A> tags with HREF attributes can link to that specific point on a page. <A HREF> is what you click on, and <A NAME> is where you go when you click there.

Topical Shakespeare(Figures 6.9 - 6.11)

To link to a specific part of another page, put both the page address and anchor name in the <A HREF> tag, separated by the pound # symbol.

German Philosopher's Club(Figures 6.12 - 6.13)

An e-mail directory page for a club of aging German philosophers. Links to e-mail addresses use the same <A> tag as links to Web pages. Just put "mailto:" followed by your e-mail address in the HREF attribute.

Additional Online Examples

The Most Common TrueType Fonts

See the exact spelling of the most common TrueType font names to use in your <FONT FACE> tags, and find out which of these fonts are installed on your computer. (Those that aren't available on your system will appear as the same font you're reading now.) Just remember, each individual who visits your pages may or may not have the font you specify.

TWO YEAR OLD GIVES BIRTH

A late-breaking front-page story from the Oliver Inquirer with plenty of boldface excitement and italic suspense.

Instant Alphabetical Index

Use this page as a starting point for building an alphabetical index into any HTML page of your own. Select File | Save As... to save the file to your hard drive, then use your favorite text editor or HTML editing software to add your own content under each letter.

The U.S. Constitution

The complete text, as inscribed by the founding fathers themselves. See how links within and between pages help make a long document more accessible.

Key Quote from This Hour

"There are two completely different approaches to controlling text formatting and alignment in HTML 4.0. The tags you'll learn in this hour (and the ALIGN attribute from Hour 5: Text Alignment, Lists, and Special Characters) are the 'old way,' which is actually officially discouraged now. The 'new way' is introduced in Hour 15: Using Style Sheets. So why learn something that's already out of date? Because in 2001 a large number of people still use Web browsers that don't fully support style sheets... All the tricks introduced in this hour (and the previous one) will work with nearly any Web browser, old or new."

Next Hour: Creating HTML Forms

Return to the Home Page