Any image can be a hyperlink to another webpage or another website alltogether. This will allow your website's visitors to click on an image and go to a different webpage automatically. We will start using the same code as we did in the previous tutorial and build on it in this example:
<img src="/support/Images/image.jpg" align="middle" width="250" height="320" />
Now we will make it a link. The basic tag to make something an active hyperlink is <a href="/support/___">object/text to be linked</a>. This looks very foreign to new website designers, since href is not a "word" that most people have seen before, but it is used whenever you want to create a link on your website. As with other tags, make sure that you close the <a href> tag with the </a> at the end or the hyperlink will never end. For images, you will simply put the hyperlink tag before and after your image code:
<a href="/support/morepictures.html"><img src="/support/Images/image.jpg" align="middle" width="250" height="320" /></a>
The link above will make the image (image.jpg) a hyperlink to the page morepictures.html on your website.
Support Center Login
Social Media Login
Inserting Images into a Website
|1.||Inserting Images using HTML|
|2.||Changing the Image Alignment|
|3.||Changing the Size of an Image|
|4.||How to make an Image a Link|
|5.||How to Align and float images with CSS|
2017-07-18 4:10 am
This is not great at all. In almost all cases, an <img> element should always have the alt attribute. For image links, the alt attribute should describe where the link will take the user, i.e "alt="Home page". This is to ensure the link will display as text in case if for whatever reason the image doesn't load, and to ensure assistive technologies such as screen readers have a name for the image link.
2017-07-18 7:50 am
You are correct, it should contain the alt tag for accessibility purposes.