HTML and CSS Reference
In-Depth Information
.
Output
FIGURE 17.5
blue.html
displayed in
the web browser
window named
blue_window
.
Next, create a fourth document called
green.html
, which looks like the following:
<!DOCTYPE html>
<html>
<head>
<title>
Green Page
</title>
<style type=”text/css” media=”screen”>
body {
background-color: #ccffcc;
17
}
</style>
</head>
<body>
<h1>
Green Page
</h1>
<p>
This is the third target page. Its target is
<b>
yellow_page
</b>
. It
should
replace the yellow page in the browser.
</p>
</body>
</html>
To complete the exercise, load
parent.html
(the red page) into your web browser. Click
the first hyperlink to open the yellow page in a second browser window. This happens
because the first hyperlink contains the attribute
target=“yellow_page”
, as the follow-
ing code from
parent.html
demonstrates:
<p><a href=“yellow.html” target=“yellow_page”>
Open
</a>
the Yellow Page in a
new window.
<br />
