超链接
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<!--a标签 超链接-->
<!--href属性 超链接路径-->
<a href="https://www.baidu.com">百度一下</a>
<br/>
<!--target属性 超链接打开窗口方式-->
<!--_self 默认值,在原来窗口打开链接-->
<!--_blank 在新窗口打开链接-->
<!--_parent 在父窗口打开链接-->
<!--_top 在顶层窗口打开超链接-->
<a href="https://www.w3school.com.cn/html/index.asp" target="_blank">
<img src="https://p92.com/binaries/content/gallery/p92website/technologies/htmlcssjs-overview.png"
alt="HTML"/>
</a>
</body>
</html>
内部链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内部链接1</title>
</head>
<body>
<p>
<a href="2-inner-link-2.html">跳转到页面2</a>
</p>
<p>
<a href="2-inner-link-3.html">跳转到页面3</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内部链接2</title>
</head>
<body>
<h1>页面2</h1>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内部链接3</title>
</head>
<body>
<h1>页面3</h1>
</body>
</html>
锚点链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>锚点链接</title>
</head>
<body>
<div>
<!--href锚点链接 指向#{id}-->
<a href="#title1">标题1</a><br/>
<a href="#title2">标题2</a><br/>
<a href="#title3">标题3</a><br/>
</div>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<!--定义id-->
<div id="title1">
<h3>标题1</h3>
<ul>
<li>内容1</li>
<li>内容1</li>
<li>内容1</li>
</ul>
</div>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<div id="title2">
<h3>标题2</h3>
<ul>
<li>内容2</li>
<li>内容2</li>
<li>内容2</li>
</ul>
</div>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<div id="title3">
<h3>标题3</h3>
<ul>
<li>内容3</li>
<li>内容3</li>
<li>内容3</li>
</ul>
</div>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
<p>空格</p>
</body>
</html>