HTML学习笔记(二)

• 超链接
• 超链接的一些属性用法

超链接

超链接可以让我们从一个页面跳转到其他页面，或者是当前页面的其他位置
使用a标签来定义超链接，超链接是行内元素，在a标签中可以嵌套除它自身外任何的元素

href属性

属性：href指定跳转的目标路
值：可以是一个外部网站的地址，也可以是一个内部页面的地址(确保两个页面在同一个目录下)

<!-- alt+shift+向下的箭头：可以不停的向下复制同样的内容 -->
<a href="https://www.baidu.com/">百度</a>
<br>
<a href="./当前文件夹下的文件"></a>

相对路径：当我们需要跳转一个服务器内部的页面时，一般我们都会使用相对路径，相对路径会使用.或..开头
./ 表示当前文件所在目录
../ 表示当前文件所在目录的上一级目录
./可以省略不写，如果不写./也不写../则就相当于默认写./
如果想要跳转的是当前文件夹下的文件夹中的文件，就直接写：./文件夹/文件

<a href="../02-meta标签.html">爷文件的超链接</a>
<br><br>
<a href="./target1.html">父文件的超链接</a>
<br><br>
<a href="./inner/target.html">子文件的超链接</a>
<br><br>
<a href="../outer/target2.html">爷文件夹下的文件的超链接</a>

在网页上的呈现效果如图：

所有路径都是相对于当前文件所在目录来说

---

• 可以将超链接的href属性设置为#，这样点击超链接后页面不会发生跳转，而是转到当前页面的顶部位置

  <a href="#">回到顶部</a>

  在开发中可以将#作为超链接的路径的占位符使用
  也可以使用 javascript:; 来作为href的属性，此时点击点击这个超链接什么也不会发生

  <a href="javascript:;">这是一个超链接</a>

• 可以跳转到页面的指定位置，只需将href属性设置为： #目标元素的id属性值

  <a href="#bottom">去标签所在位置</a>
  <a id="bottom" href="#">回到顶部</a>

  target属性

  属性：target用来指定超链接打开的位置
  可选值：
      * _self 默认值 在当前页面中打开超链接
      * _blank 在一个新的页面中打开超链接

  默认值：<a href="./target1.html">父文件的超链接</a>
  打开新的标签：<a href="./inner/target.html" target="_blank">子文件的超链接</a>

  id属性

  属性：id表示唯一不重复
  每一个标签都可以添加一个id属性
  id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性，id均以字母开头

赏

这多不好意思呀