超链接

1.<a>超链接标签作用:
  1.可以用于链接资源(本地或者网上的都可以)

  2.锚点定位

  • 首先要编写一个锚点
  • 锚点的格式:  <a name=“锚点的名字"> 数据 </a>  使用a标签herf属性连接 到锚点处,  bref="#锚点的名字"
  • <a name="top"0>顶部</a>    

常用的属性

href:用于指定链接的资源

target:设置打开新资源的目标 ,  

  _blank 在独立的窗口上打开新窗口 

  _self在当前窗口中打开新资源。

<a href="www.baidu.com">百度</a><a   target="_blank" href=“a.html”>b.html</a>

a标签的原理:

1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网页,首先会在本地的机器去找一个hosts文件,如果在hosts文件上该域名没有对应的主机,那么浏览器就会去对应的dns服务器去寻找该域名对应的主机名,如果找到了对应的主机名,那么该请求就会发给对应的主机。

2.如果a标签的href属性值没有以任何协议开头,那么浏览器会自动启动file协议解释器去解释该资源路径。(fjile协议主要用来搜索本地机器的资源文件的)

3.如果a标签的bref属性值并不是以http开始,

邮件的协议:  mallto

迅雷的协议:  thunder

如果要发送邮件至,则  <a href="mailTo:12345678qq.com"</a><br/>

<a href="thunder://abc/aa功夫熊猫.avi">功夫熊猫.avi</a>

2.img图片标签:

  width  宽度

  height 设置图片的高度

  alt 如果图片资源无法找到,那么就显示对应的文字对图片进行说明(在IE5之前是把鼠标放在图片上,显示alt文字,IE5之后是图片无法打开后,才会显示该文字)

<img  src="11.jpg" width="400" height="300" alt=“这个是路飞” />

3.热点图:

<img  src="11.jpg"  alt="这个是路飞" width="400" height="300" border="0" usemap="#Map" />  
这个图片使用的#map这个热点如
<map name="Map" id="Map"> <area shape="rect" coords="171,178,304,227" href="http:\www.baidu.com" target="_blank" />
    shape表示的是链接区域形状,rect是矩形,circle是圆形。coords的四个数字分别是,矩形框离左边,离上边的距离i,矩形方框的长和宽。bref表示链接到的网站,
<area shape="circle" coords="189,135,27" href="2常用的标签.html" target="_blank" />
    coords前两个表圆心的位置,半径 </map>
原文地址:https://www.cnblogs.com/sjxbg/p/5599303.html