Bold and Italics

Two more tags that come in useful are the Bold and Italic tags. They are quite easy to use. Here are the Bold tags:

And here are the Italic tags:

The text you want to change goes between the two tags:

 ... Rest of Hamlet's Soliloquy goes here

 ... Rest of Hamlet's Soliloquy goes here

If you want Bold and Italic text then you can nest the two:

 ... Rest of Hamlet's Soliloquy goes here

The two I tags go between the two B tags. You can have it the other way around, though, with the I tags first:

 ... Rest of Hamlet's Soliloquy goes here

Be careful of this, however:

 ... Rest of Hamlet's Soliloquy goes here

This is a mismatched pair of tags. The two tags on the inside are B and I, and the ones on the outside are I and B. A modern browser will probably correct the mismatch, but older ones may not.
Try it in your HTML code:

Save and view the results in your browser:

There is also an underline tag you can use:

 ... Rest of Hamlet's Soliloquy goes here

You can nest all three tags: bold, italics, and underline:

 ... Rest of Hamlet's Soliloquy goes here

All this nested HTML code can be a bit messy, however. The modern solution is to use something called a Cascading Stylesheet. Using a Stylesheet allows you to do all your text formatting in the HEAD section, or better yet in an external file. (You'll see how to do all this shortly.)
In the next lesson, we'll take a look at HTML lists.

Bold and Italics

Popular Posts

Total Website Views

Announcement

Sponsored By