用到了html+css 同时插入了图片（图片放置img里）
可以从此处看到次网页效果
http://mcy1223.web3v.work/boke/
写详细页面也可参考此图片
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>"博客"页面</title>
</head>
<body>
<div style="width:980px;margin:0 auto">
<!--header begin-->
<div></div>
<!--header end-->
<!--"博主简介"模块begin-->
<div></div>
<!--"博主简介"模块end-->
<!--"旅行随笔"模块begin-->
<div><div>
<!--"旅行随笔"模块end-->
<!-"驴友评论"模块begin-->
<div></div>
<!-"驴友评论"模块end-->
<!--footer begin-->
<div></div>
<!--footer end-->
</div>
</body>
</html>
<!--header begin-->
<div>
<div style="height:56px;">
<img src="images/logo.png"alt=""align="left"/>
<p align="right">我的博客 | 攻略 | 随笔</p>
</div>
<hr color="#CCC"/>
</div>
<!--header end-->
<!--"博主简介"模块 begin-->
<div style="height:470px;">
<img src="images/banner1.jpg"alt=""align="left"hspace="12"vspace="12"/>
<div>
<p align="center">
<strong>
<font face="微软雅黑"size="7"color="#0878ff">博</font>
<font face="微软雅黑"size="7"color="#0878ff">主</font>
<font face="微软雅黑"size="6"color="#333">简</font>
<font face="微软雅黑"size="6"color="#333">介</font>
</strong>
</p>
<p>
大家好，我是你们的旅行博主-<font color="#0878ff" size="4">LonelyStone</font>。本人是一名资深旅行博主，外向型的内向人格，对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、文学、篮球、长跑、潜水爱好者。想在老去之前，看遍这颗星球的美好。
</p>
<p>
旅行格言:<ins><em><strong><font color="#0878ff">人生不过一场旅行</font></strong></em></ins>,你路过我，我路过你，然后各自回头，敬往事一杯烈酒。比起说走就走的旅行，很多人的生活都是日渐趋于平淡的怅然，缺少一种享受生活的阳光悠然。
</p>
<p>
旅行足迹：在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加。<ins><strong><font color="#F90">......[详细]</font></strong></ins>
</p>
</div>
</div>
<!--"博主简介"模块end>
<!--"旅行随笔"模块begin-->
<div>
<h2 align="center">
<font size="6">
塔克拉玛干沙漠：爱我就征服我
</font>
</h2>
<p align="center">
<em>
<font color="#666666">
2019.04.21 地点：塔克拉玛干沙漠
</font>
</em>
</p>
<hr color="#CCC"/>
<p>
在这浩瀚的大漠我看到了姿态各异、生命力极强的胡杨。没有肥沃的土壤、充足的水分、没有适宜的环境，面对寸草不生的塔克拉玛干沙漠，却有胡杨毅然傲立戈壁，呈现出生命醉人的绿。
</p>
<img src="images/banner2.jpg"alt="沙漠"vspace="20"/>
<p>
据说，守护在戈壁的胡杨，一千年不死，一千年不倒，一千年不朽，这种傲然挺立、不屈不挠的精神，深深震动了我，这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我，想努力用自己的视角体会这种精神。
</p>
<img src="images/banner3.jpg"alt="沙漠"vspace="20"/>
</div>
<!--"旅行随笔"模块end-->
<!--"驴友评论"模块begin-->
<div>
<img src="images/icon.gif"alt="评论"/>
<hr color="#CCC"/>
<div>
<img src="images/person1.jpg"alt="沙漠"align="left"hspace="10"/>
<div>
<p>
<font color="#F60">HXZ9_IT</font> <font size="2"color="#999">2020-1-2 15:38:37</font>\
</p>
<p>
<font size="2">风景太美了，感谢博主的分享，有时间一定去看看！</font>
<br/>
</p>
</div>
<hr color="#CCC"size="1"/>
</div>
<div>
<img src="images/person2.jpg"alt="沙漠"align="left"hspace="10"/>
<div>
<p>
<font color="#F60">外星人</font> <font size="2"color="#999">2020-2-14 10:38:36</font>
</p>
<p>
<font size="2">大漠孤烟直，长河落日圆</font>
<br/>
</p>
</div>
<br color="#CCC"size="1"/>
</div>
<div>
<img src="images/person3.jpg"alt="沙漠"align="left"hspace="10"/>
<div>
<p>
<font color="#F60">so_cool</font> <font size="2"color="#999">2020-2-14 10:38:36</font>
</p>
<p>
<font size="2">几年前去过一次，风景可以，适合拍照。</font>
<br/>
</p>
</div>
<hr color="#CCC"/>
</div>
</div>
<!--"驴友评论"模块end-->
<!--footer begin-->
<div style="text-align:center;">
<p >
<font color="#1d5983"size="2">
网友意见留言板 <font color="#333">电话：000-1234567</font> 欢迎批改指正
</font>
</p>
<p>
<font color="#1d5983"size="2">
博客简介|Abou BOKE|广告服务|联系我们|招聘信息|网站律师|BOKE English|注册|产品答疑
</font>
</p>
<p>
<font size="2">
Copyright © 2016-2026 BOKE.corightALL Rights Reserved
</font>
</p>
</div>
<!--"footer"end-->
扫一扫
2044
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
