前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML中的超链接

HTML中的超链接

作者头像
IT可乐
发布于 2018-01-04 02:12:53
发布于 2018-01-04 02:12:53
4.7K0
举报
文章被收录于专栏:IT可乐IT可乐

超链接:也叫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>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-03-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
前端面试题-url、href、src
比如网址 http://segmentfault.com/html/...,必须遵守以下的语法规则:
WEBING
2019/02/26
9840
05.HTML脚本/字符实体/URL/速查列表/
05.HTML脚本/字符实体/ URL/速查列表/ HTML 脚本 ---- JavaScript 使 HTML 页面具有更强的动态和交互性。 ---- HTML <script> 标签 <scrip
Java帮帮
2018/03/15
1.8K0
05.HTML脚本/字符实体/URL/速查列表/
从URL输入到页面展现到底发生什么?
打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!
Nealyang
2019/09/29
1.1K0
从URL输入到页面展现到底发生什么?
HTML知识清单(附学习网站)
上面知识点知识本人总结的,想要深入学习的话请跳转至http://www.w3school.com.cn/专业的前段技术学习网站,免费开源!!!
时间静止不是简史
2020/07/27
2.4K0
HTML知识清单(附学习网站)
HTML超链接标签学习
超链接标签学习: a标签: href:要跳转的网页资源路径 本地资源:相对路径 网络资源:网络资源(网页)的URL target:指明要跳转的网页资源的显示位置 _self 在当前页中刷新显示 _blank 在新的标签页中显示 _top 在顶层页面中显示 _parent 在父级页面中显示 注意: 超链接标签中一定要声明访问方式,访问方式可以是文字也可以是图片. 锚点学习: 作用:在一张网页中进行资源跳转 使用: 先使用超链接标签在指定的网页位置增加锚点.格式为: <a name=“锚点名” ></a> 使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的,格式: <a href="#锚点名" >访问方式</a>
葆宁
2019/04/18
4.3K0
HTML超链接标签学习
HTML标记语言学习笔记
本文内容大多粘贴自www.w3school.com.cn/html/index.asp,详情可打开该网站查看,本人仅做简化整理。
Sidchen
2020/08/03
2.1K0
【一起来烧脑】一步学会HTML体系
HTML是用来描述网页的一种语言 叫超文本标记语言 HTML不是一种编程语言,而是一种标记语言 一套标记标签
达达前端
2019/07/19
1.4K0
【一起来烧脑】一步学会HTML体系
6.超链接-HTML基础
一、何为超链接 1.a标签 在HTML中,使用a标签来实现超链接。 (1)语法格式 <a href="链接地址">文本或图片</a> ① 说明 href表示想要跳转到的那个页面的路径,可以是相对路径,也可以是绝对路径。 我们可以将文本设置为超链接,即文本超链接;也可以将图片设置为超链接,即图片超链接。 (2)示例 ① 例1-文本超链接 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <
见贤思齊
2020/10/10
2.7K0
6.超链接-HTML基础
HTML5学习(二):URL知识
<dl> <a href = "title 1">URL</a>是Uniform Resource Locator (统一资源路径)。 通过一个URL可以找到互联网唯一的1个资源。 URL格式:
孙寅
2020/06/02
1.2K0
HTML5学习(二):URL知识
计算机网络-应用层
在每一个网络上都设置一个DHCP服务器会使DHCP服务器的数量太多。因此现在是使每一个网络至少有一个DHCP中继代理(通常是一台路由器),它配置了DHCP服务器的IP地址信息,作为各网络中计算机与DHCP服务器的桥梁。
用户9615083
2022/12/30
9490
计算机网络-应用层
WEB入门一 网页设计基础
在当今社会,网页是网络信息共享和发布的主要形式。而HTML (Hyper Text Mark-up Language),即超文本标记语言,是创建网页基础。本章将学习HTML文档的基本结构、组成HTML文档的各类常见标签。HTML 标签可以说明文字、图形、动画、声音、表格和链接等。本章重点是各种标签的基本语法和用法。
张哥编程
2024/12/17
2880
WEB入门一  网页设计基础
CSS的超链接样式设计
内部链接所链接的目标一般位于同一个网站中,对于内部链接来说,可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置,仅指定相对位置关系,
全栈程序员站长
2022/09/07
1.5K0
CSS的超链接样式设计
【Web前端】深入了解HTML链接:从基础到进阶
超链接是互联网中最有趣的创新之一,自互联网诞生起,它们就一直是互联网的一个核心特性,使网络成为一个互联的系统。超链接允许我们将文档连接到其他文档或资源,甚至是文档中的特定部分。通过一个简单的网址,可以提供应用程序。几乎所有网络内容都可以被转换为链接,点击或激活这些超链接会使浏览器跳转到其他网址。
一条晒干的咸鱼
2024/11/19
5810
【Web前端】深入了解HTML链接:从基础到进阶
php学习之html标签-超链接属性(四)
超级了标记 语法:<a 属性1=“值1”属性2=“值2”…..>当前对超链接的描述</a> 作用:网页进行跳转 常用的属性: href:链接的网页或者IP或者地址                值:具体的地址 target:打开新链接的方式                         值:_blank(新窗口)、_self(当前页面)、parent(父窗口)、_top(顶级) name:锚点链接(当点击链接时进行的跳转—(回到顶部))           值:锚点名称 路径分类:相对路径和绝对路径 绝
吾爱乐享
2018/07/12
3K0
html协议属于哪层,smtp协议在什么层
SMTP:简单邮件传输协议 SMTP:Simple Mail Transfer Protocol) SMTP 是一种提供可靠且有效电子邮件传输的协议。 SMTP 是建模在 FTP 文件传输服务上的一种邮件服务,主要用于传输系统之间的邮件信息并提供来信有关的通知。
全栈程序员站长
2022/07/31
1.3K0
html协议属于哪层,smtp协议在什么层
http协议和Chrome抓包工具
HTTP协议:全称是HyperText Transfer Protocol,中文意思是超文本传输协议,是一种发布和接收HTML页面的方法。服务器端口号是80端口。 HTTPS协议:是HTTP协议的加密版本,在HTTP下加入了SSL层。服务器端口号是443端口。
用户2200417
2022/02/17
9550
前端学习(1)~html标签讲解(一)
html全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。
Vincent-yuan
2020/02/18
1.4K0
前端学习(1)~html标签讲解(一)
Python爬虫前奏
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
村雨遥
2019/09/09
4640
Python爬虫前奏
【计算机网络】应用层 : 万维网 和 HTTP 协议 ( 万维网概述 | HTTP 协议特点 | HTTP 协议连接方式 | HTTP 协议报文结构 | HTTP 请求报文 | HTTP 响应报文 )
① 概念 : 万维网 是 超大规模 , 联机形式 的 资料空间 , 是 海量网络站点和网页集合 ;
韩曙亮
2023/03/28
1.4K0
【计算机网络】应用层 : 万维网 和 HTTP 协议 ( 万维网概述 | HTTP 协议特点 | HTTP 协议连接方式 | HTTP 协议报文结构 | HTTP 请求报文 | HTTP 响应报文 )
【Python爬虫】初识爬虫(1)
之前写了两篇关于爬虫的文章微信好友大揭秘,赵雷到底在唱什么,纯粹是自己的兴趣引导自己学习爬虫,关注里应该有好多对爬虫感兴趣的小伙伴,为了巩固自己的爬虫知识,从今天开始更新python爬虫这个基础教程,自己准备了挺长时间整理了自己的学习笔记,希望能给初学者带来一点帮助,在这个教程里我会给大家介绍爬虫常用的库跟大家做几个有意思的Demo。这篇文章主要是让大家了解爬虫和爬虫需要的基础知识,话不多说,我们开始吧。
PM小王
2019/07/02
1.8K0
【Python爬虫】初识爬虫(1)
相关推荐
前端面试题-url、href、src
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档