<!DOCTYPE html>
<html>
<head>
<title>锚文本</title>
<meta charset="utf-8">
<style type="text/css">
#p1{
background: red;
margin: 20px;
border: 1px solid blue;
width: 20px;
height: 20px;
}
#p2{
background:yellow;
margin: 20px;
border: 1px solid red;
width: 20px;
height: 20px;
}
#p3{
width: 50px;
height: 50px;
background: pink;
border: 20px solid blue;
margin-bottom: 10px;
}
#p4{
width: 40px;
height: 40px;
background: purple;
border: 10px solid ;
}
</style>
</head>
<body>
<a id="p1" href="8.html#p1">p1</a>
<a id="p2" href="8.html#p2">p2</a>
<a id="p3" href="8.html#p3">p3</a>
<a id="p4" href="8.html#p4">p4</a>
</br>
</br>
<a name="p1"></a>
<p>p1</p>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a name="p2"></a>
<p>p2</p>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a name="p3"></a>
<p>p3</p>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a name="p4"></a>
<p>p4</p>
</br>
</br>
</br>
</br>
</body>
</html>
mgsers