一、链接标签

　　单词缩写： anchor 的缩写。

　　在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可。

　　语法格式：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

　　注意：

　　1.外部链接 需要添加 http:// www.baidu.com

　　2.内部链接 直接链接内部页面名称即可 比如 < a href="index.html"> 首页 </a >

　　3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。

　　4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

二、常用属性

属性名称 属性值 说明
href url 规定链接指向的页面的url
rel text 规定当前文档与被链接文档之间的关系
target _blank、_parent、_self、_top、framename 规定在何处打开链接文档
download filename 规定被下载的超链接的目标

　　 href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用

　　target：用于指定链接页面的打开方式，

　　　　　　_self 表示在当前页面中打开，为默认值；

　　　　　　_blank 为在新选项卡中打开；

　　　　　　_parent ：将链接的文件载入含有该链接框架的父框架集或父窗口中；

　　　　　　 _top ：在当前的整个浏览器窗口中打开所链接的文档；

　　　　　　framename：在指定的框架中打开被链接的文档。

三、锚点定位

　　通过创建锚点链接，用户能够快速定位到目标内容。

　　创建锚点链接分为两步：

　　1. 使用“a href=”#id名>“链接文本"</a>创建链接文本。(使用name值也可以，不仅仅限于id)

　　2. 使用相应的id名标注跳转目标的位置。

四、base 标签

　　定义：<base> 标签是 HTML 语言中的基准网址标记，是一个单标签。

　　作用：规定页面上所有链接的默认 URL 和默认目标。

　　base 可以设置整体链接的打开状态，通常是写在<head></head> 标签里面。

　　例如：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <title>base</title>

     <meta charset="UTF-8">

     <base href="http://www.w3cschool.cn" target="_blank">

 </head>

 <body>

 <p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>

 <img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">

 </body>

 </html>

　　注意：base 规定的是页面上所有连接的默认 URL，是所有的！！！其包括src，href等所有URL。 使用到的链接都会与base里的href链接拼接。

　　例如：

 <!DOCTYPE html>

 <html lang="en">

 <head>

 <title>base</title>

  <meta charset="UTF-8">

 <base href="http://www.w3cschool.cn" target="_blank">

 <link rel="stylesheet" type="text/css" href="CSS/first.css" > <!--链接外部资源-->

 </head>

 <body>

 <p>外部样式表想引用非base链接目录下的文件，那么该样式表将无法找到。</p>

 </body>

 </html>

　　base 标签有以下规则：

　　　　1. <base> 标签必须位于 <head> 元素内部；

　　　　2.在一个文档中，最多能使用一个 <base> 标签；

　　　　3. 使用了<base>标签的链接后，其他链接必须在<base>标签的链接里面，不然将无法找到。

　　更多标签的学习请参考这里：http://www.w3school.com.cn/html/index.asp

链接标签（a 标签）的更多相关文章

  1. 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset

    我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...

  2. JSP自定义标签——简单标签(2)

    在前一篇博客中,我们已经学习了自定义的简单标签的基本使用方法,这一篇我们来学习如何在简单标签中添加标签属性.对自定义标签添加一些属性,可以使我们的标签功能更加灵活和复用.例如前一篇博客使用简单标签来对 ...

  3. 空a标签 a标签空的情况下 IE6 IE7下点击无效

    最近做了好多网站专题页面,因为专题页面图片较多,个别banner上有1个到多个按钮,一种是用“图解img标签的usemap”的方法做链接,(图解img标签的usemap使用方法)[传送门] 另一种用则 ...

  4. python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  5. python 全栈开发，Day45(html介绍和head标签,body标签中相关标签)

    一.html介绍 1.web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构 ...

  6. JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}

    前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...

  7. 前端基础-html 字体标签,排版标签,超链接,图片标签

    主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  8. html5新增标签/删除标签

    闲聊: 最近小颖工作稍微比较轻松,没事就看看慕课,看了看:HTML5之元素与标签结构,里面简单讲解了下HTML5的一些新特性,小颖之前没写过HTML5的页面,所以就当写笔记将那些新的特性整理出来,也方 ...

  9. 移动前端不得不了解的HTML5 head 头标签 —— Meta 标签

    Meta 标签 meta标签是HTML中head头部的一个辅助性标签,它位于HTML文档头部的 <head> 和 <title> 标记之间,它提供用户不可见的信息.虽然这部分信 ...

  10. day01 html介绍 文档声明头 head标签 body标签

    day01 html   初识html <!--文档的声明--> <!doctype html>   <html lang="en">    # ...

随机推荐

  1. Spring Boot 各版本的Java版本要求

    Spring Boot 各版本的Java版本要求 Spring Boot 与 Java 对应版本,以下表格由官方网站总结. 官网:https://spring.io/projects/spring-b ...

  2. celery异步任务、定时任务

    阅读目录 一 什么是Celery? 二 Celery的使用场景 三 Celery的安装配置 四 Celery异步任务 五Celery定时任务 六在Django中使用Celery   一 什么是Cele ...

  3. hadoop 参数大全

    方法一.可以通过hadoop官方网址查询, 网址如下: http://hadoop.apache.org/docs/current/hadoop-project-dist/hadoop-common/ ...

  4. Pandas | 06 描述性统计

    有很多方法用来集体计算DataFrame的描述性统计信息和其他相关操作. 其中大多数是sum(),mean()等聚合函数. 一般来说,这些方法采用轴参数,就像ndarray.{sum,std,...} ...

  5. ESA2GJK1DH1K微信小程序篇: 小程序实现MQTT封包源码使用说明

    说明 我为了后期能够快速的让小程序实现MQTT,我做了一个MQTT的封装. 功能的封装有助于后期快速的开发,还方便咱维护. 我后期的所有代码皆使用此封装库, 这一节,我就详细的介绍我封装的MQTT.j ...

  6. 为什么要使用 Go 语言？Go 语言的优势在哪里？

    golang主要特性 1.语法简单 舍弃语法糖,严格控制关键字 C++语法糖之多,令人发指,而C又太过于底层,容易出现自己造轮子的情况,如何在两者之间取舍,是每一个转向golang的工程师曾经思考过的 ...

  7. 关于Exgcd

    %%lkx 学习博客 exgcd(扩展欧几里得) 可以用来判断并求解形如\(ax+by=c\)的方程,当且仅当\(gcd(a,b)|c\)时,存在整数解\(x,y\) 也就是说,\(exgcd\)可以 ...

  8. 编译udf小软件(附视频教程)

    小软件下载地址(不仅支持Visual Studio并且打包gcc,解压即可编译): https://pan.baidu.com/s/1XPfjfY8DC2KKS8gj1KhutQ 提取码: 6kju ...

  9. 亿级Web系统搭建 Web负载均衡的几种实现方式（阿里）

    我还写了两篇详细的 参考:六大Web负载均衡原理与实现 参考:LVS(Linus Virtual Server):三种IP负载均衡方式比较+另三种Web负载均衡方式 其中LVS.HAProxy可以工作 ...

  10. Java编程思想之十八 枚举类型

    关键字enum可以将一组具名的值的有限集合创建为一种新的类型, 而这些具名的值可以作为常规的程序组件使用.这是一种非常有用的功能. 18.1 基本enum特性 创建enum时,编译器会为你生成一个相关 ...