我编写的第一篇博客成功运行啦

阅读: 评论:0

我编写的第一篇博客成功运行啦

我编写的第一篇博客成功运行啦

这是代码: 

<!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="img/博客图片/logo.png" alt="" align="left" vspace="12" hspace="12"/>
                <p align="right">我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔</p>
            </div>
            <hr color="#CCC" />
        </div>
        <!--header end-->
        <!--“博主简介”模块begin-->
            <div style="height:460px;">
                <img src="img/博客图片/banner1.jpg" alt="" align="left"/>
                <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>
                    &nbsp;&nbsp;&nbsp;&nbsp;大家好,我是你们的旅行博主——<font color="#0878ff" size="4">LonelyStone</font>。本人是一名资深旅游博主,外向型的内向人格,对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、文学、篮球、长跑、潜水的爱好者。想在老去之前,看遍这颗星球的美好。
                    </p>
                    <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;旅行格言:<ins><em><strong><font color="#0878ff">人生不过一场旅行</font></strong></em></ins>,你路过我,我路过你,然后各自回头,敬往事一杯烈酒。比起说走就走的旅行,很多人的生活都是日渐趋于平淡的怅然,缺少了一种享受生活的阳光悠然。    
                    </p>
                    <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;旅行足迹:在纳米比亚的死亡谷、土耳其卡帕多其亚、日本镰仓、马达加斯加。<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&nbsp;&nbsp;&nbsp;&nbsp;地点:塔克拉玛干沙漠
                            </font>
                        </em>
                    </p>
                    <hr color="#CCC" />
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在这浩瀚的大漠我看到了姿态各异、生命极强的胡杨。没有肥沃的土壤、没有充足的水分、没有适宜的环境,面对着寸草不生的塔克拉玛干沙漠,却有胡杨依然傲立戈壁,呈现出生命醉人的绿。
                    </p>    
                    <img src="img/博客图片/banner2.jpg" alt="沙漠" vspace="20"/>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一千年前不死,一千年前不倒,一千年不朽,这种傲然挺立、不屈不挠的精神,深深振动了我,这正像生活在大海边缘勤劳勇敢的人们。喜欢摄影的我,想努力用自己的视角体会这种精神。
                    </p>
                    <img src="img/博客图片/banner3.jpg" alt="沙漠" vspace="20"/>
                </div>
                <!--“旅行随笔”模块end-->
                <!--“驴友评论”模块begin-->
                <div>
                    <img src="img/博客图片/icon.gif" alt="评论"/>
                    <hr color="#CCC"/>
                    <div>
                        <img src="img/博客图片/person1.jpg" alt="沙漠" align="left" vspace="10"/>
                        <div>
                            <p>
                                <font color="#F60">HXZ9-IT</font>&nbsp;&nbsp;&nbsp;&nbsp;<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="img/博客图片/person2.jpg" alt="沙漠" align="left" hspace="10"/>
                <div>
                    <p>
                        <font color="#F60">外星人</font>&nbsp;&nbsp;&nbsp;&nbsp;<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="img/博客图片/person3.jpg" alt="沙漠" align="left" hspace="10"/>
                </div>
                <p>
                    <font color="#F60">s0-cool</font>&nbsp;&nbsp;&nbsp;&nbsp;<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">
                    网友意见留言板&nbsp;&nbsp;&nbsp;&nbsp;<font color="#333">电话:000-1234567</font>&nbsp;&nbsp;&nbsp;&nbsp;欢迎批评指正
                </font>
            </p>
            <p>
                <font color="#1d5983" size="2">
                    博客简介 | Abou BOKE | 广告服务 | 联系我们 | 招聘信息 | 网站律师 |BOKE English | 注册 | 产品答疑 
                 </font>
            </p>
            <p>
                <font size="2">
                    Copyright  2016 - ight All Rights Reserved
                </font>
            </p>
        </div>
        <!-- “footer” end-->
        </body>
    <html>

这是运行效果:


 

本文发布于:2024-02-05 03:29:33,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170723009562667.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:第一篇   博客
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23