An image as a link allows images on a website to be clickable links to other pages or enlarged versions of the image. Using images as links holds users' attention and makes them more likely to click the link. It also allows for more concise yet informative page content without cluttering the layout. To create an image link, the image source is placed within link tags in the HTML, linking the image to the desired URL.

1. Images as Links
Mylissa Hoover

2. The What
• An image as a link is basically what it sounds like
• It is a clickable image on a website that has a link to another webpage
• Images can be linked to any url or an enlarged version of the image

3. The Why
• Using an image as a link is a popular way to create concise site content
• It holds the attention of the user
• Having an image makes a user more likely to click on the link
• Linking an image is a useful way to make a clean looking web page that still has
plenty of information for the user
• More content can be stored on one page without cluttering the layout

4. The How
Code them together
Find your link
Find your image
• Creating an image that is also a link is
fairly simple.
• You need the image source, as well as
the link.
• In HTML5 you place the image source
within the link tags.

5. The Code
• You first create your link tags and the place the image source within them, like so:
<a href=“www.byui.edu”>
<img
src=http://www2.byui.edu/imageLibrary/HomePage/060720CampusAerial_6209.jpg>
</a>

6. The Example
• Below is the working image as a link based on the code from the previous slide: