HTML A
Review of Week 3
Relative Links
. Used to move among pages within a single
web site
. Products
. Keep filenames short, meaningful, all
lowercase, with no spaces
. For now, I recommend keeping all HTML files
within the root folder (for ease of
management)
Absolute Links
. Used to move to pages outside your web
site
. Yahoo
. The entire URL, including http://, must be
included
Email Links
. Used to send email to the address included
.
cmassell@santarosa.edu
. Many viewers will not be able to send an email
just by clicking on the link established Ð Hotmail,
gmail, and Yahoo! users, for example
. Best practice is to include the email address as
the clickable text so that viewers can copy and
paste it into their email program
Jump Links
. Used to move to a specific place in the web
page
. Two parts to the code:
. 1 - establish the link itself:
. Go to Part 2
. Note the # preceding the exact value of the id set up in second step
. 2 - establish the specific place (destination) of the link:
. The book uses the "a" tag with an id attribute:
.
. It is actually easier to put the id attribute in an existing tag, like this:
. Part 2
. Either way will work.
. Value of id can contain no spaces, is case sensitive,
and cannot start with a number
File Management
. Your book demonstrates the technique of
creating several folders to hold the different
categories of HTML files you create.
. Because you are creating very simple web
sites at this point, I suggest that you keep all
your HTML files in the root folder. It will be
easier for you.
. However, all graphics must be put in a folder
named images.
Linking techniques
(if you insist on making lots of folders)
. To a file in the same folder
. Widgets
. To a file in a child folder
. Widgets
. To a file in a parent folder
. Widgets
. To a file in a sibling folder
. Widgets
Validation
. You are required to include a validation button
on each of your web pages.
. Remember that you don't have to upload your
pages in order to validate them.
. To test your pages from your local computer:
. Copy the code of your web page
. Go to http://validator.w3.org
. Click on the tab that says Validate by Direct Input.
. Paste the code in the box and hit the Check button
. Other methods exist based on the same principle
How to fix validation errors
. You will learn mostly by experience
. FAQ page links to page you can print out for
reference
. Most common problems I've seen:
. Inline element not inside block element ("a" tag
must always occur within a set of p tags)
. No quotes around attribute value - - if you have an equal sign, it
must be followed immediately by "
. Incorrect use of empty tag -
instead of