7、a标签
2022-05-24 本文已影响0人
小黄不头秃
一、超链接的作用
超链接是一个行内元素
超链接可以从一个界面跳转到另一个界面，也可以跳转到本页面的其他位置
使用a标签来定义超链接，可以嵌套除它本身外的任何元素
（1）属性href 制定跳转的目标路径
- 可以是外部页面的地址
- 也可以写一个内部页面的地址
（2）当我们要跳转到项目内部的页面时,一般我们要输入的是相对路径
- ./（默认）表示当前文件的目录
- ../表示上一级目录
（3）属性target,用来指定超链接打开的位置
- _self:默认值，在当前页面中打开
- _blank：在一个新的页面中打开
（4）超链接跳转到本页面的其他位置。
可以使用id进行页面锚点里面跳转。
例如：<a href="#top">去到id=“top”的标签的位置。</a>
属性id：（唯一不重复的）
- 每一个标签都可以添加一个id属性
- id就是一个元素的唯一标识（不能重复）
二、代码测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接</title>
</head>
<body>
<a href="https://www.baidu.com">百度</a>
<br><br>
<a href="http://www.2.cn"><span>linda</span></a>
<br><br>
<a href="test9_list.html">列表</a>
<br><br>
<a href="./test2.html">相对路径超链接</a>
<br><br>
<a href="https://www.baidu.com" target="_blank">target属性</a>
<p>锚点测试</p>
<h1 id="top">神话</h1>
<h2>百度词条</h2>
<br><br>
<a href="#bottom">去到底部</a>
<br>
<a href="#mid">去到中间</a>
<p>
神话产生于人类远古时代。作为民间文学的源头之一，有力的证明了劳动人民从来就是精神文明的创造者，也揭示了民间文学从一开始就与人民的生活和历史有着密切的联系.
神话产生于人类远古时代。作为民间文学的源头之一，有力的证明了劳动人民从来就是精神文明的创造者，也揭示了民间文学从一开始就与人民的生活和历史有着密切的联系。
<a id="mid" href="#top">(返回)</a>
神话作为民间文学的一种形式，是远古时代的人民所创造的反映自然界、人与自然的关系以及社会形态的具有高度幻想性的故事.
</p>
<a id="bottom" href="#top">回到顶部</a>
<br>
<p>还可以使用javascript脚本，不做任何响应。</p>
<a href="javascript:;">nothing</a>
</body>
</html>
