大约 2 分钟
超链接标签：a 相对路径
<!DOCTYPE html>
<html>
<head>
<title>超链接标签：a</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>超链接标签a</h1>
<!--
超链接标签：a
属性名： 属性值：
href a连接跳转的指定地址
相对路径：
. 当前目录
.. 上级目录
绝对路径：
有问题
file:///D:\lesson01_LAMP\1.html
Linux的根目录：/
-->
<!-- <a href="../lesson01_LAMP/1.html">老婆不在家时玩的游戏！</a> -->
<a href="file:///G:\lesson01_LAMP\1.html">老婆不在家时玩的游戏！</a>
</body>
</html>超链接标签a
<!DOCTYPE html>
<html>
<head>
<title>超链接标签a</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>超链接标签a</h1>
<!--
超链接标签：a
属性名： 属性值：
href 要进行跳转的路径、地址
相对的、绝对的
外网：http://www.baidu.com http://www.sina.com.cn
mailto：定义发送邮件地址
target 指定跳转位置
_blank 新标签页
_self当前页面
在分帧框架中 可以添加名称 name定义名称
例 target="window"
name='window'
-->
<a href="http://www.baidu.com" target="_self">新浪</a>
<a href="mailto:yuanxiaofei@lampbrother.net">邮件</a>
</body>
</html>a标签的锚点跳转
<!DOCTYPE html>
<html>
<head>
<title>a标签的锚点跳转</title>
<meta charset="utf-8"/>
<style>
/*修饰div盒子的样式*/
div{
width:500px; /*修饰宽度*/
height:500px; /*修饰高度*/
border:1px solid red;/*修饰边框为1像素宽的直线红色边框*/
}
</style>
</head>
<body>
<h1>a标签的锚点跳转</h1>
<!-- 跳转按钮 -->
<a href="#one">第一章</a>
<a href="#two">第二章</a>
<a href="#three">第三章</a>
<!-- 第一章 -->
<div>
<h1><a id="one">第一章：三打蜘蛛精</a></h1>
<p>孙悟空一行人到了盘丝洞，遇到了紫霞仙子，发生了一段不可告人的故事！</p>
</div>
<!-- 第二章 -->
<div>
<h1><a id="two">第二章：倒拔垂杨柳</a></h1>
<p>鲁智深被逼的走投无路了，然后就拔了一棵柳树！吓跑了小喽啰！</p>
</div>
<!-- 第三章 -->
<div>
<h1><a id="three">第三章：刘姥姥进大观园</a></h1>
<p>啥啥没见过！！！！……………………</p>
</div>
</body>
</html>