Back to Homework Page
Links & Lists
This assignment
is learning how to link to other pages in your site, to other sites, spots within
the same Web page, a link to allow someone to email to you and how to create
different types of lists.
Instructions
- Type the code in SimpleText (Mac) or Notepad (Windows), print out, hand
in.
- For this homework, you can start a new page or just add the below code assignment
to the First Code assignment you did last week.
- You
may want to start working on the site you will be presenting on the last day
of class with this assignment if you havent already.
- The code needs to include the following (I am using caps to emphasize the
names of tags. Do all tags in lower case.):
- All opening and closing header and body tags.
- An appropriate title for your page in the TITLE tag.
- Meta description of the site.
- Text for the page of your choosing with the following tags:
- At least four (4) paragraphs and/or blocks of text.
- Three (3) to five (5) relative links. (ex.: about.html) Worth 10
points.
- Three (3) to five (5) absolute links. (ex.: http://www.google.com) Worth
10 points.
- Two (2) jump links. (HINT: a href="#top" and a name="top" Remember,
there are two parts to every jump link. Two jump links means FOUR anchor
tags) Worth 10 points.
- Two (2) mailto (email) links. (ex.: mailto:jzagoria@aol.com) Worth 10
points.
- Two (2) lists. One ordered, one unordered or one definition or glossary
list - use two different types. (Ordered has different types of numbers,
unordered has bullets, etc. and glossary list use the DL and DD tags.)
Worth 20 points.
- IMPORTANT: After you have printed out your code, you MUST highlight
the new links and lists code you added. If you do not highlight it, I will
deduct 20%. Why? Because it will be hard for me to find this code if you do
not highlight it. I will only be grading on the new links and lists code you
are adding.
Highlighting can be done with a yellow
highlight marker or circled with a colored ink other than black or marked
off to the left and right of the code with a color other than black. Or some
way to allow me to see the links and lists code easily without me having to
search through the rest of the code. Worth -20% if not done.
Note:
To learn more about the list tags, read pages 77 through 87 in your text book.
Do not email me this assignment.
WARNING: If you leave off your name and/or section#, you will not get credit for this assignment.
Example of assignment. (I did not use all the elements requested for this assignment.)
Do not copy this code. Be original and learn to love the power of interactivity (links) and organization (lists).
Don't forget to look at your finished code in a browser. If you can't get it to look the way you think it should, come after class to the lab and we will look at it together.
Back to Top of Page