Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML 1.0 Tutorials - Understanding Hyper Links and URLs

By: FYICenter.com

Part:   1  2  3  4  5   6 

(Continued from previous part...)

What Happens If a Hyper Link Points to an Image?

If you want to build a hyper link to allow visitors to see an image by clicking a hyper link, you can put the URL of the image directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch and display the image.

The tutorial example below shows you how image files can be linked by hyper links:

  <p>Click the hyper link to see the 
  <a href="http://www.ihrcanada.com/graphics/scenary.gif"
   >Scenary Image</a> provided by www.ihrcanada.com.</p>

The above code is included below in this document, so you can try it now.

Click the hyper link to see the Scenary Image provided by www.ihrcanada.com.

What Happens If a Hyper Link Points to a Music File?

If you want to build a hyper link to allow visitors to access a music/sound file by clicking a hyper link, you can put the URL of the music/sound file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the music/sound file, and launch an audio player program to play it for you automatically.

The tutorial example below shows you how music/sound files can be linked by hyper links:

<p>Click the hyper link to hear the 
<a href=
"http://sunsite.sut.ac.jp/multimed/sounds/birds/whip_bird.au"
>Bird Sound</a> provided by sunsite.sut.ac.jp.</p>

The above code is included below in this document, so you can try it now.

Click the hyper link to hear the Bird Sound provided by www.ihrcanada.com.

What Happens If a Hyper Link Points to a PDF File?

If you want to build a hyper link to allow visitors to access a PDF file by clicking a hyper link, you can put the URL of the PDF file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the PDF file, and launch Adobe Reader to display it for you automatically.

The tutorial example below shows you how PDF files can be linked by hyper links:

  <p>Click the hyper link to read the 
  <a href="http://www.w3.org/TR/xhtml1/xhtml1.pdf"
   >PDF File</a> provided by www.w3.org.</p>

The above code is included below in this document, so you can try it now.

Click the hyper link to read the PDF File provided by www.w3.org.

What Happens If a Hyper Link Points to a ZIP File?

If you want to build a hyper link to allow visitors to access a ZIP file by clicking a hyper link, you can put the URL of the ZIP file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the PDF file, and display a dialog box to ask you to save the file to your local computer.

The tutorial example below shows you how ZIP files can be linked by hyper links:

  <p>Click the hyper link to save the 
  <a href="http://www.w3.org/TR/xhtml1/xhtml1.zip"
   >ZIP File</a> provided by www.w3.org.</p>

The above code is included below in this document, so you can try it now.

Click the hyper link to save the ZIP File provided by www.w3.org.

(Continued on next part...)

Part:   1  2  3  4  5   6