超链接
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>
人怂胆子小,手拿大刀跑。