链接标签(a 标签)

一、链接标签

  单词缩写: 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> 标签里面。

  例如:

 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

原文地址:https://www.cnblogs.com/niujifei/p/11066844.html