![Page 1: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/1.jpg)
1
Creating Links withina Web PageThese links are especially useful on
long Web pagesLinks at the top of the page point to
areas further down the pageSet the targets for the links
– A target is a section within a Web page to which you want to link
![Page 2: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/2.jpg)
2
Creating Links withina Web Page
link to education target
![Page 3: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/3.jpg)
3
Creating Links withina Web Page
target named education
![Page 4: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/4.jpg)
4
Setting the Link Targets
Set the first twolink targets
![Page 5: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/5.jpg)
5
Setting the Link Targets
Set the last twolink targets
![Page 6: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/6.jpg)
6
Adding Links to the Targets
Bulleted list for target menu
![Page 7: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/7.jpg)
7
Linking to the Top of the PagePlace a target named “top” at the top of
the page, just underneath the body tag<A NAME=“top”></A>
Create links to the top target throughout the page<A HREF=“#top”>To Top</A>
Line 38Line 80Line 89
![Page 8: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/8.jpg)
8
Link Back to Home PageClick the line just above the </BODY>
tagType <P><I><A HREF=“webreshome.htm”>Return to Web Res home page </A></I></P>
Save the HTML filePrint the file
![Page 9: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/9.jpg)
9
![Page 10: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/10.jpg)
10
Print the Web Page
Click the Sample Resume button on the taskbar
Click the Refresh buttonClick the Print button on the Standard
Buttons toolbar
![Page 11: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/11.jpg)
11
![Page 12: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/12.jpg)
12
Testing the Links
Very important stageClick on the links to ensure they workTest the Web pages in more than one
browser to insure that the Web pages display as you expect
![Page 13: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/13.jpg)
13
More About Images
HSPACE and VSPACE attributes control the amount of horizontal and vertical space around an image
![Page 14: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/14.jpg)
14
More About Images
VSPACE = 0
VSPACE = 20HSPACE = 0
HSPACE =20
![Page 15: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/15.jpg)
15
Thumbnail Images
Smaller versions of original imagesUsed as a link that loads the full-sized
image when clickedThumbnails load more quicklyCreate a thumbnail version by editing
the file in a graphics editor and saving it with a different filename
![Page 16: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/16.jpg)
16
Thumbnail Image
thumbnail image
enlarged image
![Page 17: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/17.jpg)
17
Obtaining Images
Images are available from a variety of sources– Clip art gallery– Create them yourself– Scanner– Digital Camera– Other Web sites
![Page 18: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/18.jpg)
18
Summary
Describe linking terms and definitionsAdd a link to another Web pageCreate a home pageEnhance a Web page using imagesAdd bold, italics, and color to textChange bullet typeInsert a background image
![Page 19: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/19.jpg)
19
Summary
Insert a horizontal rule imageAdd an e-mail linkView the HTML file and test the linksEdit the second Web pageInsert an image and wrap text around
an imageAdd a text link to another Web site
![Page 20: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/20.jpg)
20
Summary
Add an image link to another Web siteCreate links within a Web pageSet link targetsAdd links to set targetsDescribe types of image filesControl image sizingLocate images
![Page 21: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/21.jpg)
21
What You Should Know
![Page 22: 1 Creating Links within a Web Page These links are especially useful on long Web pages Links at the top of the page point to areas further down the](https://reader033.vdocuments.us/reader033/viewer/2022051620/56649f005503460f94c16456/html5/thumbnails/22.jpg)
HTMLComprehensive Concepts and TechniquesSecond Edition
Project 2 Complete