From the course: HTML for Educators

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Creating a linked image

Creating a linked image - HTML Tutorial

From the course: HTML for Educators

Start my 1-month free trial

Creating a linked image

- Let's combine what we've learned about both images and links. I'm in syllabus.html and I've created a page called lowtide.html that contains a full-size image and a description that I'd like to send my learners to. Those images are located in the images folder. Let's begin by inserting a cropped version of the image just above the heading one tag. Create the image tag, and set the source equal to quote the relative path to the image. In this case, I'll use images/lowtide_crop.png. Then, to make the image fill the entire width of the top of the page, set the width equal to 100%. And then add an alt attribute equal to quote Link to full size image and description of low tide on Koro Island, Fiji. Since we're going to create a link to this image, your alt text should describe the page that the link will take the learner to. Now, to create a link, you need to wrap the anchor tag around the image tag, thus making the image tag our label for this link. So, in front of the image tag…

Contents