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 条评论
登录 后参与评论

相关文章

来自专栏向治洪

ios入门之项目结构介绍

对于刚入门的ios程序猿来说,掌握Xcode开发工具及程序项目是非常必要的,掌握这些基本的内容对于我们后期开发,调试也是很有帮助的。 首先,创建一个 Xcode...

2076
来自专栏程序员的诗和远方

React-Native For Android 环境搭建及踩坑

安装环境 本文默认以MacOS为系统,毕竟除了用React Native搞Android,你也会想用它搞iOS。 首先当然是Android的环境搭建,这里还是推...

2976
来自专栏技术博文

Fiddler 跟踪数据包

随着 HTML5 的急速增长,现在越来越多的人,开始涉及到移动终端的 Web 开发领域,但手机端始终没有 PC 端这么多的调试工具。即使 PC 端浏览器模拟 u...

3555
来自专栏IMWeb前端团队

当 badjs 遇上 sourcemap

本文作者:IMWeb 九月 原文出处:IMWeb社区 未经同意,禁止转载 在开始之前,如果你不知道 sourcemap 是什么,希望你能先了解,可以看...

2375
来自专栏前端布道

Web安全之跨站脚本攻击(XSS)

跨站脚本攻击,英文全称是 Cross Site Script,本来缩写是CSS,但是为了和层叠样式表(Cascading Style Sheet,CSS)有所区...

1162
来自专栏Coding01

推荐一个 Laravel admin 后台管理插件

如何优雅的写代码,我想是每位程序员的心声。自从15年初第一次接触 Laravel 4.2 开始,我就迷上使用 Laravel 框架了。我一直都想找个时间好好写写...

1442
来自专栏代码小睿

Atom 备份神器 —— Sync Settings

  当 Atom 的扩展越装越多,配置也越来越偏离了系统默认设置时,一旦电脑重装后需要复原开发环境,这将是一件比较头疼的事,但今天发现一个扩展,可以解决这一问题...

23710
来自专栏性能与架构

前端性能优化的常用方法

下面是一些提高网页访问速度的常用方法: (1)合并压缩JS/CSS (2)使用CSS sprites (3)避免使用CSS表达式 (4)精简HTML CSS J...

2584
来自专栏程序员的碎碎念

git-分布式版本控制系统(梳理)

什么是git?百度讲是分布式版本控制系统,相信你一定很蒙蔽,说白了那就是团队项目代码共享、版本更新的一个工具。(个人理解) 先理解git与sv...

40810
来自专栏机器学习算法与Python学习

Python:爬虫系列笔记(2) -- 基本了解及urllib的使用

1.什么是爬虫 爬虫,即网络爬虫,大家可以理解为在网络上爬行的一直蜘蛛,互联网就比作一张大网,而爬虫便是在这张网上爬来爬去的蜘蛛咯,如果它遇到资源,那么它就会抓...

3386

扫码关注云+社区