HTML建立超链接
链接是HTML文档的最基本特征之一。超文本链接英文名为hyperlink,它能够让浏览器在各个独立的页面之间方便地跳转。超链接有外部链接、电子邮件链接、锚点链接等。
a标签
网页中<a>
标签,全称:anchor、锚点的意思。它在html中称为超链接标签,可以说它在网页中是无处不在的,只要有链接的地方,就有会这个标签。
链接打开方式
<a>
标签在默认情况下,链接的网页是在当前浏览器窗口打开的,有时候我们需要在新的浏览器窗口打开。这时候我们可以通过设置target
参数更改。
如<a href='目标地址' target='打开方式'>百度一下</a>
target
参数的取值有4种:
_self
: 在当前页面中打开链接
_blank
: 在一个全新的空白窗口中打开链接
_top
: 在顶层框架中打开链接,也可以理解为在根框架中打开链接
_parnet
: 在当前框架的上一层里打开链接
注意每个参数名称前的下划线
_
,初学者很容易将其漏掉
外部网站连接
语法为<a href='目标地址' title='鼠标滑过显示的文本'>链接显示的文本</a>
比如我们我们做个效果。点击百度一下,会跳转到百度的首页。
<a href="http://www.baidu.com" title='点击进入百度' target='_blank'>百度一下</a>
- href指的是链接指向的页面的地址
- title属性的作用,鼠标滑过链接文本时会显示这个属性的文本内容。这个属性在实际网页中开发中作用不大,主要方便搜索引擎了解链接地址的内容
注意:给文本加入了a标签后,文字的颜色就会自动变为蓝色,不过可以通过css样式进行设置。
邮件链接
在很多网页上我们都可以看到联系我们这样的按钮,点击进去之后就是一个可发送邮件的窗口。
代码为<a href="mailto:邮箱地址" target='_blank'>联系我们</a>
锚点链接
锚点链接可以理解为快速跳转或移动,比如我们在一些网站能看到一个回到顶部
的按钮,点一下就回到了页面的最上方。比如你现在正在看的博客右上方,就是一个锚点链接。
建立锚点
锚点就是你需要跳转到的那个位置,创建锚点链接的第一步就是创建锚点
语法为<div name='top'>顶部</div>
说得更直白点,就是给一个标签命名,此处是给<div>
标签命名,你同样可以给<table>
、<ul>
等标签命名,让它作为一个锚点。
链接锚点
语法为<a href="#top">回到顶部</a>
#+锚点名
即为你的要跳转的锚点
HTML建立超链接的更多相关文章
- 第 4 章 用 HTML5 建立超链接
HTML 文件中最重要的应用之一就是超链接.—— 当鼠标单击一些文字.图片或其他网页元素时,浏览器会根据其指示载入一个新的页面或跳转到页面的其他位置. 超链接除了可链接文本外,也可链接各种媒体,如声音 ...
- java jxl excel 导入导出的 总结(建立超链接,以及目录sheet的索引)
最近项目要一个批量导出功能,而且要生成一个单独的sheet页,最后后面所有sheet的索引,并且可以点击进入连接.网上搜索了一下,找到一个方法,同时把相关的excel导入导出操作记录一下!以便以后使用 ...
- latex建立参考文献的超链接
在Latex生成的pdf文档中建立超链接(如从正文到参考文献,从目录到相应内容,从页码编号到实际页面等),有利于读者快速定位当前阅读的信息. 如何在生成的pdf文件中包含超链接呢?需要注意一下两点: ...
- 学习笔记 第七章 使用CSS美化超链接
第7章 使用CSS美化超链接 学习重点 认识超链接 熟悉伪类 定义超链接样式 能够灵活设计符合页面风格的链接样式 7.1 定义超链接 在HTML5中建立超链接需要两个要素:设置为超链接的网页元素和 ...
- xhtml、html与html5的区别
一.基本概念: html:超文本标记语言 (Hyper Text Markup Language) xhtml:可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法 ...
- Django rest_framework 实用技巧
前言: 最近工作中需要用到Django rest_framework框架做API, 边学边写,记录了一些实际工作中需要用到的功能,不是很全也不系统,以后需要什么功能可以在这查询. 后续还会更新其它的用 ...
- 利用 Django REST framework 编写 RESTful API
利用 Django REST framework 编写 RESTful API Updateat 2015/12/3: 增加 filter 最近在玩 Django,不得不说 rest_framewor ...
- jquery.cycle.js简单用法实例
样式: a{text-decoration: none;} *{;;} /*容器设置*/ .player { width:216px; height:248px; background:url(htt ...
- Shell基本的命令
ubuntu 中文乱码 如果使用的是 PuTTY,可以通过修改 font, character set 设置来解决. Window -> Appearance -> Font settin ...
随机推荐
- Cocos Creator 中 _worldMatrix 到底是什么(中)
Cocos Creator 中 _worldMatrix 到底是什么(中) 1. 中篇摘要 在上篇中主要做了三件事 简单表述了矩阵的基本知识,以及需要涉及到的三角函数知识 推导了图形变换中 位移 .旋 ...
- postman-windows下newman的使用
一.newman的安装 1.安装node.js下载https://nodejs.org/en/ C:\Users\iphauser>node -vv10.16.1C:\Users\iphause ...
- Redis 文章一 之持久化机制的介绍
我们已经知道对于一个企业级的redis架构来说,持久化是不可减少的 企业级redis集群架构:海量数据.高并发.高可用 持久化主要是做灾难恢复,数据恢复,也可以归类到高可用的一个环节里面去,比如你re ...
- Centos中查找文件、目录、内容
1.查找文件 find / -name 'filename' 2.查找文件夹(目录) find / -name 'path' -type d 3.查找内容 find . | xargs grep -r ...
- 玩转OneNET物联网平台之MQTT服务⑦ —— 远程控制LED(数量无限制)+ Android App控制 优化第一版
授人以鱼不如授人以渔,目的不是为了教会你具体项目开发,而是学会学习的能力.希望大家分享给你周边需要的朋友或者同学,说不定大神成长之路有博哥的奠基石... QQ技术互动交流群:ESP8266&3 ...
- 写了那么久的Python,你应该学会使用yield关键字了
写过一段时间代码的同学,应该对这一句话深有体会:程序的时间利用率和空间利用率往往是矛盾的,可以用时间换空间,可以用空间换时间,但很难同时提高一个程序的时间利用率和空间利用率. 但如果你尝试使用生成器来 ...
- linux下安装配置svn服务器
linux下安装配置svn服务器 1. svn服务器安装 将subversion-1.4.0.tar.gz和subversion-deps-1.4.0.tar.gz传到服务器. tar xfvz su ...
- Redis(十二)flush误操作、Redis安全、处理bigkey和寻找热点key
一.flushall/flushdb误操作的处理 假设进行flush操作的Redis是一对主从结构的主节点,其中键值对的个数是100万,每秒写入量是1000. 1.缓存与存储 被误操作flush后,根 ...
- rem辅助式响应布局
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- FRP代理及其在数据库安全上的实践
1 代理 现如今的互联网世界里,代理服务已经十分常见,它通常作为一个第三方或者说中转站角色替代用户取得信息或者服务. 根据代理对象的不同,代理服务可以分为正向代理和反向代理. 1.1 正向代理 我们通 ...