源代码：
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>古诗</title>
</head>
<body>
<center>
<div class="go">
<a title="返回底部" class="bottom" href="#gobottom">返回底部</a>
<a href="#top">去指定位置</a>
<h1>千古绝句</h1>
<h2>《赤壁怀古》</h2>
<a href="https://www.sogou.com/tx?query=%E8%8B%8F%E8%BD%BC&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">苏轼</a>
<p>
大江东去，浪淘尽。<br>
<a name="top"></a>
千古东流人物。<br>
故垒西边，人道是，<br>
三国周郎赤壁。<br>
乱石穿空，惊涛拍岸，<br>
卷起千堆雪。<br>
<img src="img/3.jpg" alt="苏轼" style="width: 200px;height: 200px;">
<br>
江上如画，<br>
一时多少豪杰。<br>
遥想公瑾当年，<br。<br>
羽扇纶巾，谈笑间，<br>
樯橹灰飞烟灭。<br>
故国神游，<br>
多情应笑我，早生华发。<br>
人生如梦，一尊还酹江月。<br>
明月几时有？<br>
把酒问青天。<br>
不知天上宫阙，<br>
今夕是何年。<br>
我欲乘风归去，<br>
又恐琼楼玉宇，<br>
<img src="img/4.jpg" alt="景物" style="width:200px;height:200px;">
<br>
高处不胜寒。<br>
起舞弄清影，<br>
何似在人间？<br>
转朱阁，低绮户，
照无眠。<br>
不应有恨，<br>
何事长向别时圆？<br>
人有悲欢离合，<br>
月有阴晴圆缺，<br>
此事古难全。<br>
但愿人长久，<br>
千里共婵娟。<br>
<hr>
<p>友情链接：<a href="https://www.sogou.com/tx?query=%E8%8B%8F%E8%BD%BC&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">苏轼</a> | <a href="https://www.sogou.com/tx?query=%E7%99%BD%E5%B1%85%E6%98%93&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">白居易</a>
| <a href="https://www.sogou.com/tx?query=%E6%9D%8E%E6%B8%85%E7%85%A7&hdq=sogou-site-706608cfdbcc1886&ekv=3&ie=utf8&" target=_"blank">李清照</a>
</p>
</p>
<a title="返回顶部" class="top" href="#gotop">返回顶部</a>
</center>
</body>
</html>
作图效果：
版权声明：本文为weixin_43152725原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。