Modify Fig. 12.13 to use a background color to highlight all the links in the pa
ID: 671089 • Letter: M
Question
Modify Fig. 12.13 to use a background color to highlight all the links in the page instead of displaying them in a box at the bottom.
Figure 12.13//
<html>
<head>
<meta charset= "utf-8">
<title> Using Links Collection</title>
<link rel = "stylesheet" type = "text/css" href="style.css">
<script src="collection.js"></script>
</head>
<body>
<h1>Deitel Resource Centers</h1>
<p><a 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/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. </p>
<p>Links in this page:</p>
<div id = "links"></div>
</body>
</html>
Explanation / Answer
Use below codes for highlight links :-
<!DOCTYPE html>
<html>
<head>
<style>
a:link {
background-color: yellow;
}
<meta charset= "utf-8">
<title> Using Links Collection</title>
<link rel = "stylesheet" type = "text/css" href =
"style.css">
<script src="collection.js"></script>
</style>
</head>
<body>
<h1>Deitel Resource Centers</h1>
<p><a 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/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. </p>
<p>Links in this page:</p>
<div id = "links"></div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.