html 代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
<center>
<a name="top"></a>
<body>
<a href="#bottom">跳到底部</a>|<a href="https://www.jianshu.com/u/a32cf8d44e4a" target="_blank">跳入指定位置</a>
<h1>这是我的个人博客</h1>
</body>
<hr>
<h2>壮志在我胸</h2>
<a href="https://baike.baidu.com/item/成龙/71648?fr=aladdin" target="_blank">成龙</a>
<p>拍拍身上的灰尘 振作疲惫的精神</p>
<p>远方也许尽是坎坷路 也许要孤孤单单走一程</p>
<p>早就习惯一个人 少人关心少人问</p>
<img src="1.jpg" px="100" height="500">
<p>就算无人为我付青春 至少我还保有一份真</p>
<p>拍拍身上的灰尘 振作疲惫的精神</p>
<p>远方也许尽是坎坷路 也许要孤孤单单走一程</p>
<p>莫笑我是多情种 莫以成败论英雄</p>
<p>人的遭遇本不同 但有豪情壮志在我胸</p>
<p>嘿呦嘿嘿嘿呦嘿</p>
<p>管那山高水也深</p>
<p>嘿呦嘿嘿嘿呦嘿</p>
<p>也不能阻挡我奔前程</p>
<p>嘿呦嘿嘿嘿呦嘿</p>
<img src="2.jpg" width="400">
<p>茫茫未知的旅程 我要认真面对我的人生</p>
<p>拍拍身上的灰尘 我振作疲惫的精神</p>
<p>远方也许尽是坎坷路 也许要孤孤单单走一程</p>
<p>莫笑我是多情种 莫以成败论英雄</p>
<p>人的遭遇本不同 但有豪情壮志在我胸</p>
<p>嘿呦嘿嘿嘿呦嘿</p>
<p>也不能阻挡我奔前程</p>
<p>嘿呦嘿嘿嘿呦嘿</p>
<p>茫茫未知的旅程</p>
<p>我要认真面对我的人生</p>
<hr>
<p>友情链接:<a href="http://v.baidu.com/person_intro/?id=76&video_uri=person_card" target="_blank">成龙视频</a>|<a href="https://weibo.com/jackiechan?is_hot=1" target="_blank">成龙微博</a>|<a href="http://www.9ku.com/geshou/43.htm" target="_blank">成龙音乐</a><br><br>
<a href=#top>返回顶部</a>|<a href="https://www.yunshipei.com/about/contacts.html" target="_blank">联系我们</a>
<a name="bottom"></a>
</center>
</html>
效果图如下：
QQ截图20180906221350.jpg
QQ截图20180906221431.jpg
QQ截图20180906221507.jpg
