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

2

Creating Links withina Web Page

link to education target

3

Creating Links withina Web Page

target named education

4

Setting the Link Targets

Set the first twolink targets

5

Setting the Link Targets

Set the last twolink targets

6

Adding Links to the Targets

Bulleted list for target menu

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

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

9

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

11

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

13

More About Images

HSPACE and VSPACE attributes control the amount of horizontal and vertical space around an image

14

More About Images

VSPACE = 0

VSPACE = 20HSPACE = 0

HSPACE =20

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

16

Thumbnail Image

thumbnail image

enlarged image

17

Obtaining Images

Images are available from a variety of sources– Clip art gallery– Create them yourself– Scanner– Digital Camera– Other Web sites

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

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

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

21

What You Should Know

HTMLComprehensive Concepts and TechniquesSecond Edition

Project 2 Complete