深入理解HTML图像_html/css_WEB-ITnose 程序员文章站 2022-04-19 14:37:48 ... 目录 [1] [2] [3] -> image 图像 【必须属性】 【1】src:地址 【2】alt:图像替代文本,供探索引擎抓取使用 【可选属性】 【1】height:图像高度 【2】width:图像宽度 【3】ismap:为图像定义为服务器端图像映射 【4】longdesc:与alt属性类似,提供多于1024字符的长文本描述 【5】usemap:为图像定义客户端图像映射 usemap = "#元素的name或id属性" 映射地图 [注意]中的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图像 上一篇: javascript - web 网站中添加百度地图导航功能,怎么实现?? 下一篇: html的文字图片怎样垂直居中 推荐阅读 HTML5 Canvas渐进填充与透明实现图像的Mask效果 html页面中图像格式的选用之我见第1/2页 01-HTML深入 HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题 深入浅析HTML5中的article和section的区别 HTML5使用drawImage()方法绘制图像 深入解析HTML5中的Blob对象的使用 深入解析HTML5的IndexedDB索引数据库 PHP实现将HTML5中Canvas图像保存到服务器的方法 深入理解HTML5定时器requestAnimationFrame的使用