HTML学习分享

常见标签（四）

一、img标签

嵌入图像

二、常见属性

src：规定图像的路径

alt：如果由于某些原因无法显示图像，则指定图像的替代文本

width和height：规定图像的宽度和高度（单位为px或者%）

class和id：用于CSS样式表选择元素

style：内联样式，可以用来设置元素的CSS样式

usemap和ismap：将图像定义为客户端服务器端图像映射

border：边框（默认值为0）

align：位置（top上对齐，middle居中对齐，bottom下对齐（默认），right右对齐，left左对齐）

   <img src="01.jpg" alt="图片" usemap="#图片" height="10%" width="10%" align="center">

三、位图

usemap属性：值通常为URL，格式是#mapname,mapname是<map>元素的名称

map标签：常与area标签连用

area标签：（shape：鼠标点击形状，coords：鼠标点击形状的大小，herf：跳转路径）

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">

<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="Computer" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="Phone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Cup of coffee" href="coffee.html">
</map>