img标签 HTML5学习笔记（十）

代码结构：

< img src="图片路径" width="175" height="47" alt="" /> 

< img> 标签定义 HTML 页面中的图像。

请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。 标签的作用是为被引用的图像创建占位符。

< img> 标签有两个必需的属性：src 和 alt。

属性介绍：
src 跟图片路径

width 设置图片宽度

height 设置图片高度

alt 设置对这张图片文字描述，通常设置描述是为了搜索引擎能读懂你这张图片表达内容（有利于搜索引擎优化因素而使用）

ismap 把图像设置为服务器端图像映射

usemap  把图像设置为客户端图像映射

ismap介绍：
当用户在 ismap 图像上单击了某处时，浏览器会自动把鼠标的 x、y 位置（相对于图像的左上角）发送到服务器端。特殊的服务器端软件（在本例中是 demo_form.asp 程序）可以根据这些坐标来做出响应。
 

< a href="demo_form.asp">
  < img src="tulip.gif" ismap />
< /a>

ismap 属性将图像定义为服务器端图像映射。
图像映射指的是带有可点击区域的图像。
当点击一个服务器端图像映射时，点击坐标会以 URL 查询字符串的形式发送到服务器。
注释：只有当 < img> 元素属于带有有效 href 属性的 < a> 元素的后代时，才允许 ismap 属性。

usemap介绍：
 

< img src="planets.gif" alt="Planets" usemap="#planetmap" />

< map name="planetmap">
  < area href="sun.htm" shape="rect" coords="0,0,110,260">Sun< /a>
  < area href="mercur.htm" shape="circle" coords="129,161,10">Mercury< /a>
  < area href="venus.htm" shape="circle" coords="180,139,14">Venus< /a>
< /map>

上面这段源代码将一幅图像 planets.gif 映射为 3 个区域，当用户单击其中某一个区域时，将被链接到不同的文档中。

欢迎转载，转载需注明地址： http://www.luowebs.com/Skill_desc/99/201.html

很赞哦！ (0)