Refer to the above image for this exercise. Create a folder called favorites . C
ID: 3686970 • Letter: R
Question
Refer to the above image for this exercise.
Create a folder called favorites. Create three text files in the folder: index.html, styles.css, and scripts.js
Open the scripts.js file and using only document.write() statements do the following:
Add a div tag with an id="container"
Add an h1 tag to the div with the text "My Favorite Web Sites"
Add a section tag to the div with an id="favorites"
Add an outer unordered list to the section with 3 categories of favorites
Add an inner nested unordered list for each category with 3 links in each category
The links should have appropriate title attributes
The categories and links can be of your choosing
Add a p tag to the section with the text "Click on any of the above favorites to go to that site."
The HTML created with the document.write() statements must be valid HTML.
The index.html file should have no tags between the opening and closing <body> tags
Open the styles.css file and style the web page as shown above including the following:
The div tag must be centered on the web page with an appropriate width
The section tag must be centered in the div with an appropriate width
The h1 tag must be centered in the div and have an Arial font
The links should not be underlined normally
The links should be underlined and have a light yellow background color when the mouse is hovering over them
(note that the mouse is hovering over the Cambridge In Colour link above, but the image capture is unable to capture the mouse cursor)
The p tag must be centered in the div
All colors, borders, and margins should be as shown above (approximate them as best you can).
Add an appropriate <title> to index.html
The above should be displayed in your browser when you open index.html
Run and debug your files as needed until all of your code works.
Ok so I am lost. I am not really asking anyone to do the full assignment for me but really just need a push in the right direction and maybe some examples. Thanks
My Favorite Web Sites Favorite Photography Sites National Geographic Photograpy Cambridge In Colour Lumiere F Favorite Recipecorrondgelncolour Epicurious.com Food Network Williams-Sonoma Recipes Favorite Gardening Sites OSU Extension Service Gardening Site Sunset Gardening Rogue Valley Gardener Click on any of the above favorites to go to that site.Explanation / Answer
hey I have done most of the part, I hope you can do the remaining part.
heres the codes:
index.html:
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
</body>
</html>
scripts.js:
document.write('<div id="container">');
document.write('<h1 align="center">My Favorite Web Sites</h1>');
document.write('<div id="favourites">');
document.write("<ul>List1");
document.write('<li><a href=""yellow"">element1</a></li>');
document.write('<li><a href=""yellow"">element2</a></li>');
document.write('<li><a href=""yellow"">element3</a></li>');
document.write("</ul>");
document.write("<ul>List2");
document.write('<li><a href=""yellow"">element1</a></li>');
document.write('<li><a href=""yellow"">element2</a></li>');
document.write('<li><a href=""yellow"">element3</a></li>');
document.write("</ul>");
document.write("<ul>List3");
document.write('<li><a href=""yellow"">element1</a></li>');
document.write('<li><a href=""yellow"">element2</a></li>');
document.write('<li><a href=""yellow"">element3</a></li>');
document.write("</ul>");
document.write("</div>");
document.write('<p align="center">Click on any of the above favorites to go to that site.</p>');
document.write("</div>");
style.css:
h1{
font-family:Arial;
}
#container{
background-color:LemonChiffon;
width:1000px;
margin:0 auto;
border:2px solid
}
#favourites{
background-color:PowderBlue;
width:600px;
margin:0 auto;
border:2px solid
}