一、链接标签

单词缩写: 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

posted on 2019-06-21 21:07  格物致知_Tony  阅读(606)  评论(0编辑  收藏  举报