重温HTML第二天之超链接

HTML超链接
在HTML中是使用标签<a>来设置超文本链接，通过<a>标签中href属性来描述链接的地址
HTML链接语法
<a href="http://baidu.com">百度</a>
图像链接
以图像作为链接
实例如下：
<a href="https://www.example.com">
  <img decoding="async" src="example.jpg" alt="示例图片">
</a>
锚点链接
在同一页面内创建内部链接，这称为锚点链接。要创建锚点链接，需要在目标位置使用 <a> 元素定义一个标记，并使用#符号引用该标记。例如：
<a href="#section2">跳转到第二部分</a>
<!-- 在页面中的某个位置 -->
<a name="section2"></a>
下载链接
下载链接可以使用download属性，download可以使链接用于下载文件而不是跳转到另一个网页
实例如下:
<a href="download.pdf" download>下载文档</a>
HTML 链接 - target 属性
target属性可以在新窗口打开指定的url地址网页或者是文档
实例如下:
<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>
HTML 链接- id 属性
id 属性可用于创建一个 HTML 文档书签。
实例
在HTML文档中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：
<a href="#tips">访问有用的提示部分</a>
或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：
<a href="https://www.runoob.com/html/html-links.html#tips">
访问有用的提示部分</a>