代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<meta charset="GB2312" />
<body>
<style>
body{text-align:center}
</style>
<hr>
<hr>
<a name="top" href="#bottom">跳转底部</a>|
<a href="#a1">跳到指定位置</a>
<style type="text/css">
img{
width:300px;
height:200px;
}
</style>
<h1>这是我的个人博客</h1>
<h2>蓝莲花</h2>
<br>
<br>
<hr>
<br>
<p>没有什么能够阻挡</p>
<p>你对自由的向往</p>
<p>天马行空的生涯</p>
<p>你的心了无牵挂</p>
<p>穿过幽暗的岁月</p>
<p>也曾感到彷徨</p>
<p>当你低头的瞬间</p>
<p>才发觉脚下的路</p>
<p>心中那自由的世界</p>
<p>如此的清澈高远</p>
<p>盛开着永不凋零</p>
<p>蓝莲花</p>
<div id="a1">跳到这里</div>
<img src="蓝tup.jpeg" alt="这是一个图片" />
<p>穿过幽暗地岁月</p>
<p>也曾感到彷徨</p>
<p>当你低头的瞬间</p>
<p>才发觉脚下的路</p>
<p>穿过幽暗地岁月</p>
<p>也曾感到彷徨</p>
<img src="tian.jpg" alt="这是一个图片" />
<p>当你低头的瞬间</p>
<p>才发觉脚下的路</p>
<p>心中那自由的世界</p>
<p>如此的清澈高远</p>
<p>盛开着永不凋零</p>
<p>蓝莲花</p>
<hr>
友情链接:
<a href="https://360.com" target="_blank">A网站</a>|
<a href="https://baidu.com" target="_blank">B网站</a>|
<a href="https://Firefox.com" target="_blank">C网站</a>
<br>
<a name="bottom" href="#top">回到顶部</a>|
<a href="https://wpa.qq.com/msgrd?v=3&uin=1846189021&site=qq&menu=yes" >联系我们</a>
</body>
</html>
展示效果：
网友评论