FILE URLS

You may have noticed another unusual thing about the URL.  Rather than starting with http, it starts with the word fie.  The file URL refers to a file on your local system, not one located on some server out on the web.  So it’s reasonable that the syntax would be somewhat different.  Note the use of the colon and the three slashes after the protocol name, and note the use of c: to specify the drive, rather than c:, which might be expected for a PC system.  This is a standard HTML practice.  You can use your browser to discover the proper name for a file using the file protocol by simply opening the file and looking for the current location reported by the browser.  Remember that file URLs refer to files on the client system.  They’re useful for testing your pages, but they should not normally be used in pages shored on a web server.

IMAGES

Like hyperlinks, images are an important part of visually appealing web pages.  You can add them to a page by using the tag.  Most browsers are capable of handling images stored in either GIF or JPGE format.  Let’s add an image to Jumbo’s page, as shown in listing 1-10.  You can find the file Jumbo. if on the CD-ROM.  In addition you will want the file T9.gif form the directory /java/demo/Animator/1.1/images/Beens.  Make sure these files are in your working directory, and then revise LLinks.html to match the following listing, saving the result as Log.html.

Listing 1-10 Logo.html

Jumbo’s Jungle java Joint – Home Page

Jumbo’s Jungle Java Joint        

Welcome to Jumbo’s               

Welcome to Jumbo’s               

Welcome to Jumbo’s               

Welcome to Jumbo’s               

Our Primo Daily Specials

Our Primo Daily Specials

Our Primo Daily Specials

Our Primo Daily Specials

<IMGSRC=”T9.gif”>

Business Class Specials          

At Jumbo’s we emphasize making our customers

Happy, even if it takes a strong cup o’ joe!

All-You-Can-Drink Specials       

After a single cup, you’ll agree,

You’ve had all you can drink.

All-You-Can-Drink Specials  

After a single cup, you’ll agree,

You’ve had all you can drink.

Jumbo’s Complaint Department         

If you wish to complain, go elsewhere!    

Jumbo’s is a negative-free zone!

Note that the second image has a thin border around it.  This means the image itself is a hyperlink.  Click it and see what happens.  It should send you to the menu page, just as the hyperlinked words “Our Primo Daily Specials” do.  You’ve done this by putting the image tag between the pair of hyperlink anchor tags, and .  Compare the two tags in the listing to see how this was done.  This is an example of the use of nested tags, that is, using one tag inside another.