Presentation is loading. Please wait.

Presentation is loading. Please wait.

Introduction to HTML: Image Maps

Similar presentations


Presentation on theme: "Introduction to HTML: Image Maps"— Presentation transcript:

1 Introduction to HTML: Image Maps
Outline 1 Introduction 2 Creating and Using Image Maps 3 Web Resources

2 In this lesson, you will learn:
Objectives In this lesson, you will learn: To be able to create and use image maps to aid in Web-page navigation.

3 1 Introduction Image maps Enhance Web page navigation

4 2 Creating and Using Image Maps
Designate certain areas of an image (called hotspots) as links Element map Attribute id Identifies the image map Element area Defines hotspot Attribute shape and coords Specify the hotspot’s shape and coordinates Rectangular ( shape = “rect” ) Polygon ( shape = “poly” ) Circle ( shape = “circle” )

5 picture.html (1 of 3)

6 picture.html (2 of 3)

7 picture.html (3 of 3)

8 3 Web Resources www.vbxml.com/xhtml/articles/xhtml_tables


Download ppt "Introduction to HTML: Image Maps"

Similar presentations


Ads by Google