图像标签

 

标签格式: <img src="图片的路径"/>

 

标签的属性:

(a): src: 指定图片的路径

(b): width: 设置图片的宽度

(c): height: 设置图片的高度

绝对路径: 从盘符开始的路径或者从一个域名开始的路径

相对路径: 相对于某一个文件的路径

(a): 引用的文件和当前文件在同一个路径,直接写文件名称

(b): 引用的文件在当前文件的上级目录中,需要使用../../这种形式指定

(c): 引用的文件在当前文件的下级目录中,从对应的文件夹开始即可

技巧: 把对象的文件的路径做比较,比较不同的部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--
<img>图片标签：
    
img标签常用的属性:
    width： 设置图片宽度
    height  设置图片高度    
    alt:    如果图片资源无法找到，那么就显示对应的文字对图片进行说明。

热点图:
-->

</head>
<body>
    <img  src="11.jpg"  alt="这个是路飞" width="400" height="300" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="171,178,304,227" href="http:\\www.baidu.com" target="_blank" />
      <area shape="circle" coords="189,135,27" href="2常用的标签.html" target="_blank" />
    </map>
</body>
</html>

 

posted on 2017-02-19 10:25  LoaderMan  阅读(238)  评论(0)  编辑  收藏  举报

导航