Links in XHTML Please use speaker notes for additional information!
In original HTML, this would be written as:. Some browers support id and some support name. Because of support issues, you might consider coding this as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Linking within a page Linking within a page Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal - I think I got the quote right, but... Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal - I think I got the quote right, but... Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal - I think I got the quote right, but... Delivered by Abraham Lincoln Delivered at Gettysburg, Pennsylvania Delivered on November 19,1863 Gettysbury Adddress "Fourscore and seven years ago our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal. Now we are engaged in a great civil war, testing whether that nation or any nation so conceived and so dedicated can long endure. We are met on a great battlefield of that war. We have come to dedicate a portion of that field as a final resting-place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this. In the top and details anchors, notice that there are no words between the and the, This means there is nothing visible on the page that indicates this is a link to location. In the fulltext example, the words Gettysburg Address are between the and the so the words appear on the page.
Four score and seven years ago, our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal - I think I got the quote right, but... Go to the top Go to the details Go to the full text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Linking to another page Linking using a href When you link to another page you need to give the name of the page and the unless the page is located in the same directory, you need to give the address of the page that you are going to bring up as the new page. If the page is on your hard drive, you use hard drive addresses. If the page is out on the web, you use web addresses. If the page is at a totally different web site, you should use the complete address starting with http. Link to another page in the same directory Link to linkwithinpageid.html Link to an anchor spot within another page - still in same directory Link to fulltext within linkwithinpageid.html Link to a different web site - in this case the BCC web site Link to BCC When you are linking to an anchor within a page as opposed to the top of the page, you use the #followed by the id or name assigned to the anchor.
This illustrates hover. This illustrates active. This is where I am having problems. This is the color for visited.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Linking to another page a:visited {color:green;} a:link {color:yellow;} a:active {color:blue;} a:hover {color:red;} Linking using a href Link establishes the color of the link before it is activated, vlink establishes the color of the link after it has been visited and alink establishes the color of the link while it is active - a quick change in the color when the link is clicked. When you link to another page you need to give the name of the page and the unless the page is located in the same directory, you need to give the address of the page that you are going to bring up as the new page. If the page is on your hard drive, you use hard drive addresses. If the page is out on the web, you use web addresses. If the page is at a totally different web site, you should use the complete address starting with http. Link to another page in the same directory Link to linkwithinpageid.html Link to an anchor spot within another page - still in same directory Link to fulltext within linkwithinpageid.html Link to a different web site - in this case the BCC web site Link to BCC
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Linking to another page Linking using a href Link establishes the color of the link before it is activated, vlink establishes the color of the link after it has been visited and alink establishes the color of the link while it is active - a quick change in the color when the link is clicked. When you link to another page you need to give the name of the page and the unless the page is located in the same directory, you need to give the address of the page that you are going to bring up as the new page. If the page is on your hard drive, you use hard drive addressess. If the page is out on the web, you use web addresses. If the page is at a totally different web site, you should use the complete address starting with http. Link to another page in the same directory Link to linkwithinpageid.html Link to an anchor spot within another page - still in same directory Link to fulltext within linkwithinpageid.html Link to a different web site - in this case the BCC web site Link to BCC