html5.超链接标签，图片标签
2016-04-06 17:43
239 查看
<a> 超链接标签
a标签常用的属性：
href : 用于指定链接的资源
target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源
file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。
格式：
file:\\\f:\美女\1.jpg
a标签的原理：
1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先
会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。
2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。
3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。
邮件 的协议： mailTo
迅雷的协议： thunder
超链接标签的作用：
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式： <a name="锚点名字"> 数据</a>
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“
-->
<body>
<a href="www.baidu.com">百度</a>
<a target="_blank" href="2常用的标签.html">带你去看1.html</a><br/>
如果有需要请发送邮件至：<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>
<a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>
<a name="top">顶部</a> <!--锚点 -->
大声大声道范德萨发生
<a href="#top">回到顶部</a>
</body>
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>
a标签常用的属性：
href : 用于指定链接的资源
target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源
file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。
格式：
file:\\\f:\美女\1.jpg
a标签的原理：
1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先
会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。
2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。
3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。
邮件 的协议： mailTo
迅雷的协议： thunder
超链接标签的作用：
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式： <a name="锚点名字"> 数据</a>
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“
-->
<body>
<a href="www.baidu.com">百度</a>
<a target="_blank" href="2常用的标签.html">带你去看1.html</a><br/>
如果有需要请发送邮件至：<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>
<a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>
<a name="top">顶部</a> <!--锚点 -->
大声大声道范德萨发生
<a href="#top">回到顶部</a>
</body>
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐