效果图：
代码：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小草的博客</title>
</head>
<body>
<!-- 图片和导航栏布局 -->
<table width="100%">
<tr>
<!-- 左侧放置图片 -->
<td width="auto">
<img src="../img/logo.png" width="20%" height="20%" alt="网站logo">
</td>
<!-- 右侧放置导航栏 -->
<td align="right">
<nav>
<a href="index.html">小草的博客</a> |
<a href="gonglue.html">攻略</a> |
<a href="suibi.html">随笔</a>
</nav>
</td>
</tr>
</table>
<!-- 博主简介部分 -->
<hr color="gray" width="100%" size="3" align="right">
<table>
<tr>
<td>
<img src="../img/banner1.jpg" width="auto" height="auto" alt="博主图片" />
</td>
<td>
<h2 style="text-align: center;"><font style=" text-align:center;color: blue;" ><b><big>博主</big></b></font>简介</h2>
<p> 大家好，我是你们的旅行博主——<font color="blue">LonelyStone</font>
。本人是一名资深旅行博主，外向型的内向人格，对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、文学、篮球、长跑、潜水爱好者。想在老去之前，看遍这颗星球的美好。
</p>
<p> 旅行格言：<font color="blue"><u>人生不过一场旅行。</u></font>
，你路过我，我路过你，然后各自回头，敢问往事一杯烈酒。比起说走就走的旅行，很多人的生活都是日渐趋于平淡的怅然，缺少了一种享受生活的阳光悠然。
</p>
<p> 旅行足迹：在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加<font color="#F90"><u>......详细</u></font>
</p>
</td>
</tr>
</table>
<!-- 文章部分 -->
<h1 style="text-align: center;">塔克拉玛干沙漠：爱我就征服我</h1>
<p style="text-align: center;">2025.02.27 地点：重庆工业职业技术学院第三教学楼3-202 姓名：曹仙 学号：2211440145</p>
<hr color="gray" width="100%" size="3" align="right">
<!-- 旅行随文模块 -->
<p> 在这浩瀚的大漠我看到了姿态各异，生命力极强的胡杨。没有肥沃的土壤、
没有充足的水分、没有适应的环境，面对着寸草不生的塔克拉玛干大沙漠，
却有胡杨毅然傲立戈壁，呈现出生命醉人的绿。
</p>
<img src="../img/banner2.jpg">
<p> 据说，守护在戈壁的胡杨，一千年不死，一千年不倒，一千年不朽，这种傲然挺立，不屈不饶的精神，
深深震动了我，这正像生活在大漠边缘勤劳勇敢的人们，喜欢摄影的我，想努力用自己的视角体会这种精神。
</p>
<img src="../img/banner3.jpg">
<!-- 评论模块 -->
<hr color="white" width="100%" size="3" align="right">
<img src="../img/icon.gif">
<hr color="gray" width="100%" size="3" align="right">
<table>
<tr>
<td>
<img src="../img/person1.jpg" width="50" height="50" alt="评论者头像">
</td>
<td>
<span style="color: #007bff; font-weight: bold;">HXZ9_JT</span>
<span style="color: #999; font-size: 12px;">2020-1-2 15:38:37</span>
<p>风景太美了，感谢博主的分享，有时间一定去看看！</p>
</td>
</tr>
</table>
<hr color="gray" width="100%" size="3" align="right">
<!-- 第二条评论 -->
<table>
<tr>
<td>
<img src="../img/person2.jpg" width="50" height="50" alt="评论者头像">
</td>
<td>
<span style="color: #007bff; font-weight: bold;">外星人</span>
<span style="color: #999; font-size: 12px;">2020-1-15 15:05:37</span>
<p>大漠孤烟直，长河落日圆</p>
</td>
</tr>
</table>
<hr color="gray" width="100%" size="3" align="right">
<!-- 第三条评论 -->
<table>
<tr>
<td>
<img src="../img/person3.jpg" width="50" height="50" alt="评论者头像">
</td>
<td>
<span style="color: #007bff; font-weight: bold;">so_cool</span>
<span style="color: #999; font-size: 12px;">2020-2-14 10:38:36</span>
<p>前几年去过一次，风景可以，还能拍照</p>
</td>
</tr>
</table>
<hr color="gray" width="100%" size="3" align="right">
<p style="text-align: center; color: #007bff;">@小曹 欢迎批评指正</p>
<center>
<table>
<tr>
<td align="center">
<nav>
<a style="color: #007bff;">博客简介</a> |
<a style="color: #007bff;">联系我们</a> |
<a style="color: #007bff;">招聘信息</a> |
<a style="color: #007bff;">网站律师</a> |
<a style="color: #007bff;">注册</a> |
<a style="color: #007bff;">产品答疑</a>
</nav>
</td>
</tr>
</table>
</center>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
