Making an Image an HTML Hyperlink

Video Transcript

"Hi, I'm Dorian Winterfeld on behalf of Expert Village. I've been doing web programming for about ten years, and today we are going to cover the basics of html. Here we have our basic web page which contains some text: Hello Expert Village, a link that goes to the Expert Village web site we covered before, and an image. Now, I thought it would be interesting to make this image into the link, rather than this text. I'm going to show you a quick way to do it. Again, here is our link to Expert Village. Now, I want to remove this text and I want to add this image here. Here's how we're going to do it. I'm going to just remove the text, like so. I'm going to replace it with the image tag, and the way I'm going to do it is I'm going to highlight it, I'm going to say cut, I'm going to click where I want to add it, and I'm going to say paste. Now what we've done is we've just moved that image to within the link. Let's save it and look at it, and see if it makes sense. Save it or reload the page, and now we see our image. But if we scroll over the image, it looks like a link, and if we click on the image, it goes to the Expert Village web site. We can hit the back button on our browser, and we're back to our page. Again, this is how you would link an image. It's exactly like you were linking text, but within the tag instead of text, we have another html tag which is the image tag."