链接是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>

  1. href指的是链接指向的页面的地址
  2. title属性的作用,鼠标滑过链接文本时会显示这个属性的文本内容。这个属性在实际网页中开发中作用不大,主要方便搜索引擎了解链接地址的内容

注意:给文本加入了a标签后,文字的颜色就会自动变为蓝色,不过可以通过css样式进行设置。

邮件链接

在很多网页上我们都可以看到联系我们这样的按钮,点击进去之后就是一个可发送邮件的窗口。

代码为<a href="mailto:邮箱地址" target='_blank'>联系我们</a>

锚点链接

锚点链接可以理解为快速跳转或移动,比如我们在一些网站能看到一个回到顶部的按钮,点一下就回到了页面的最上方。比如你现在正在看的博客右上方,就是一个锚点链接。

建立锚点

锚点就是你需要跳转到的那个位置,创建锚点链接的第一步就是创建锚点

语法为<div name='top'>顶部</div>

说得更直白点,就是给一个标签命名,此处是给<div>标签命名,你同样可以给<table><ul>等标签命名,让它作为一个锚点。

链接锚点

语法为<a href="#top">回到顶部</a>

#+锚点名即为你的要跳转的锚点

HTML建立超链接的更多相关文章

  1. 第 4 章 用 HTML5 建立超链接

    HTML 文件中最重要的应用之一就是超链接.—— 当鼠标单击一些文字.图片或其他网页元素时,浏览器会根据其指示载入一个新的页面或跳转到页面的其他位置. 超链接除了可链接文本外,也可链接各种媒体,如声音 ...

  2. java jxl excel 导入导出的 总结(建立超链接,以及目录sheet的索引)

    最近项目要一个批量导出功能,而且要生成一个单独的sheet页,最后后面所有sheet的索引,并且可以点击进入连接.网上搜索了一下,找到一个方法,同时把相关的excel导入导出操作记录一下!以便以后使用 ...

  3. latex建立参考文献的超链接

    在Latex生成的pdf文档中建立超链接(如从正文到参考文献,从目录到相应内容,从页码编号到实际页面等),有利于读者快速定位当前阅读的信息. 如何在生成的pdf文件中包含超链接呢?需要注意一下两点: ...

  4. 学习笔记 第七章 使用CSS美化超链接

    第7章  使用CSS美化超链接 学习重点 认识超链接 熟悉伪类 定义超链接样式 能够灵活设计符合页面风格的链接样式 7.1  定义超链接 在HTML5中建立超链接需要两个要素:设置为超链接的网页元素和 ...

  5. xhtml、html与html5的区别

    一.基本概念: html:超文本标记语言 (Hyper Text Markup Language) xhtml:可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法 ...

  6. Django rest_framework 实用技巧

    前言: 最近工作中需要用到Django rest_framework框架做API, 边学边写,记录了一些实际工作中需要用到的功能,不是很全也不系统,以后需要什么功能可以在这查询. 后续还会更新其它的用 ...

  7. 利用 Django REST framework 编写 RESTful API

    利用 Django REST framework 编写 RESTful API Updateat 2015/12/3: 增加 filter 最近在玩 Django,不得不说 rest_framewor ...

  8. jquery.cycle.js简单用法实例

    样式: a{text-decoration: none;} *{;;} /*容器设置*/ .player { width:216px; height:248px; background:url(htt ...

  9. Shell基本的命令

    ubuntu 中文乱码 如果使用的是 PuTTY,可以通过修改 font, character set 设置来解决. Window -> Appearance -> Font settin ...

随机推荐

  1. kubernetes kubelet组件中cgroup的层层"戒备"

    cgroup是linux内核中用于实现资源使用限制和统计的模块,docker的风靡一时少不了cgroup等特性的支持.kubernetes作为容器编排引擎,除了借助docker进行容器进程的资源管理外 ...

  2. 04 python学习笔记-函数、函数参数和返回值(四)

    函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段.函数能提高应用的模块性,和代码的重复利用率.Python提供了许多内建函数,比如print(),我们也可以自己创建函数,这叫做用户自定 ...

  3. SQL注入学习(二)

    SQL注入点判断 ?id=35 +1/-1  查看页面是否发生变化 select * from tbName where id=$id 1.?id=35'数字后面加上[' or '' or )]来判断 ...

  4. 小房子配置开发实例-IT资产管理(资产类管理)--开发设计过程

    小房子(Houselet)作为一个集开发和应用为一体的管理软件平台,通过数据库配置开发的方式来开发管理系统:目的在于辅助企业低成本快速建设管理系统.且系统为开放的,随时可以维护升级的,随企业管理的需要 ...

  5. 150行代码搭建异步非阻塞Web框架

    最近看Tornado源码给了我不少启发,心血来潮决定自己试着只用python标准库来实现一个异步非阻塞web框架.花了点时间感觉还可以,一百多行的代码已经可以撑起一个极简框架了. 一.准备工作 需要的 ...

  6. 5.分析snkrs的Android的DeviceID生产规则

    分析Android的DeviceID生产 前面已经把web端的分析了一些,要想实现其实容易也难,容易是规则很容易,难是时间生成控制很难,我之前大概花了一周时间分析和梳理,然后行为测试,之前我已经讲过c ...

  7. python图像处理之PIL库

    PIL库是python语言第三方库,需要通过pip工具安装,安装库的名字是pillow. PIL库支持图像存储,显示和处理,它能够处理几乎所有图片格式,可以完成对图像的缩放,裁剪,叠加以及向图像添加线 ...

  8. 使用IDEA开发Spark程序

    一.分布式估算圆周率 1.计算原理 假设正方形的面积S等于x²,而正方形的内切圆的面积C等于Pi×(x/2)²,因此圆面积与正方形面积之比C/S就为Pi/4,于是就有Pi=4×C/S. 可以利用计算机 ...

  9. linux IMX6 汇编点亮一个LED灯

    驱动Linux引脚与驱动STM32其实是一样的,都是在操作寄存器,在相应的寄存器上附上相应的值即可驱动. IMX6U手册上有各个管脚的命名,跟STM32不同,IOMUXC_SW_MUC_CTL_PAD ...

  10. Java设计模式:23种设计模式

    1. 软件设计模式概述 2. GoF 的 23 种设计模式的分类和功能 3. UML中的类图及类图之间的关系 4. 开闭原则——面向对象设计原则 5. 里氏替换原则——面向对象设计原则 6. 依赖倒置 ...