HTML:链接<a>标签
文本链接 | 图片链接 | 下载链接 | 邮件链接 | 锚点链接 | 上机训练 |
<a>标签是双标签,定义超链接,用于从一个页面链接到另一个页面。
属性 | 值 | 说明 |
---|---|---|
href | url | 链接的目标 URL |
download | url | 指定下载链接,该属性需要下载资源是同源的 |
target | _blank _parent _self _top framename | 规定在何处打开目标URL。 _blank:新窗口 _parent:父窗口 _self:默认,当前页 _top:当前窗体。 |
name | 锚点 | 用href='#锚点name'指向位置 |
文本链接
这是一个简单的文字链接
<a href="https://www.hist.edu.cn" target='_blank'>这是一个简单的文字链接</a>
图片链接

<a href="https://www.hist.edu.cn" target='_blank' title='这是一个简单的图片链接'>
<img src="../img/html/hist.png" width="80" height="80">
</a>
a标签可以包裹img、div等多种html标签,使他们成为链接
文件下载链接
download 属性定义了下载链接的地址。
href 属性必须在a标签中指定。
该属性需要下载资源是同源的。
这是一个download文件的链接
<a href="../img/html/hist.png" download="../img/html/hist.png" target='_blank'>这是一个download文件的链接</a>
email链接
把<a>标签的href属性设置为 mailto:1234567@qq.com即成为邮件链接
这是一个指向email链接
<a href="mailto:12345678@qq.com">这是一个指向email链接</a>
锚点链接
HTML锚点链接(Anchor Link)是用在同一页面内进行导航的超链接,它允许用户通过点击链接直接跳转到页面的特定位置,而不是跳转到另一个页面。锚点链接也被称为书签链接
用法:<a href="#锚点id或锚点name">链接描述</a>
<a name='name'>这里是锚点位置</a> 或<a id='id'>这里是锚点位置</a>
这是一个锚点链接
<a href="#test1">这是一个锚点链接</a>
<a name='test1'>这里是锚点位置</a>
注意:锚点链接首要目标是锚点的id属性,次要目标的锚点的name属性
上机训练项目
1.做一个图片链接
2.做一个锚点链接