欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

深入理解HTML图像_html/css_WEB-ITnose

程序员文章站 2022-03-31 08:14:17
...

目录

[1]深入理解HTML图像_html/css_WEB-ITnose [2] [3]

深入理解HTML图像_html/css_WEB-ITnose -> image 图像

【必须属性】

【1】src:地址

【2】alt:图像替代文本,供探索引擎抓取使用

【可选属性】

【1】height:图像高度

【2】width:图像宽度

【3】ismap:为图像定义为服务器端图像映射

【4】longdesc:与alt属性类似,提供多于1024字符的长文本描述

【5】usemap:为图像定义客户端图像映射 usemap = "#元素的name或id属性"

深入理解HTML图像_html/css_WEB-ITnose

映射地图

[注意]深入理解HTML图像_html/css_WEB-ITnose中的usemap属性可引用中的id或name属性(取决于浏览器),所以应同时向添加id和name属性。

图像热区

  总是嵌套在标签中

【必须属性】

【1】alt:替代文本

【可选属性】

【1】coords:定义可点击区域的坐标

【2】href:定义此区域的目标URL

【3】nohref:排除某个区域

【4】shape:定义区域的形状

    【a】圆形(circ/circle) coords= "x,y,r" x,y是圆心坐标;r是半径

    【b】多边形(poly/polygon) coords = "x1,y1,x2,y2,x3,y3……" x,y是多边形每个顶点的坐标

    【c】矩形(rect/rectangle) coords = "x1,y1,x2,y2" x1,y1是左上角坐标;x2,y2是右下角坐标

【d】全部区域default(默认)

[注意]标签采用"先来先得"的顺序,如果区域有重叠,以先出现的为准

深入理解HTML图像_html/css_WEB-ITnose四边形
六边形
12边形
圆形
相关标签: 深入理解HTML图像