博客的制作

最新推荐文章于 2024-10-04 22:04:56 发布
最新推荐文章于 2024-10-04 22:04:56 发布
阅读量344 收藏 11
点赞数 11
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shxxff/article/details/135315883
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    <title>21栗茂文</title>                                                                                                                                                                                                                                                                                                                                                                                                                                     
    </head>
    <body>
    <div atyle="width:980px; margin:0 auto">
         <!--header begin-->
         <div>
             <div style="height:56px;">
                 <img src="images/logo.png" alt="" align="left"/>
                 <p align="right">我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔</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>
                &nbsp;&nbsp;&nbsp;&nbsp; 大家好，我是你们的旅行博主——<font color="#0878ff" size="4">栗茂文</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;在这浩瀚的大漠我看到了姿态各异、生命力极强的胡杨。没有肥沃的土壤、没有充足的水分、
            没有适宜的环境，面对寸草不生的塔克拉玛干大沙漠，却有胡杨毅然傲立戈壁，呈现出生命醉人的绿。
            </p>
            <img src="images/banner2.jpg" alt="沙漠" vspace="20"/>
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;据说，守护在戈壁的胡杨，一千年不死，一千年不倒，一千年不朽，这种傲然挺立，不屈不挠
            的精神，深深震动了我，这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我，想努力用自己的视角体会这种精神。
            </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>&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="images/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="images/person3.jpg" alt="沙漠" align="left" hspace="10"/>
                    <div>
                        <p>
                            <font color="#F60">so_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;<font color="#333">电话：000-123456</font>&nbsp;&nbsp;&nbsp;欢迎批评指正
                </font>
            </p>
            <p>
                <font colo="#1d5983" size="2">
                    
                    博客简介 | Abou BOKE | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | BOKE English | 注册产品答疑
                    
                </font>
            </p>
            <p>
                <font size="2">
                    Copyright 2016 - 2026 BOKE.coright All Rights Reserved
                </font>
            </p>
        </div>
        <!--footer end-->
    </div>
    </body>
</html>

shxxff
关注
博客中GIF动画超简单制作
tomorrownan的博客
09-18 2239
前言： 在写博客的时候图片和视频是非常通俗易懂的，比文字表述更为清晰，有时候演示过程用动画效果更好，毕竟图片只是静态的，看不出整个过程。而录制成视频，体积大，保存发送也比较麻烦，最重要的事博客中不支持这种格式，所以制作成GIF动画，方便、占用空间又小、博客也支持GIF格式。 制作过程： 1.工具介绍 FastStone Capture录屏软件，强烈推荐使用。体积小，使用方便。 网上可以直接下载，下...
《博客页面制作》教程
baomg_82917的博客
12-25 2732
QQ邮箱登录的表单 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*设置整个表单边框*/ #form{ width: 340px; height: 400px; border: 1px solid #a0b1c4; border
一、博客首页搭建搭建《iVX低代码仿CSDN个人博客制作》
1_bit 的博客
06-20 3528
制作iVX 低代码项目需要进入在线IDE：https://editor.ivx.cn/首先我们可以查看CSDN的博客首页，从中查看一下布局： 在以上首页中，我们可以得知其顶部为一个整行，这个行内容左侧为一个logo，logo右侧为一个输入框，这个输入框输入文本后可以搜索对应的内容，在CSDN中搜索框可以搜索出用户名、下载等内容，在我们只做博客时使个人博客，咱们并不做过多的搜索，在功能设计时咱们只需要搜索出对应的博客内容即可。接着打开APP 文本也可以去掉，只需要再加上右侧的头像即可，最右侧还有一个展开的菜
四、博客详情页完成《iVX低代码仿CSDN个人博客制作》
1_bit 的博客
06-20 3318
制作iVX 低代码项目需要进入在线IDE：https://editor.ivx.cn/ 博客详情页大体分为顶部标题、发布时间、作者信息、博文内容，底部的评论我们在此不必做悬浮内容，咱们直接放到博文之下进行显示即可；顶部标题需要注意，不是只限于俩行，因为这是博文详情页，顶部标题肯定是需要显示完毕的，接下来就是发布时间和点赞，点赞在此是需要制作的，接着往下是一个作者信息，在此咱们只需要制作一个头像和右边的昵称即可，因为这是个人博客并不涉及关注内容，接着下面是富文本内容，富文本我们需要使用富文本容器进行显示，在此
个人博客的制作总结
2byte
11-11 5908
blog的制作总结琐碎的话这两天刚写完所有页面与功能，回头再看看，有意思的一点是，每次写代码都像是轮回的过程。我上学那会儿经常会遇到一些生活、学习上的看似棘手的问题，那时我总是在举步维艰时强迫自己认为能找到出路。久而久之，自己也产生了这样一种思维模式，事情总是可以找到答案的。为了能跳槽找到自己喜欢的计算机工作，这一段时间内主要在学习时间前端知识，写了几个自己觉得挺有趣的页面，在这个过程中，我又感觉到
二、博客首页完成《iVX低代码仿CSDN个人博客制作》
1_bit 的博客
06-20 3302
制作iVX 低代码项目需要进入在线IDE：https://editor.ivx.cn/在 CSDN 首页中的菜单部分为一串横排的内容，并且可以进行拖动： 首先咱们添加一个行，命名为菜单： 接着肯定是需要设置上下的内边距内容： 接着直接往这个行中添加文本内容即可： 很明显，当前文本字号与我们所需要的效果差距比较大，设置对应的字号使其大小（13号字体）合适于当前页面： 由于每个字体都会左右相隔一段距离，那么此时直接设置这个文本的左右内边距即可： 接着我们复制这个文本在该行中进行显示： 页面呈现效
制作属于自己的个人博客-超详细教程
weixin_44028058的博客
03-18 5196
SpringBoot个人博客 一.博客效果预览 点击预览个人博客 二.项目技术 后端SpringBoot框架 分为控制层(Controller) 业务层(Service) 数据持久层(Dao) 按照SpringMVC架构模式规范进行开发. 前端Semantic UI 前端模板引擎Thymeleaf 数据持久层采用SpringBootJPA，数据库为MySQL8.0 三.部署教程 1.导入项目 动动小手点一下star，following。我会持续分享一些沙雕，好玩的开源项目! 感谢！
如何用html制作博客页面,HTML个人博客页面
weixin_35780601的博客
06-03 5807
知识点总结：下面的是一个个人博客页面，歌词的段落用的时“p”标签，超链接为“a”标签。包括鼠标经过的事件：颜色变换；去顶部去底部和指定位置：写入的锚点，点击后可以到制定位置。刚开始学习html我们可以使用“center”标签来居中段落的文字，wtm的博客a{text-decoration: none;color: #000;}a:hover{text-decoration: underline;c...
一、首页、详情页、文章编辑页制作《iVX低代码/无代码个人博客制作》
1_bit 的博客
05-24 3630
一、首页制作 首页预览如下： 首先在博客页创建一个相对应项目： 接着选择前台，创建一个页面，命名为首页： 接着更改当前屏幕为小屏尺寸： 接着我们分析这个标题头部，分为左右两侧，左边为一个logo（红色）区域，右侧为一个头像区域： 那么此时创建一个行命名为标题，在这个行内创建两个行，一个命名为左一个命名为右： 在此需要设置左右两行的高度为包裹，并且为了使者两行能够同时在一行上显示，每行的宽度还需要更改为 50%： 那么此时最外层的标题行再设置一个高度为 50 px 即可： 此时为了使标题头部
二、文章发布页制作及后台实现《iVX低代码/无代码个人博客制作》
1_bit 的博客
05-24 7132
一、文章编辑页制作 当首页制作完毕后，需要显示内容就需要有文章数据，此时我们创建一个文章编辑页增加对应的数据。 那么我们创建一个页面，命名为文章发布页： 接着我们查看标题部分： 此部分为左右两边，左侧为标题提示输入和一个标题的文本输入框，右侧是一个发布按钮，此时我们创建左右两行： 由于左右两行需要在同一行显示，那么此时我们就需要设置左右两行的宽度为 50%，使其不占满超过100%的宽度居于一行，并且需要设置高度为包裹： 接着在左侧添加一个文本以及一个输入框： 那么右侧就是一个发布按钮，发布按钮更改
博客制作流程——初学者
07-11
### 博客制作流程——初学者 #### 一、前言 本文档旨在为初学者提供一份详尽的博客制作指南。通过简单的步骤说明，帮助读者掌握如何搭建一个属于自己的博客网站。本教程将覆盖所需的系统环境配置、软件安装、GitHub...
博客制作方法
06-18
博客制作方法
博客制作.zip
12-30
博客制作.zip是一个包含团队协作完成的博客网页项目资源的压缩包。这个项目涵盖了网页制作的各个方面，包括前端设计、后端开发以及可能的数据存储。它为学习和实践网页制作提供了丰富的素材，尤其适合用于教学或作业...
pudhina-fresh:为个人网站和博客制作的最小但功能丰富的Jekyll主题
04-29
为个人网站和博客制作的最小但功能丰富的Jekyll主题。 现场演示： ， 基于Bootstrap 4的最小化设计。 使用可折叠卡片-在石工风格的项目页面上展示您的项目。 使用标签对帖子和项目进行分类，并在标签页面上查看...
my-blog:博客制作
04-14
我的博客 创建我的博客 构建设置 # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run build $ npm run start # ...
HTML详解
gopher9511的博客
10-04 1078
HTML 基础 HTML 标题 HTML 段落 HTML 链接 HTML 图片 HTML 元素 HTML 注释 HTML 属性 HTML 文本格式化 HTML 头部 HTML css HTML 表格 HTML 列表 HTML 自定义列表 HTML 区块 HTML 表单 HTML 框架 HTML 颜色 HTML 脚本 HTML 事件 HTML 实体 HTML url HTML5 新元素 新元素 新元素 新元素 新元素 新元素 新元素 新表单元素 新元素 uotput 新属性 新的语义和结构元
html中的文本标签(含标签的实现案例)
2301_76862031的博客
10-01 1048
html中常用的标签h,p,hn,hr,br,font,time,mark,cite,特殊字符标签，图像标签
【移动端】Viewport 视口
最新发布
小秀的博客
10-04 1243
（视口）是指浏览器中用户可见的那部分网页内容的区域，简单来说，它是用户当前看到的网页的“窗口”区域。在不同的设备上，Viewport 的大小会有所不同。
HTML&&CSS练习
bruce_devil的博客
10-04 465
【代码】HTML&&CSS练习。
博客制作系 -- 2.7. PowerDesigner
05-29
好的，您的第一个问题是关于博客制作系的PowerDesigner工具。PowerDesigner是一个数据建模和设计工具，它可以帮助用户创建和管理数据库以及其他数据资产。它支持多种数据架构和建模技术，包括实体关系模型（ER模型）、UML（统一建模语言）和BPMN（业务流程建模和标记语言）。通过PowerDesigner，用户可以创建数据模型、流程图、数据字典等，并将其导出为多种格式，例如SQL脚本、XML和HTML文件。除此之外，PowerDesigner还支持与其他数据库开发工具和版本控制系统的集成，使得用户可以更加高效地进行数据建模和设计。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值