Manuscript for HTML Tutorial #9

Listed below is the manuscript of all textual instructions used in HTML Tutorial #9 - Formatting Your Text with Bold & Italic Tags. Most of this text is displayed inside the yellow balloons used to guide viewers as they watch the lessons.

Students and instructors may find it helpful to have a hard copy of these balloon instructions. You may print this web page to use as an aide in following, referencing, or demonstrating the web design series.

Manuscript Table of Contents

Entire HTML Tutorial Series

Tutorial #9 - Formatting Your Text with Bold & Italic Tags

Lesson #9: Bold & Italic Text. Click the play button to begin the tutorial.
You may want certain words on your page to stand out, or receive emphasis.
For this we can use the b (bold) & the i (italic) elements.
Let's just give these words "step-by-step" a bold face.
It's as simple as using the  tag.
Let's see how it looks in our web browser.
Oops, you know what? We forgot to use a closing  tag.
Since the web browser didn't know when to stop the bold effect, it made the rest of our text bold.
It's a common mistake to forget closing tags, and if you do, the results are usually undesirable.
Let's go back and fix it.
We'll just place the closing  tag where we want the bold effect to stop.
OK, now let's put a few words in italics.
We'll start with the opening  tag.
This time we won't forget to include a closing tag.
As you can see, the closing  tag fixed our problem.
A little further down we see that these words are now in italics.
We can also combine the two tags to make bold italic text.
When using tags in combination, they should be properly nested like we've done here.
If your tag sets overlap, the web browser may or may not display the page correctly.
These words are now bold and italic.
OK, practice with the  &  tags if you like, and then meet us in Lesson #10.

<<<Tutorial #8

Tutorial #10>>>