The Leaning Tower of Pisa

Here's a new slant on text, if I may be so bold. You can italicize text and make text bold very easily using the <em> (emphasize) and <strong> tags respectively.

Here are examples:

This text is italicized.

This text is bold

Your assignment below asks you to apply multiple tags to some of the text above. When multiple tags are applied you should properly "nest" the tags. This means that each pair of opening and closing tags should be inside of (nested within) the other pair(s). The rule is this: the last opening tag must be closed before any others are closed.

In our exercise you will be applying both the bold and italics tags to text. It makes no difference if the italics tags nest the bold tags or vice versa, but it does matter that one PAIR is within the other pair.

Note that the <i> tag will also italicize and the <b> tag will make text bold. However, these tags have fallen out of favor because they only specify formatting. The <em> and <strong> tags indicate a kind of information that can be delivered aurally (using sound) by readers for the visually impaired that would not otherwise know how to pronounce something that is formatted as bold or italics.

This is what I want you to do:

  1. Save this file, naming it B04_yourlastname.html
  2. Find the bold <strong> and italics <em> tags in the lines above. See how they are applied.
  3. In the first paragraph, apply the <strong> tag to the first use of the word: bold.
  4. Then apply the <em> tag to the word: italicize.
  5. Next, apply strong tags to the line that says: "This text is italicized". Be sure to nest the tags properly; one pair should contain the other pair.
  6. Apply the emphasize tag to the line that says: "This text is bold".
  7. You should end up with both lines looking the same, that is, both should appear bold and italicized.
  8. Save the file.
  9. Check it in your browser.
  10. Online students: send me the file by email.

© 2007 Dan Vaughan and its licensors. All rights reserved.