10.07.2017 Views

246996016-HTML5-Step-by-Step

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

116 Chapter 7<br />

Here’s an example of underlining applied within a style sheet to a class called underlined:<br />

.underlined {text-decoration: underline}<br />

In this exercise, you will remove the underlining from a hyperlink.<br />

SET UP Use the index.htm file in the practice folder for this topic. This file is located<br />

in the Documents\Microsoft Press\<strong>HTML5</strong> SBS\07Text\ApplyingStrike folder. Open<br />

the index file in Notepad and in Internet Explorer.<br />

1. In the tag for the Contact the Webmaster hyperlink at the bottom of the document,<br />

add a text-decoration attribute that removes the underline.<br />

Contact<br />

the Webmaster<br />

2. Save the file, and then refresh the Internet Explorer display.<br />

The hyperlink is no longer underlined, but you can still point at it to see its Screen-<br />

Tip, indicating it is still a live hyperlink.<br />

3. Use the tag to strike through the word Webmaster, and insert Master<br />

Gardener in boldface following it. (Use the tag for the boldface.)<br />

Contact<br />

the WebmasterMaster Gardener<br />

4. Save the file, and then refresh the Internet Explorer display.<br />

CLEAN UP Close the Notepad and Internet Explorer windows.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!