HTML:链接<a>标签


文本链接 | 图片链接 | 下载链接 | 邮件链接 | 锚点链接 | 上机训练 |
<a>标签是双标签,定义超链接,用于从一个页面链接到另一个页面。
属性说明
hrefurl链接的目标 URL
downloadurl指定下载链接,该属性需要下载资源是同源的
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.做一个锚点链接