专栏首页IT可乐HTML中的超链接

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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JDK1.8源码(十)——java.util.LinkedHashSet类

      同 HashSet 与 HashMap 的关系一样,本篇博客所介绍的 LinkedHashSet 和 LinkedHashMap 也是一致的。在 JDK 集...

    IT可乐
  • Linux 安装mysql

    使用 yum 安装源码包(必须有网络) 1、输入如下安装命令,安装过程中输入 y yum install mysql-server -y 2、查看mysql 服...

    IT可乐
  • Linux系列教程(十七)——Linux权限管理之文件系统系统属性chattr权限和sudo命令

       上篇博客我们介绍了权限管理的ACL权限,通过设定 ACL 权限,我们为某个用户指定某个文件的特定权限。这篇博客我们将介绍权限管理中用的比较多的两个命令 c...

    IT可乐
  • 从零开始学Web之HTML(二)标签、超链接、特殊符号、列表、音乐、滚动、head等

    文本倾斜:<em></em> <i></i> <!-- 工作里尽量使用em,原因同strong -->

    Daotin
  • MYSQL常用的性能指标

    (1) QPS(每秒Query量) QPS = Questions(or Queries) / seconds mysql > show global sta...

    MySQL轻松学
  • 聚合盗链侵权案例研究报告

    image.png 腾讯研究院版权研究中心   【导语】当前,我国网络视频产业正版化发展显著。2011年以来,我国网络视频行业持续高速增长,2015年其...

    腾讯研究院
  • DOM

    文档对象模型(Document Objenct Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一中结构化的表示方法,可以改变文档的...

    Wyc
  • 【热点】谷歌腾讯FACEBOOK最新必争之地:神经网络翻译NMT

    【新智元导读】 5月10日,Facebook发布了一项新的机器翻译技术,使用CNN技术而非传统的RNN,在翻译准确度超越了此前被认为是2016年10大AI突破技...

    新智元
  • 2020小程序云开发挑战赛报名开启,海量大奖等你来拿!

    ? 云煮鸡今天要给大家介绍一个硬核挑战赛: 用极致速度,创高质应用!由微信小程序与腾讯云云开发联合举办的2020小程序云开发挑战赛终于和大家见面了! 大赛以小...

    腾讯云计算产品团队
  • 2020小程序云开发挑战赛报名开启,海量大奖等你来拿!

    ? 用极致速度,创高质应用!由微信小程序与腾讯云云开发联合举办的2020小程序云开发挑战赛终于和大家见面了! 本次比赛基于微信小程序/公众号平台的云开发解决方...

    腾讯大讲堂

扫码关注云+社区

领取腾讯云代金券