img标签,a标签,列表标签ul,ol,dl

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#div1{
height: 500px;
background-color: #1ecc86;
}
#div2{
height: 500px;
background-color: #2eb1fc;
}
#div3{
height: 500px;
background-color: #71a403;
}
img{
300px;
height: 500px;
}
</style>
</head>
<body>
<div id="top_div">top_div</div>
<a href="#div1"><em><b>第一页</b></em></a>
<a href="#div2">
<em>
<b>第二页

</b>
</em>
</a>
<a href="#div3"><em><b>第三页</b></em></a>


<div id="div1">第一页
<img src="girl.jpg" title="beauty">
</div><a href="#top_div">return</a>
<div id="div2">第二页
<br>hello,my name is laitongxing.nice to meet u,i want to make friend with u,are u willing
</div><a href="#top_div">return</a>
<div id="div3">第三页
<br>2<sub>3</sub><br>
2<sup>3</sup><br>
<a href="https://www.baidu.cn/
">百度</a>
<a href="https://www.baidu.cn/" target="_blank" title="bbbbb">百度</a><br>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>

<ol>
<li>444</li>
<li>555</li>
<li>666</li>
</ol>
<dl>
<dt>one</dt>
<dd>one 1</dd>
<dd>two 2</dd>
<dd>three 3</dd>
</dl>




</div>
<a href="#top_div">return</a>


</body>
</html>
原文地址:https://www.cnblogs.com/startl/p/12132273.html