09a标签的基本使用

最新推荐文章于 2025-06-02 19:54:50 发布

IT小多

最新推荐文章于 2025-06-02 19:54:50 发布

阅读量825

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML_CSS学习日志文章标签：锚点的用法 a标签的使用

本文链接：https://blog.youkuaiyun.com/u011975349/article/details/52329422

HTML_CSS学习日志专栏收录该内容

11 篇文章

订阅专栏

a标签的用法：

1----a标签可以作为页面跳转的标签

1.可以在自身页面跳转 target=“_self”

2.也可以跳转到新建空白页 target=“_blank”

注：如果页面中有多个标签可以设置默认跳转方式

2----a标签的href属性设置为文件，则a标签成了一个下载的链接

3----a标签另一个重要的用途锚点。

类似于百度文库点击一个标题跳转到本文的一段内容

锚点的使用非常简单

1.在正文区域设置id

2.在a标签的href属性设置为对应正文id的值

例子：

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>常见标签a(锚点)</title>
	</head>
	<body>
		<a href="#box1">百步飞剑</a>
		<a href="#box2">夜尽天明</a>
		<a href="#box3">诸子百家</a>
		<a href="#box4">万里长城</a>
		<a href="#box5">君临天下</a>

		<div style="height:1000px" id="box1">
			百步飞剑<br/>
			..........................<br/>
			..........................<br/>
			..........................<br/>
		</div>
		<div style="height:1000px" id="box2">
			夜尽天明<br/>
			..........................<br/>
			..........................<br/>
			..........................<br/>
		</div>
		<div style="height:1000px" id="box3">
			诸子百家<br/>
			..........................<br/>
			..........................<br/>
			..........................<br/>
		</div>
		<div style="height:1000px" id="box4">
			万里长城<br/>
			..........................<br/>
			..........................<br/>
			..........................<br/>
		</div>
		<div style="height:1000px" id="box5">
			君临天下<br/>
			..........................<br/>
			..........................<br/>
			..........................<br/>
		</div>		
	</body>
</html>