<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">baidu</a>
<!--target="_blank" : open in a new tab-->
<a href="#i1">chapter one</a>
<a href="#i2">chapter two</a>
<a href="#i3">chapter three</a>
<a href="#i4">chapter four</a>
<div id="i1" style="height:600px;">The content of chapter one</div>
<div id="i2" style="height:600px;">The content of chapter two</div>
<div id="i3" style="height:600px;">The content of chapter three</div>
<div id="i4" style="height:600px;">The content of chapter four</div>
</body>
</html>