Web Design: Create a Web page with the following features: Add the following hyp
ID: 3720354 • Letter: W
Question
Web Design:
Create a Web page with the following features:
Add the following hyperlinks to the right side of the page:
a. My homepage (http://www.google.com)
b. Google.com
c. Coolarchive.com
d. Clipart.com
Enclose the list of hyperlinks within a set of <div> tags with the name right.
The width of the "right" box should be 40% and the background color should be white. The right padding should be set to 10 pixels. The top padding should be set to 5 pixels, and the bottom and left paddings should be set to 8 pixels. The links in the "right" box should display without any underlines. If the pointer hovers over one of the hyperlinks in the "right" box, the background color should change to beige, and the hypertext should display with extended text (use the letter-spacing attribute.) The active links should display in red color and the visited links should display in green color.
Create the left class that displays the data on the left side of the screen. The box should be 40% wide and 200 pixels in height. If the box is not large enough to display the data, scroll bars should appear in the box.
Create a list of the main topics you've learned in the HTML class. Use various list style types to format the list. Apply the "left" style to the list.
Explanation / Answer
<html>
<head>
<style> </css used to decorate>
div:hover { </used to highlight >
letter-spacing:3px; </used to scatter letters>
background-color: beige;
}
a:visited { </setting the color of visited link>
color: green;
}
a:active { </setting color of active link>
color: red;
}
</style>
</head>
<body>
</right box>
<div name="right">
<ol type="a">
<li><a href="http://www.google.com">My homepage</a></li>
<li> <a href="http://www.google.com">Google.com</a></li>
<li><a href="http://www.coolarchive.com">Coolarchive.com</a></li>
<li><a href="http://www.clipart.com">Clipart.com</a></li>
</ol>
</div>
</left box>
<div class="left">
<ul>
<li>table tag</li>
<li>div tag</li>
<li>anchor tag</li>
<li>global attributes</li>
<li>audio - video</li>
<li>methods</li>
<li>messages</li>
<li>image</li>
<li>anchor tag</li>
<li>anchor tag</li>
<li>global attributes</li>
<li>audio - video</li>
<li>methods</li>
<li>messages</li>
<li>image</li>
<li>anchor tag</li>
</ul>
</div>
</body>
</html>
FEEL FREE TO COMMENT YOUR DOUBTS.
thankyou!
please do upvote :)
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.