Modify Fig. 12.13 to use a background color to highlight all the links in the pa
ID: 3818504 • Letter: M
Question
Modify Fig. 12.13 to use a background color to highlight all the links in the page insteadof displaying them in a box at the bottom.
1 <!DOCTYPE html>
2
3 <!-- Fig. 12.13: collections.html -->
4 <!-- Using the links collection. -->
5 <html>
6 <head>
7 <meta charset = "utf-8">
8 <title> Using Links Collection </title>
9 <link rel = "stylesheet" type = "text/css" href = "style.css">
10 <script src = "collections.js"></script>
11 </head>
12 <body>
13 <h1> Deitel Resource Centers </h1>
14 <p><a href="http://www.deitel.com/"> Deitel's website </a>
15 contains a growing
16 <a href="http://www.deitel.com/ResourceCenters.html"> list
17 of Resource Centers </a> on a wide range of topics. Many
18 Resource centers related to topics covered in this book,
19 <a href="http://www.deitel.com/books/iw3htp5"> Internet &
20 World Wide Web How to Program, 5th Edition</a>. We have
21 Resource Centers on
22 <a href="http://www.deitel.com/Web2.0"> Web 2.0 </a> ,
23 <a href="http://www.deitel.com/Firefox"> Firefox </a> and
24 <a href="http://www.deitel.com/IE9"> Internet Explorer 9 </a> ,
25 <a href="http://www.deitel.com/HTML5"> HTML5 </a> , and
26 <a href="http://www.deitel.com/JavaScript"> JavaScript </a> .
27 Watch for related new Resource Centers. </p>
28 <p> Links in this page: </p>
29 <div id = "links"></div>
30 </body>
31 </html>
Explanation / Answer
<!DOCTYPE html>
<!-- Fig. 12.13: collections.html -->
<!-- Using the links collection. -->
<html>
<head>
<meta charset = "utf-8">
<title> Using Links Collection </title>
<link rel = "stylesheet" type = "text/css" href="style.css">
<script src="collections.js"></script>
</head>
<body>
<h1> Deitel Resource Centers </h1>
<div id="navigation">
<p> <a class="current"href = "http://www.deitel.com/"> Deitel's website </a>
contains a growing
<a href="http://www.deitel.com/ResourceCenters.html"> list
of Resource Centers </a> on a wide range of topics. Many
Resource centers related to topics covered in this book,
<a href="http://www.deitel.com/books/iw3htp5"> Internet &
World Wide Web How to Program, 5th Edition</a>. We have
Resource Centers on
<a href="http://www.deitel.com/Web2.0"> Web 2.0 </a> ,
<a href="http://www.deitel.com/Firefox"> Firefox </a> and
<a href="http://www.deitel.com/IE9"> Internet Explorer 9 </a> ,
<a href="http://www.deitel.com/HTML5"> HTML5 </a> , and
<a href="http://www.deitel.com/JavaScript"> JavaScript </a> .
Watch for related new Resource Centers. </div> </p>
<p> Links in this page: </p>
<div id = "links"></div>
<style>
#navigation a {
background-color: yellowgreen;
}
#navigation .current {
background-color: yellowgreen;
}
</style>
</body>
</html>
Thank you for using Chegg. Feel free to ask any doubts.
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.