Chapter 8: Adding Links
A. Download the compressed zip folder AssignmentFilesChap8.zip to your desktop.
B. Create a Chapter8 folder on your deskop. Copy and place the 5 files from the zip folder into your Chapter 8 folder.
C. Open the HTML
document in Wordpad. Link the HTML
document to the cascading style sheet. The following
style sheet link tag should be inserted in between the <HEAD> and
</HEAD> tags.
<LINK REL="stylesheet"
TYPE="text/css" HREF="mystyle.css">
D. Open the CSS document- mystyle.css in WordPad.
/* style rules for links */
a:link {color: navy}
a:visited {color:navy}
a:hover {color: maroon}
E. Open the HTML document
"UnderstandingHTMLSyntaxAndRules.html" in Wordpad.
Create and add all the hyperlinks illustrated in this chapter in your HTML
document.. Follow the step-by-step demo
instructions for this chapter exercise (see chapter 8 lecture
presentation under Course Documents). See the attached sample of the
completed HTML document with the link tags.
F. Save your HTML document.
View your web page displays in your browser. Verify all the
hyperlinks work. See the attached sample of the web page output.
G. Verify if the HTML document- chapter6.html
passes the W3C Markup Validation Service. You will need to upload your HTML
document to the site- http://validator.w3.org/.
H. Verify if the CSS document – mystyle.css passes the W3C CSS Validation Service. You will need to upload your CSS document to the site- http://jigsaw.w3.org/css-validator/
I. Submit your work:
a. All the following files are required: 1) Two HTML documents- Chapter8.html and PlanningYourWebSite.html, 2) cascading style sheet- mystyle.css and 3) 2 image files -HTML.jpg and error.gif.
b. Zip up and upload your Chapter8 compressed folder to the Canvas Chapter 8 Assignment Dropbox.
Chapter Topics |
Points |
1 Insert a Link
to Another Page |
7
|
2. Insert a Link to a
New Window |
5
|
3. Insert a Link to an
Area on the Same Page |
5
|
4. Link to an E-mail
address |
3 |
5. HTML document passes W3C Markup Validation Service
|
10
|
Total |
30 |