超链接标签

 

链接资源

(1): 标签格式: <a href=“链接到资源的路径”>显示在页面上的内容</a>

(2): 属性

(a): href: 链接到的资源路径

(b): target: “_blank”(新页面打开) , “_self”(当前页打开,默认)

当不需要链接具体的页面的时候href需要设置默认的占位符”#”

定位资源

(1): 定位位置;比如:<a name=“top”>顶部位置</a>

(2): 回到这个位置; 比如: <a href=“#top”>回到顶部位置</a>

原样输出标签: <pre>要显示的内容</pre>

 

 

 

<!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>
</head>
<!-- 
 <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="look.html">带你去看1.html</a><br/>
    如果有需要请发送邮件至：<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>
    <a href="thunder://abc/av.avi">avgo(高清枪版).avi</a>
    <a name="top">顶部</a> <!--锚点 -->
    a标签的原理：
    1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先
    会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的
    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。


    2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。

    3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册
    表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。
   <a href="#top">回到顶部</a>
    
</body>
</html>

 

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

导航