<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body bgcolor="azure">
<!--
描述：图片标签
图片标签就是用来在页面上显示一张图片
<img>
width : 宽度 单位: px 像素
height : 高度
src : 图片路径
alt : 图片加载不成功，则显示alt的文字
usemap: 使用热点图:
希望点击图片的某一个区域，就打开一个页面，就使用map;
使用：<img usermap="#热点图"/>
<map name="热点图"></map>
-->
<img src="img/img.JPG" width="250" height="200" alt="macbook15" usemap="#hotMap" />
<map name="hotMap">
<!--
shape="reac/circle" 默认是矩形
如果是矩形：
coords=“左，上，右，下”
如果是圆形：
coords="圆心x,圆心y,radius"
href="跳转地址"
target="打开资源的目标位置"
-->
<area coords="0,0,200,100" href="index.html" target="_blank" />
<area shape="circle" coords="100,100,80" href="媒体标签.html" target="_blank"/>
</map>
<a href="常用标签.html"> <img src="img/img.JPG" width="200" height="180" /></a>
<br />
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
