I need to create an index page in HTML but am having trouble getting my links to
ID: 3753617 • Letter: I
Question
I need to create an index page in HTML but am having trouble getting my links to work. My links should simply open up a new page within my site. The Hello World page should open up my html document that says "Hello World" and displays a photo. My other pages should open up and simply say "Coming soon". This is all the code I have below, can someone please help me get these links to work!? I get an error that says invalid url.
index.html
<!DOCTYPE html>
<html>
<head>
<title>My Index Page</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Index Page</h1>
<p><a href=”helloworld.html”>Hello World Page</a></p>
<p><a href="comimgsoon.html">Image Page</a></p>
<p><a href=”comimgsoon.html”>Personal Page</a></p>
<p><a href=”comimgsoon.html”>Big Project Page</a></p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
site.css
body {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 16px;
background-color: dimgrey;
color: #696969;
padding: 3px;
}
#main {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background-color: #ffffff;
border-radius: 0 0 5px 5px;
}
h1 {
font-family: Georgia, serif;
border-bottom: 3px solid #cc9900;
color: #996600;
font-size: 30px;
}
comingsoon.html
<html>
<head>
</head>
<body>
<h1>Coming Soon .... </h1>
</body>
</html>
Here is my site url now that is showing the error messages: http://ceweb.uml.edu/amarr60674/index.html
Explanation / Answer
index.html
<!DOCTYPE html>
<html>
<head>
<title>My Index Page</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Index Page</h1>
<p><a href="helloworld.html" target="blank">Hello World Page</a></p>
<p><a href="comimgsoon.html"target="blank">Image Page</a></p>
<p><a href="comimgsoon.html"target="blank">Personal Page</a></p>
<p><a href="comimgsoon.html"target="blank">Big Project Page</a></p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
hellowold.html
<html>
<body>
<h1>Hello world</h1>
<img src="img_chania.jpg" alt="Flowers in Chania" width="460" height="345">
<script src="script.js"></script>
</body>
</html>
site.css
body {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 16px;
background-color: dimgrey;
color: #696969;
padding: 3px;
}
#main {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
background-color: #ffffff;
border-radius: 0 0 5px 5px;
}
h1 {
font-family: Georgia, serif;
border-bottom: 3px solid #cc9900;
color: #996600;
font-size: 30px;
}
comingsoon.html
<html>
<head>
</head>
<body>
<h1>Coming Soon .... </h1>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.