博客代码(html)

本文是一篇关于个人旅行博客的HTML示例,展示了博主的简介、旅行经历和塔克拉玛干沙漠的随笔,以及部分驴友的评论。
摘要由CSDN通过智能技术生成

博客代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>"博客"页面</title>

</head>

<body>

<div style="width:980px; margin:0 auto">

  <!--header begin-->

 <div>

   <div style="height:56px;">

    < img src="logo.png" alt="" align="left"/>

    <p align="right">我的博客  |  攻略  |  随笔</p >

   </div>

   <hr color="#CCC" />

 </div>

 <!--header end-->

 <!--"博主简介"模块begin-->

 <div style="height:470px;">

  < img src="banner1.jpg" alt="" align="left" hspace="12" vspace="12"/>

     <div>

     <p align="center">

      <strong>

      <font face="微软雅黑" size="7" color="#0878ff">博主</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>

 <!--"博主简介"模块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="banner2.jpg" alt="沙漠" vspace="20"/>

  <p>

         据说,守护在戈壁的胡杨,一千年不死,一千年不倒,一千年不朽,这种傲然挺立、不屈不挠的精神,深深震动了我,这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我,想努力用自己的视角体会这种精神。

  </p >

  < img src="banner3.jpg" alt="沙漠" vspace="20"/>

 </div>

 <!--"旅行随笔"模块end-->

 <!--"驴友评论"模块begin-->

 <div>

  < img src="icon.gif" alt="评论"/>

 <hr color="#CCC"/>

  <div>

  < img src="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="person2.jpg" alt="沙漠" align="left" hspace="10"/>

   <div>

    <p>

     <font color="#F60">外星人</font>    <font size="2" color="#999">2020-1-15 15:05:37</font>

    </p >

    <p>

     <font size="2">大漠孤烟直,长河落日圆</font>

       <br />

    </p >

   </div>

   <hr color="#CCC" size="1"/>

  </div>

  <div>

   < img src="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>

  </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 c 2016 - 2026 BOKE.coright ALL Rights Reserved

      </font>

     </p >

    </div>   

    <!-- "footer" end-->

</div>

</body>

</html>

  • 12
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值