1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312...
-
Upload
stanley-paine -
Category
Documents
-
view
217 -
download
0
Transcript of 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312...
![Page 1: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/1.jpg)
1
Lesson 7 - Hypertext Links
![Page 2: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/2.jpg)
2
Web Pages vs Web Site
3029282726
25242322212019
18171615141312
111098765
4321
SatFriThuWedTueMonSun
April 2009
X O XO X XO O X
ApplesBananasCarrots
TomatoesWatermelons
Eat: Fruits & Veggies
week4.htmlHello there !
All text is the Largest Heading
Aligned to the left
Color is Blue
Top Margin is “100”
Left Margin is “150”
Background color is Green
week5.html
table1.html calendar.html
![Page 3: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/3.jpg)
3
Welcome to my Pets Web page.
My Dog My Cat My Bird• Fido• Dalmatian• Male• Black & white• Large• Born: 12/10/03
• Kitty• Siamese• Female• Gray• Small• Born: 2/16/06
• Tweety• Parakeet• Female• Green• Small• Born: 6/30/08
File Name = pets.html
![Page 4: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/4.jpg)
4
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
cats.html
dogs.html
birds.html
![Page 5: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/5.jpg)
5
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
cats.html
dogs.html
birds.htmlReturn
Return
Return
![Page 6: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/6.jpg)
6
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
cats.html
dogs.html
birds.htmlReturn
Return
Return
![Page 7: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/7.jpg)
7
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
cats.html
dogs.html
birds.htmlReturn
Return
Return
![Page 8: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/8.jpg)
8
Hypertext links
• Created with an ANCHOR tag
<a>
![Page 9: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/9.jpg)
9
Hypertext links
• Created with an ANCHOR tag
Internet pageDocumentDownloadable fileEmail
<a><a href=“link”>
![Page 10: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/10.jpg)
10
Hypertext links
• Created with an ANCHOR tag
<a href=“link”> Text to be displayed </a>
![Page 11: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/11.jpg)
11
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
Notepad<html><head><title> Home Page </title></head><body bgcolor=“#ffff00”>
<H1 align=“center”> Welcome to my Pets Web site. </H1>
![Page 12: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/12.jpg)
12
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
Notepad<html><head><title> Home Page </title></head>
<body bgcolor=“#fff00”>
<H1 align=“center”> Welcome to my Web site. </H1>
Anchor Tag
<a href=“link">
Text to be displayed
</a>
dogs.html
![Page 13: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/13.jpg)
13
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
Notepad<html><head><title> Home Page </title></head>
<body bgcolor=“#ffff00”>
<H1 align=“center”> Welcome to my Pets Web site. </H1>
Anchor Tag
<a href=“link">
Text to be displayed
</a>
<a href = “dogs.html” >
Click for info on Dogs
</a>
![Page 14: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/14.jpg)
14
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
Notepad<html><head><title> Home Page </title></head>
<body bgcolor=“#ffff00”>
<H1 align=“center”> Welcome to my Pets Web site. </H1>
Anchor Tag
<a href=“link">
Text to be displayed
</a>
<a href = “dogs.html” >
Click for info on Dogs
</a>
<a href = “cats.html”> Click for info on Cats </a>
<p>
![Page 15: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/15.jpg)
15
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
Notepad<html><head><title> Home Page </title></head>
<body bgcolor=“#ffff00”>
<H1 align=“center”> Welcome to my Pets Web site. </H1>
Anchor Tag
<a href="link">
Text to be displayed
</a>
<a href = “dogs.html” >
Click for info on Dogs
</a>
<p><a href = “cats.html”> Click for info on Cats </a><p><a href = “birds.html”> Click for info on Birds </a>
![Page 16: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/16.jpg)
16
pets.html
Welcome to my Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
Notepad<html><head><title> Home Page </title></head>
<body bgcolor=“#ffff00”>
<H1 align=“center”> Welcome to my Pets Web site. </H1>
<a href = “dogs.html” >
Click for info on Dogs
</a>
<p><a href = “cats.html”> Click for info on Cats </a><p><a href = “birds.html”> Click for info on birds </a>
</body></html>
Save as:
pets.html
![Page 17: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/17.jpg)
17
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
![Page 18: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/18.jpg)
18
dogs.html
This is my web pageabout Dogs
return
Notepad<html><head><title> Dogs </title></head>
<body bgcolor=“#ff0000”>
<H2 align=“center”> This is my web page <br> about Dogs</H2>
<a href = “pets.html”> return </a>
</body></html>
Save as:
dogs.html
![Page 19: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/19.jpg)
19
<html><head><title> Animals </title></head>
<body bgcolor=“green”>
<H2 align=“center”> This is my web page about animals</H2>
<a href = “index.html”> return </a>
</body></html>
Animals.html
This is my web pageabout animals
return
Notepad
cats.html
This is my web pageabout Cats
return
<html><head><title> Cats </title></head>
<body bgcolor=“#0000FF”>
<H2 align=“center”> This is my web page about Cats</H2>
<a href = “pets.html”> return </a>
</body></html>
Save as:
cats.html
![Page 20: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/20.jpg)
20
birds.html
This is my web pageabout Birds
return
<html><head><title> Birds </title></head>
<body bgcolor=“#00ff00”>
<H2 align=“center”> This is my web page about Birds</H2>
<a href = “pets.html”> return </a>
</body></html>
![Page 21: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/21.jpg)
21
<html><head><title> Birds</title></head>
<body bgcolor=“#00ff00”>
<H2 align=“center”> This is my web page about Birds</H2>
<a href = “pets.html”> return </a>
</body></html>
<html><head><title>Cats</title></head>
<body bgcolor=“#0000ff”>
<H2 align=“center”> This is my web page about Cats</H2>
<a href = “pets.html”> return </a>
</body></html>
<html><head><title> Dogs </title></head>
<body bgcolor=“#ff0000”>
<H2 align=“center”> This is my web page about Dogs</H2>
<a href = “pets.html”> return </a>
</body></html>
dogs.html cats.html birds.html
\my documents\My WebPages
![Page 22: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/22.jpg)
22
<html><head><title> Home Page </title></head>
<body bgcolor=“#ffff00”>
<H1 align=“center”> Welcome to my Pets Web site. </H1>
<a href = “dogs.html” >
Click for info on Dogs
</a>
<p><a href = “cats.html”> Click for info on Cats </a>
<p><a href = “birds.html”> Click for info on Birds </a>
</body></html>
\my documents\My WebPages
pets.html
![Page 23: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/23.jpg)
23
FILE NAMING&
REFERENCING
![Page 24: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/24.jpg)
24
pets.htmldogs.htmlcats.htmlbirds.html
©2005 Google - Searching 8,058,044,651 web pages
![Page 25: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/25.jpg)
25
FILE REFERENCING
Absolute vs. Relative
![Page 26: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/26.jpg)
26
pets.html
cats.htmldogs.html
birds.html
![Page 27: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/27.jpg)
27
C:\my Documents\My Web Files\pets.html
Disk Drive
![Page 28: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/28.jpg)
28
C:\my Documents\My Web Files\pets.html
Disk Drive
Folder
![Page 29: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/29.jpg)
29
C:\my Documents\My Web Files\pets.html
Disk Drive
Folder Folder
![Page 30: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/30.jpg)
30
C:\my Documents\My Web Files\pets.html
Disk Drive
Folder Folder File
![Page 31: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/31.jpg)
31
C:\my Documents\My Web Files\pets.html
C:\my Documents\My Web Files\cats.html
C:\my Documents\My Web Files\dogs.html
C:\my Documents\My Web Files\birds.html
![Page 32: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/32.jpg)
32
![Page 33: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/33.jpg)
33
My Web FilesFolder
My Documents
Folder
pets.html
cats.htmldogs.html
birds.html
![Page 34: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/34.jpg)
34
Family WebFolder
Business WebFolder
Pets WebFolder
ImportantLetters
FinancesMy Documents
Folder
My Web FilesFolder
![Page 35: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/35.jpg)
35
My Documents Folder
My Web FilesFolder
Family WebFolder
Business WebFolder
Pets WebFolder
ImportantLetters
Finances
![Page 36: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/36.jpg)
36
My Documents Folder
My Web FilesFolder
Family WebFolder
Business WebFolder
Pets WebFolder
ImportantLetters
Finances
My Documents Folder• Finances Folder• Important Letters Folder• My Web Files Folder
• Family Web Folder• Business Web Folder• Pets Web Folder
• pets.html• cats.html• dogs.html• birds.html
![Page 37: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/37.jpg)
37
http://udel.edu/~frankr/pets/pets.html
pets.html
Welcome to my Pets Web site.
Click for info on Dogs
Click for info on Cats
Click for info on Birds
<a href=“dogs.html” Click for info on Dogs</a>
A RELATIVE REFERENCE defines the path to a file using the current location as a the point of reference.
Relative Reference in same folder as the web page
![Page 38: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/38.jpg)
38
My Web Files
pets.html
dogs.html
cats.html
birds.html
<a href = “dogs.html” </a>
![Page 39: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/39.jpg)
39
My Web Files
<a href = “prior pets/hamsters.html” </a>
pets.html
dogs.html prior pets
cats.html
birds.html
hamsters.html
snakes.html
![Page 40: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/40.jpg)
40
FOLDER: My Documents
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
![Page 41: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/41.jpg)
41
FOLDER: My Documents• children.html• relatives.html
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
<a href=“birds.html”>
![Page 42: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/42.jpg)
42
FOLDER: My Documents• children.html• relatives.html
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
<a href=“prior pets/hamsters.html”>
![Page 43: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/43.jpg)
43
FOLDER: My Documents• children.html• relatives.html
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
<a href = “ ../relatives.html ” </a>
![Page 44: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/44.jpg)
44
FOLDER: My Documents• children.html• relatives.html
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
../cats.html
POP QUIZ
<a href = “ ” </a>
![Page 45: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/45.jpg)
45
FOLDER: My Documents• children.html• relatives.html
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
<a href = “ ../../relatives.html ” </a>
POP QUIZ
![Page 46: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/46.jpg)
46
FOLDER: My Documents• children.html• relatives.html
FOLDER: My Web Files• pets.html• dogs.html• cats.html• birds.html
FOLDER: prior pets• hamsters.html• snakes.html
<a href = “My Web Files/prior pets/snakes.html ” </a>
POP QUIZ
![Page 47: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/47.jpg)
47
Absolute vs. Relative
An ABSOLUTE REFERENCE defines the entire path to a file.
<a href= “ http://udel.edu/~frankr/pets/dogs.html ”> Click for info on Dogs </a>
FILE REFERENCING
<a href=“http://google.com/index.html”> Click to go to GOOGLE</a>
![Page 48: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/48.jpg)
48
http://udel.eud/~frankr
edu
![Page 49: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/49.jpg)
49
http://udel.edu/~franr
~frankr
![Page 50: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/50.jpg)
50
http://udel.edu/~frankr
http://udel.edu/~frankr/index.html
http://udel.edu/~frankr/pets.html
![Page 51: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/51.jpg)
51
http://udel.edu/~frankr/pets.html
Always include the extension Avoid Upper CaseAvoid Mixed CaseAvoid SpacesDo not use “ \ ”
Use lowercase for filenames
Remember to use “ / ”
![Page 52: 1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site 3029282726 25242322212019 18171615141312 111098765 4321 SatFriThuWedTueMonSun April 2009 XOX OXX.](https://reader037.fdocuments.us/reader037/viewer/2022102900/5517f538550346c6568b4d3b/html5/thumbnails/52.jpg)
52
Anchor Tag Options
<a href=“dogs.html”> Click Here </a>
<a href=“mailto:[email protected]”>
<a href=“dogs.html" target="_blank"> Click Here </a>
Send mail to Frank </a>
EXTRA CREDIT !!!