HTML and CSS Reference
In-Depth Information
2
Save the file.
Validate the Web
page using the W3C
service.
hover over small
image and display
large image
Return to the
browser window
and use the Water
Expeditions menu on
the navigation bar
to select Waterfall
Exploring. Hover over
each image shown
on the Web page
(Figure 7-13) to see
the changes in the
Web page.
waterfall.html Web
page after stylesch7.css
external style sheet linked
Figure 7-13
To Link the Remaining HTML File to an External Style Sheet
You have linked the waterfall.html page to the external style sheet stylesch7.css.
Now you need to link the whale.html Web page to the same style sheet. The following
steps add a <link> tag to the Whale Watching Web page and then save and test the file.
1
If necessary, click the Notepad++ button on the taskbar.
2
With the USB drive plugged into your computer, open the whale.html file, navigating to
the G:\Chapter07\ChapterFiles folder if necessary.
3
Highlight the text, <!--Insert external style sheet link statement here --> on line 8.
4
Type <link rel=”stylesheet” type=”text/css” href=”stylesch7.css” /> to
enter the link to the external style sheet.
5
Save the file.
6
Open whale.html in a Web browser and test to see that the pop-up image effects are
implemented.
 
Search WWH ::




Custom Search