<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接</title>
<style>
.content {
height: 800px;
}
</style>
</head>
<body>
<!-- 跳转指定链接，并在新窗口显示 -->
<a href="http://www.imooc.com/" target="_blank ">慕课网-新窗口</a>
</br>
<!-- 跳转指定链接，并在本窗口显示 -->
<a href="http://www.imooc.com/" target="_self">慕课网-本窗口</a>
</br>
</br>
<!-- 跳转至id为href所指的位置 -->
<a href="#titleThird">页面内锚点</a>
</br>
<!-- 点击无反应 -->
<a href="javascript:;">随便你点，能跳走算我输……</a>
</br>
<div class="content">一堆内容</div>
</br>
<h3 id="titleThird">第三章</h3>
</body>
</html>
输出：
向下拖动页面，还有：
点击各带下划线内容，则出现：
点击”页面内锚点“，则跳转至”第三章“；
点击 ”随便你点……“ ，无反应。
还可以对页面内容进行以下设置（在style中进行设置）：
/* 设置字体颜色、去除下划线 */
a {
color: #333333;
text-decoration: none;
}
/* 只改变点击后可以跳转的字体颜色 */
a:visited {
color: #333333;
}
输出：
若光标指在页面显示的文本上，会发现鼠标呈现一个小手的样式，进行以下设置可以去除小手样式：
/* 设置字体颜色、去除下划线、光标显示 */
a {
color: #333333;
text-decoration: none;
cursor: none;
}
扫一扫
2893
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
