一、链接标签

　　单词缩写： anchor 的缩写。

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

　　语法格式：

  1. <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> 标签里面。

　　例如：

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <title>base</title>
  5.      <meta charset="UTF-8">
  6.      <base href="http://www.w3cschool.cn" target="_blank">
  7.  </head>
  8.  <body>
  9.  <p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>
  10.  <img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">
  11.  </body>
  12.  </html>

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

　　例如：

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.  <title>base</title>
  5.   <meta charset="UTF-8">
  6.  <base href="http://www.w3cschool.cn" target="_blank">
  7.  <link rel="stylesheet" type="text/css" href="CSS/first.css" > <!--链接外部资源-->
  8.  </head>
  9.  <body>
  10.  <p>外部样式表想引用非base链接目录下的文件，那么该样式表将无法找到。</p>
  11.  </body>
  12.  </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. CF308C-Sereja and Brackets-（线段树+括号匹配）

    题意:给出一段括号,多次询问某个区间内能匹配多少括号. 题解:线段树,结构体三个属性,多余的左括号l,多余的右括号r,能够匹配的括号数val. 当前结点的val=左儿子的val+右儿子的val+min ...

  2. no applicable action for [springProfile], current ElementPath is [[configuration][springProfile]]

    今天down了一个开源项目,启动后一直存在如下错误信息: ERROR in ch.qos.logback.core.joran.spi.Interpreter@26:42 - no applicabl ...

  3. Vue 实现点击展开收起

    Vue 展开收起功能实现 之前写项目的时候提到了一个需求 展开/收起 所有内容的需求 .因之前一值是重构,自己写功能还是比较少的,于是网上搜了一下,发现很多东西其实是jq的功能 虽然可以拿过来用,但是 ...

  4. C++ CGI报“资源访问错误”问题分析

    一线上CGI偶发性会报“资源访问错误”,经过分析得出是因为CgiHost没有读取到CGI的任务输出,即CGI运行完成后连HTTP头都没有一点输出. 然而实际上,不可能没有任何输出,因为CGI至少有无条 ...

  5. 【CSP-S膜你考】不怕噩梦 （模拟）

    不怕噩梦 题面 蚊子最近经常做噩梦,然后就会被吓醒.这可不好.. 疯子一直在发愁,然后突然有一天,他发现蚊子其实就是害怕某些事. 如果那些事出现在她的梦里,就会害怕. 我们可以假定那个害怕的事其实是一 ...

  6. [HeadFrist-HTMLCSS学习笔记]第五章认识媒体：给网页添加图像

    [HeadFrist-HTMLCSS学习笔记]第五章认识媒体:给网页添加图像 干货 JPEG.PNG.GIF有何不同 JPEG适合连续色调图像,如照片:不支持透明度:不支持动画:有损格式 PNG适合单 ...

  7. Oracle GoldenGate 同步数据至Hbase

    该方法没试过,先记下再说 1.软件版本说明: Goldengate 12c 12.2.0.1 for Oracle(源端) Goldengate 12c 12.3.0.1 for Bigdata (目 ...

  8. 修改ssh服务器默认端口号

    1.查看当前ssh服务器端口号 在修改ssh服务器的端口号之前,首先查看ssh服务器监听的端口号,使用netstat命令: $ sudo netstat -tunlp | grep "ssh ...

  9. 新添加的用户无法sudo解决方案

    问题:xxx(用户名) is not in the sudoers file. This incident will be reported. 用户管理: 1.创建用户 (1)方法1 $ sudo a ...

  10. 045 用户登录功能01----JWT和后台代码

    (1)有状态登录概述 有状态服务,即服务端需要记录每次会话的客户端信息,从而识别客户端身份,根据用户身份进行请求的处理,典型的设计如tomcat中的session. 例如登录:用户登录后,我们把登录者 ...