From the course: HTML and CSS: Linking
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Including several links within an image using image maps
From the course: HTML and CSS: Linking
Including several links within an image using image maps
- [Instructor] Next topic I want to look at, has to do with something called an image map, and the best way to describe this is just to show you what one looks like. This is the Basic Link Page that we've been working with so far, and this is in the beginning state it's inside your exercise files folder inside a folder 01-09, inside of the begin folder, open up links.html and you should see this page. And you'll see that, what I've posted here is a map of Southern New England. And this is lovely, let's just say that we want to have links from the states to the State's website. So, Massachusetts is going to go to mass.gov for example, and this is a very common thing that we see on the web. But as you'll notice, Massachusetts isn't exactly quite an even shape, it's not a rectangle, it's not a circle, it's a weirdo shape. How are we going to make a link for a weirdo shape like this? Well, fortunately there are resources out there that will do this for you pretty easily, and I recommend…
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.
Contents
-
-
-
(Locked)
The basic link5m 33s
-
(Locked)
Linking to offsite resources4m 23s
-
(Locked)
Opening links in different windows and iframes5m 41s
-
(Locked)
Linking to PDF files and other documents6m 16s
-
(Locked)
Linking within the same document and top of page6m 25s
-
(Locked)
Linking phone numbers2m 18s
-
(Locked)
Linking to email addresses and email messages5m 12s
-
(Locked)
Using images as links2m 57s
-
(Locked)
Including several links within an image using image maps8m 7s
-
(Locked)
Links in the <head> of the document2m 41s
-
(Locked)
-
-
-