• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Simple Text Decoration

Bloggers need to know how to use the simple text decoration tags covered in this section: bold, italic, underline, and strikethrough. These are probably the most common text decorations you will want to use when blogging.

I find strikethrough particularly useful when I blog something on Monday that turns out to be dead wrong on Wednesday. I could just go back and rephrase my post so that it looks like I knew what I was talking about at the time, but who would I be kidding? Nobody would buy that.

Bold Text

To create bold text, you just surround the words you’d like to appear bold with the <b></b> tags (see Listing 4.13).

Listing 4.13. Bold Text Example

I have a <b>bold</b> sense of self preservation. 

Figure 4.6 shows Listing 4.13 in a blog.

Figure 4.6. Bold text in a blog.

Italic Text

Italic works the same way as bold; it’s just a different tag, <i></i> (see Listing 4.14).

Listing 4.14. Italic Text Example

Just because I <i>said</i> you have a big butt doesn't mean I 
<i>think</i> it's big. 

Figure 4.7 shows Listing 4.14 in a blog.

Figure 4.7. Italic text in a blog.

Teletype Text

Teletype text is good for when you want to re-create that typewritten feeling. I like to use it to simulate an email message, a memo, or an old-fashioned telegram. The tags for teletype are <tt></tt> (see Listing 4.15).

Listing 4.15. Teletype Text Example

<tt>Lost at blackjack. Please wire $10,000. Hope you're well.</tt> 

Figure 4.8 shows Listing 4.15 in a blog.

Figure 4.8. Teletype text in a blog.

Strikethrough Text

Use strikethrough tags (<strike></strike>) to scratch items off a list or take back a statement (see Listing 4.16). Strikethrough is great because you can see the previous post, which helps add new meaning to the next statement.

Listing 4.16. Strikethrough Text Example

Go Yankees! 
<strike>The Boston Red Sox are the best! They can't lose!</strike> 

Figure 4.9 shows Listing 4.16 in a blog.

Figure 4.9. Strikethrough text in a blog.

Underlined Text

Underlined text on the web tends to signify hyperlinked text, but not always. Underlining is as easy and straightforward as italic and bold (see Listing 4.17).

Listing 4.17. Underlined Text Example

I <u>strongly advise</u> against a definite course of action. 

Figure 4.10 shows Listing 4.17 in a blog.

Figure 4.10. Underlined text in a blog.

Resizing Text

If you want to change the usual size of some text within an individual post, you can use the <font size=?></font> tags and replace the question mark with a number from 1 to 7, depending on which size you need (see Listing 4.18).

Listing 4.18. Resizing Text Example

That's when I shouted:<font size=5>STOP BITING ME!</font> 

Figure 4.11 shows Listing 4.18 in a blog.

Figure 4.11. Resizing text in a blog.

Colored Text

If you want to change the color of text within a post, you can use the <font color=?></font> tags and replace the question mark with a color name or hex value (see Listing 4.19). Also, see the “Specifying Colors” section in this chapter for a list of all of the colors you can choose.

Listing 4.19. Colored Text Example

Some prefer lighter hues, like <font color=silver>silver</font>. 

Figure 4.12 shows Listing 4.19 in a blog.

Figure 4.12. Colored text in a blog.

You also can combine both the color and size attributes to make an even bolder statement!

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint