MMDT1021 Chapter 6 Notes - page 2

 

Linking Thumbnails to External Images

You can link a smaller image or icon to the image location:
Code Result
<a href="images/wonderglobe600.jpg"><img src="images/world.jpg" width="137" height="145" alt="Globe image" /></a> Globe image

You can link text to the image location:
Code Result
<a href="images/wonderglobe600.jpg">World View</a> World View

You can link both text and a smaller image or icon to the image location.
Notice in this example it is actually two separate links.
Code Result
<a href="images/wonderglobe600.jpg">
<img src="images/world.jpg" width="137" height="145" alt="Globe image" border="0" /></a>
<a href="images/wonderglobe600.jpg">World View</a>
Globe image World View

 

Here the example from above is combined into one link.
Code Result
<a href="images/wonderglobe600.jpg">
<img src="images/world.jpg" width="137" height="145" alt="Globe image" border="0" />World View</a>
Globe imageWorld View