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 - HTML Tutorial
From the course: HTML for Educators
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.