超链接 [HTML][web前端]

超链接

HTML是超文本标记语言,而超文本标记语言中的超就是指的超链接

超链接的作用:

超链接可以让我们从一个页面跳转到其他页面, 或者是跳转到当前页面的其他位置

我们使用a标签来定义超链接

• 使用a标签中的href属性指定跳转的目标路径
  1. href的值可以是一个外部网站的地址 (网络中)
  2. href的值也可以是一个内部页面的地址 (本地中)

超链接是一个行内元素:

按理来讲我们的行内元素中不能包含块元素,但是对于我们的a标签而言: 在a标签中可以嵌套除了它自身外的任何元素

• 超链接中不能嵌套超链接

• 我们超连接中可以嵌套一个段落:(具体的代码实现如下:)

  <!-- 创建一个超链接(超链接中嵌套一个段落) -->
  <a href="http://www.baidu.com">
      <p>这是一个段落!这是一个段落这是一个段落!这是一个段落这是一个段落!这是一个段落这是一个段落!这是一个段落这是一个段落!这是一个段落这是一个段落!这是一个段落这是一个段落!这是一个段落</p>
  </a>
  

• 我们的超链接中可以嵌套一个图片:(具体的代码实现如下:)

  <!-- 创建一个超链接(超链接中嵌套一个图片) -->
  <a href="http://www.baidu.com">
      <img src="./img/baidu.ico" alt="百度">
  </a>
  

  • 我们的图片标签是一个替换标签(替换元素)

补充:

如果使用超链接来打开一个内联框架?

我们首先要给内联框架设置name属性,设置了name属性之后我们就可以在超链接中将超链接的target属性值设置为我们内联框架的name属性值,name这个时候点击我们的超链接就会进入到我们指定name属性的内联框架中去了

• target属性可以为如下的一些可选值:

  ①_self : 表示自身(也就是在当前窗口打开) — 会将当前窗口覆盖掉

  ②_blank : 表示空白的含义(就是在一个新的窗口打开)

  ③_parent : 表示在父级窗口中打开

  ⑤_top : 在最顶级的窗口打开