HTML中的超链接

超链接:也叫URL(Uniform Resource Locator),就是统一资源定位器。一般效果是我们点击网页上某个地方,网页会自动跳转到另外一个地方。

一般链接遵循以下要求:scheme://host.domain:port/path/filename

比如W3C的网站地址为: http://www.w3school.com.cn/html/index.asp。我们对上面的各个单词做如下解释:

  scheme - 定义因特网服务的类型。最常见的类型是 http 
  host - 定义域主机(http 的默认主机是 www) 
  domain - 定义因特网域名,比如 w3school.com.cn 
  :port - 定义主机上的端口号(http 的默认端口号是 80) 
  path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。 
  filename - 定义文档/资源的名称 


 注意:Scheme 定义的服务类型为: 
    http 超文本传输协议 以 http:// 开头的普通网页。不加密。 
    https 安全超文本传输协议 安全网页。解密所有信息交换。 比如支付宝的网址:https://www.alipay.com/
    ftp 文件传输协议 用于将文件下载或上传至网站。 
    file   :计算机上的文件。 

 

实际上在网页开发中,我们用到的就是<a href="#"></a>来定义超链接的路径

一、http 链接:

<a href=http://www.baidu.com>百度</a>

二、本地链接:

<a href=file:///e/images/pic.jpg>图片</a>

三、ftp 链接

<a href=ftp://192.168.4.21/>进入</a>

四、邮箱链接

<a href=mailto:bnbbs@163.com>E-MAIL</a>

 

最后重点说一下瞄点链接:一般是点击之后跳到网页的一个地方。比如淘宝网站页面上的《返回到顶部》这个链接

  定义锚点:<a name=“锚点名称”>…</a>
  链接点:<a href=“#锚点名称”>…</a>

 

当然,我们还可以到别的页面:

定义瞄点:<a name=“锚点名称”>…</a> 
链接锚点:<a href=“index.htm#锚点名称”>…</a>

 

posted @ 2017-03-25 10:39  YSOcean  阅读(974)  评论(0编辑  收藏  举报