前端基础到进阶（1）：HTML基础入门

作者: 图恩分类: 编程开发阅读: 1300发布时间： 2020-04-28 15:59:01

今天要分享的内容是HTML的基础，但是我觉得有必要先聊一聊我们学习的这个东西是什么？软件是什么意思？what is 软件？软件是与计算机系统操作有关的程序、规程、规则及任何与之有关的文档及数据的完整集合。一：软件分为两大类：B/S软件 C/S软件其中呢，B/S代表的就是Web(浏览器端)/Server（服务端）；C(客户端)/S(服务器端)代表的就是Client/Server二：软件的Lamp和Wamp环境主要区别就是：Lamp是在linux环境，wamp是windows环境Lamp：linux+apache+mysql+php的缩写wamp：windows+apache+mysql+php的缩写为什么学习HTML？学了能做些什么？HTML：超文本标记语言(Hyper Test Markup Language)的缩写，HTML不是一种编程语言，而是一种标记语言，描述网页的语言。HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。那么我们掌握了它可以做一些什么呢？例如我们看到的官方企业站/微信小程序/微信公众号都是实际都是HTML编写的。 HTML的构成标题注释：1.，是网页标题2.标题<head>标题<title>3.<meta charset="UTF-8">----修改编码格式，防止乱码4.标题之后，是内容。 <body>是文档内容.开发环境及其开发工具开发环境：windows linux Mac OSX开发工具：DreamweaverEclipseFrontPage WebStorm...WebStorm优点：智能的代码补全、代码提示、自动保存。（Dreamweaver最早我开发就是用的这个，中文名字叫做梦想编织) HTML基本标签<h1>~~<h6> 标题的大小字号-h1大号字 <h1>静夜思</h1><p></p > 段落标签，换段 <p>床前明<br/>疑是</p ><br/> 换行标签，但是换行 <p>床前明<br/>疑是</p ><hr/> 水平线标签 <hr/><em>...</em> 斜体 <em>举头望明月</em><strong>...</stong> 字体加粗 <strong>低头思故乡</stong><br/> 和 <hr/>---单标记，只有一个就有作用。路径路径(统一资源定位符),在编程中路径分为两种，一种叫相对路径一种叫绝对路径 c:\1\2\3\4.txt c:\1\2\3\5.txt相对路径:5.txt绝对路径: c:\1\2\3\5.txt可以理解为绝对路径是全路径。up是一个从事前端开发6年的程序员，在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!</div></div><div class="post-footer" data-v-8db8d892><div class="copy-desc" data-v-8db8d892><div data-v-8db8d892>本文由作者创作或收集，内容引用如有问题请联系站长处理。</div><div data-v-8db8d892> 转载请注明原文及出处：<a class="quote" href="https://www.dsiab.com/post/67fd6493-3a85-49db-bbb6-1c63802110bc" data-v-8db8d892>前端基础到进阶（1）：HTML基础入门</a></div></div></div><div class="postRecommend" style="display:none;" data-v-8db8d892><div class="common-title" data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul></ul></div><div class="comments" data-v-8db8d892 data-v-f2b74ff7><div class="add-comment" data-v-f2b74ff7><h3 data-v-f2b74ff7>发表评论<span style="color:gray;font-size:1rem;" data-v-f2b74ff7> (审核通过后显示评论)：</span></h3><form class="el-form el-form--default el-form--label-right" data-v-f2b74ff7><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-0" data-v-f2b74ff7><div id="el-id-1024-0" class="el-form-item__label" style="width:70px;">昵称：</div><div class="el-form-item__content" style=""><div class="el-input" style="" data-v-f2b74ff7><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于发表后名称显示" style=""></div></div></div></div><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-1" data-v-f2b74ff7><div id="el-id-1024-1" class="el-form-item__label" style="width:70px;">邮箱：</div><div class="el-form-item__content" style=""><div class="el-input" style="" data-v-f2b74ff7><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于接收回复邮件,不会公开展示" style=""></div></div></div></div><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-2" data-v-f2b74ff7><div id="el-id-1024-2" class="el-form-item__label" style="width:70px;">内容：</div><div class="el-form-item__content" style=""><div class="el-textarea" style="" data-v-f2b74ff7><textarea class="el-textarea__inner" tabindex="0" autocomplete="off" style="" placeholder="写下你的问题" rows="5"></textarea></div></div></div><div class="el-form-item asterisk-left el-form-item--label-right" data-v-f2b74ff7><div class="el-form-item__content" style="margin-left:70px;"><div style="text-align:right;" data-v-f2b74ff7><button ariadisabled="false" type="button" class="el-button el-button--primary" style="" data-v-f2b74ff7><span class="">发表评论</span></button></div></div></div></form></div><div class="commentsList" style="display:none;" data-v-f2b74ff7><h3 style="text-align:center;" data-v-f2b74ff7>文章评论(0)</h3></div></div></div></div></div><div id="imageList" style="position:absolute;top:9999px;left:-9999px;" data-v-8db8d892><div style="width:1px;height:1px;" class="el-image" data-v-8db8d892><div class="el-image__wrapper"><div class="el-image__placeholder"></div></div></div></div></div><div class="side-bar layouts-sideBar" data-v-aca2ff48 data-v-6c3b369b><ul data-v-6c3b369b><li data-v-6c3b369b><div class="search" data-v-6c3b369b><div class="el-input el-input--large el-input-group el-input-group--append" style="" data-v-6c3b369b><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="请输入关键字搜索" style=""></div><div class="el-input-group__append"><button ariadisabled="false" type="button" class="el-button" style="" data-v-6c3b369b><i class="el-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"></path></svg></i></button></div></div></div></li><li style="" data-v-6c3b369b><div class="_oi1z2s14bx" data-v-6c3b369b></div></li><div style="" class="_clzacg58dkb" data-v-6c3b369b></div><li data-v-6c3b369b><div class="module category" data-v-6c3b369b><div class="common-title" data-v-6c3b369b data-v-a72f5a0e>专题推荐 <i class="active-line" data-v-a72f5a0e></i></div><div class="el-carousel el-carousel--horizontal car-item" data-v-6c3b369b><button type="button" class="el-carousel__arrow el-carousel__arrow--left" aria-label="Carousel arrow left" style="display:none;"><i class="el-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg></i></button><button type="button" class="el-carousel__arrow el-carousel__arrow--right" aria-label="Carousel arrow right" style="display:none;"><i class="el-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg></i></button><div class="el-carousel__container" style="height:140px;"><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/10" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>程序员做菜指南</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/9" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>从零搭建博客</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/8" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>前端开发</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/4" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>javascript教程</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/1" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>vue3+ts教程</div></div></div></div><ul class="el-carousel__indicators el-carousel__indicators--horizontal el-carousel__indicators--outside"></ul></div></div></li><li data-v-6c3b369b><div class="module" data-v-6c3b369b><div class="common-title" data-v-6c3b369b data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul data-v-6c3b369b><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/242ea5df-b45d-4e8f-8ea7-8cdd03cea200" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>1</span>自驾罗浮山</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：1131</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-05-17 22:02:42</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/836bd4f5-aa6c-4859-9974-f7cf66f2a233" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>2</span>又遇高一班主任</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：1051</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-06-04 22:31:37</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/f64f79aa-3366-48b1-adea-4c9dc13c6c49" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>3</span>酥醪村到正果老街：一条不容错过的跑山路线推荐</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：884</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-19 22:18:57</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/bfd93c1c-29e5-4586-b70b-74562d03efa7" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>4</span>路过大梅沙，没预约真的会被拍！</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：810</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-15 10:28:10</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/527948e9-f7dc-4e58-b743-3ed230827b05" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>5</span>当我的手机能从26楼连接车上的蓝牙后..</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：807</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-16 22:28:47</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/f9f8c260-c6b6-4b4a-b50c-0beb0b124036" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>6</span>如何查看gradle包最新版本</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：704</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-12 10:14:01</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/f7cc3adf-cf00-4c07-a7ba-d23de7c9dca4" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>7</span>windows系统邮箱客户端推荐：foxmail</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：638</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-06-26 22:31:45</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/3247be63-0ff9-484f-846d-cf54c492112b" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>8</span>超速驾驶被扣6分，罚款200元</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：560</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-28 22:34:41</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/7cb2e04f-a04a-46cf-939b-cd9fcbc5a68e" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>9</span>在 Spring Boot 中集成 Caffeine 缓存</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：435</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-12 10:04:10</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/d25976bd-de3c-43a6-bb8a-0863417d99ab" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>10</span>回长沙参加老婆妹妹的婚礼</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：396</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-08-10 21:53:45</span></div></li></ul></div></li></ul></div></div><div class="home-footer" data-v-aca2ff48><div class="site-info"><div><a href="https://nuxt.com/">© 基于nuxt</a></div><div><a href="https://beian.miit.gov.cn/">粤ICP备20013202号</a></div><div><a href="/">© 2020-2025 javascript技术分享</a></div></div></div></div></div><div id="teleports"></div><script src="https://hm.baidu.com/hm.js?96ab5c4cd236e8e96687d2dab55e7034" async></script> <script src="https://cpro.baidustatic.com/cpro/ui/cm.js" defer></script> <script src="https://www.googletagmanager.com/gtag/js?id=G-HX495VD0E0" defer></script> <script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":578,"once":580,"_errors":581,"serverRendered":591,"path":592},["ShallowReactive",3],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":4,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":16,"$fGDP0lfhRzzcIZrKm5LSOtnMayYVo6F91NUEOELvP8B8":41,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":43,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":504,"$fiRqHhkPHNzaMZOsnTWUKEA0Tk1AT_53ouhwtala-aU0":566,"$fqDJMrZdyskehIk-RO_DGL4xvuNxrkNXa3qWMIwCm5Bw":576},{"code":5,"msg":6,"data":7},0,"操作成功",{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":14},"[{\"menuName\":\"首页\",\"menuUrl\":\"/\",\"enabled\":\"Y\",\"imgUrl\":\"首页\",\"desc\":\"/\"},{\"menuName\":\"关于\",\"menuUrl\":\"/post/5ee344af-58ce-4e44-a410-febc1d1730fa\",\"enabled\":\"Y\",\"imgUrl\":\"关于\",\"desc\":\"/post/13\"},{\"menuName\":\"优乐购\",\"menuUrl\":\"/tbk\",\"enabled\":\"N\"},{\"menuName\":\"开发\",\"menuUrl\":\"/post/category/3\",\"enabled\":\"Y\"},{\"menuName\":\"生活\",\"menuUrl\":\"/post/category/5\",\"enabled\":\"Y\"},{\"menuName\":\"大事记\",\"menuUrl\":\"/post/category/126\",\"enabled\":\"N\"}]","https://www.dsiab.com","粤ICP备20013202号","[{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-1.png\",\"desc\":\"如何通过pm2部署nuxt3应用？\",\"url\":\"https://www.dsiab.com/post/d435197f-f03f-481b-9c4a-f33d2875d317\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-2.png\",\"desc\":\"scrollIntoView 方法不生效如何解决\",\"url\":\"https://www.dsiab.com/post/c8df67f1-c2da-4b27-8659-1cb8ef1bd28d\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-3.png\",\"desc\":\"在Vue项目中引入tinymce富文本编辑器\",\"url\":\"https://www.dsiab.com/post/6c7ebba5-2b95-4ef4-baf6-2a8479746432\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-5.png\",\"desc\":\"宝塔面板如何部署nuxt项目\",\"url\":\"https://www.dsiab.com/post/63c6e7e2-0a87-49be-be71-a5a4bb74d4da\"}]","javascript技术分享","N","Y","2020-2023 javascript技术分享",{"code":5,"msg":6,"data":17},{"result":18},[19,25,29,33,37],{"id":20,"name":21,"postId":22,"valid":23,"topicId":22,"createDate":24},10,"程序员做菜指南",null,"1","2025-07-14 22:49:39",{"id":26,"name":27,"postId":22,"valid":23,"topicId":22,"createDate":28},9,"从零搭建博客","2023-05-29 00:08:30",{"id":30,"name":31,"postId":22,"valid":23,"topicId":22,"createDate":32},8,"前端开发","2022-10-29 18:53:22",{"id":34,"name":35,"postId":22,"valid":23,"topicId":22,"createDate":36},4,"javascript教程","2022-03-02 17:32:45",{"id":38,"name":39,"postId":22,"valid":23,"topicId":22,"createDate":40},1,"vue3+ts教程","2022-03-01 22:35:34",{"code":5,"msg":6,"data":42},{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":14},{"code":5,"msg":6,"data":44},{"result":45},[46,50,53,56,59,62,64,67,70,73,76,79,82,85,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,211,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,406,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,474,478,482,485,489,493,497,501],{"id":38,"name":47,"valid":38,"createdBy":48,"createDate":49},"未分类","admin","2022-01-20 23:26:35",{"id":51,"name":52,"valid":38,"createdBy":48,"createDate":49},2,"前端面试",{"id":54,"name":55,"valid":38,"createdBy":48,"createDate":49},3,"开发笔记",{"id":57,"name":58,"valid":38,"createdBy":48,"createDate":49},5,"生活笔记",{"id":60,"name":61,"valid":38,"createdBy":48,"createDate":49},7,"编程开发",{"id":30,"name":63,"valid":38,"createdBy":48,"createDate":49},"网络资讯",{"id":65,"name":66,"valid":38,"createdBy":48,"createDate":49},103,"育儿心得",{"id":68,"name":69,"valid":38,"createdBy":48,"createDate":49},111,"佳句精选",{"id":71,"name":72,"valid":38,"createdBy":48,"createDate":49},120,"资源分享",{"id":74,"name":75,"valid":38,"createdBy":48,"createDate":49},122,"教育考试",{"id":77,"name":78,"valid":38,"createdBy":48,"createDate":49},123,"开发教程",{"id":80,"name":81,"valid":38,"createdBy":48,"createDate":49},126,"大事记",{"id":83,"name":84,"valid":38,"createdBy":48,"createDate":49},137,"诗词鉴赏",{"id":86,"name":87,"valid":38,"createdBy":48,"createDate":49},140,"成长记录",{"id":89,"name":47,"valid":38,"createdBy":90,"createDate":91},151,"admin11","2022-08-24 22:26:29",{"id":93,"name":47,"valid":38,"createdBy":94,"createDate":95},155,"1111","2022-08-24 22:45:04",{"id":97,"name":98,"valid":38,"createdBy":94,"createDate":99},156,"123","2022-08-24 22:45:20",{"id":101,"name":47,"valid":38,"createdBy":102,"createDate":103},157,"admin111","2022-08-26 10:48:31",{"id":105,"name":106,"valid":38,"createdBy":48,"createDate":107},160,"网络文学","2022-08-27 21:27:36",{"id":109,"name":47,"valid":38,"createdBy":110,"createDate":111},161,"aasun","2022-08-30 16:16:01",{"id":113,"name":47,"valid":38,"createdBy":114,"createDate":115},162,"fadf","2022-09-04 13:23:58",{"id":117,"name":118,"valid":38,"createdBy":48,"createDate":119},168,"家乡动态","2022-09-13 22:33:10",{"id":121,"name":47,"valid":38,"createdBy":122,"createDate":123},169,"cbyniyga","2022-09-14 11:23:03",{"id":125,"name":47,"valid":38,"createdBy":126,"createDate":127},170,"masks","2022-09-14 13:24:23",{"id":129,"name":47,"valid":38,"createdBy":130,"createDate":131},171,"123123","2022-09-14 19:29:18",{"id":133,"name":47,"valid":38,"createdBy":134,"createDate":135},172,"qwer","2022-09-15 14:35:09",{"id":137,"name":47,"valid":38,"createdBy":138,"createDate":139},173,"qwer1123","2022-09-16 20:16:47",{"id":141,"name":47,"valid":38,"createdBy":142,"createDate":143},174,"aaaa","2022-09-21 10:25:36",{"id":145,"name":47,"valid":38,"createdBy":146,"createDate":147},175,"arthur","2022-09-29 15:46:20",{"id":149,"name":47,"valid":38,"createdBy":150,"createDate":151},180,"jiangmeng","2022-10-19 09:49:28",{"id":153,"name":47,"valid":38,"createdBy":154,"createDate":155},183,"test1","2022-10-27 13:32:49",{"id":157,"name":47,"valid":38,"createdBy":158,"createDate":159},184,"flower","2022-11-02 23:46:28",{"id":161,"name":47,"valid":38,"createdBy":162,"createDate":163},185,"test12","2022-11-21 17:13:44",{"id":165,"name":47,"valid":38,"createdBy":166,"createDate":167},186,"1111111","2022-11-21 22:40:22",{"id":169,"name":47,"valid":38,"createdBy":170,"createDate":171},187,"123456","2022-11-21 22:40:55",{"id":173,"name":47,"valid":38,"createdBy":174,"createDate":175},188,"23423","2022-11-26 16:07:57",{"id":177,"name":47,"valid":38,"createdBy":178,"createDate":179},189,"adlfll","2022-11-26 16:09:56",{"id":181,"name":47,"valid":38,"createdBy":182,"createDate":183},190,"adsf","2022-11-26 16:13:00",{"id":185,"name":47,"valid":38,"createdBy":186,"createDate":187},191,"test111","2022-11-26 16:14:12",{"id":189,"name":47,"valid":38,"createdBy":190,"createDate":191},193,"u1223","2022-12-02 08:37:06",{"id":193,"name":47,"valid":38,"createdBy":194,"createDate":195},195,"ferromagnetic","2022-12-15 15:54:46",{"id":197,"name":47,"valid":38,"createdBy":198,"createDate":199},196,"23444","2022-12-28 15:37:38",{"id":201,"name":47,"valid":38,"createdBy":202,"createDate":203},198,"wer234","2023-02-03 22:56:03",{"id":205,"name":47,"valid":38,"createdBy":206,"createDate":207},199,"234234","2023-02-03 22:57:12",{"id":209,"name":47,"valid":38,"createdBy":174,"createDate":210},200,"2023-02-03 22:57:30",{"id":212,"name":47,"valid":38,"createdBy":90,"createDate":213},201,"2023-02-13 21:11:11",{"id":215,"name":216,"valid":38,"createdBy":48,"createDate":217},202,"光影分享","2023-02-16 23:00:38",{"id":219,"name":220,"valid":38,"createdBy":48,"createDate":221},203,"佳文收藏","2023-03-04 20:45:25",{"id":223,"name":224,"valid":38,"createdBy":48,"createDate":225},205,"其他","2023-04-19 23:08:33",{"id":227,"name":47,"valid":38,"createdBy":228,"createDate":229},206,"234234234","2023-05-18 22:01:00",{"id":231,"name":47,"valid":38,"createdBy":232,"createDate":233},207,"admin33","2023-05-18 22:02:38",{"id":235,"name":47,"valid":38,"createdBy":236,"createDate":237},208,"admin333333","2023-05-18 22:05:03",{"id":239,"name":47,"valid":38,"createdBy":240,"createDate":241},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":243,"name":47,"valid":38,"createdBy":244,"createDate":245},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":247,"name":47,"valid":38,"createdBy":248,"createDate":249},211,"233fwefwe","2023-05-18 22:15:30",{"id":251,"name":47,"valid":38,"createdBy":252,"createDate":253},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":255,"name":47,"valid":38,"createdBy":256,"createDate":257},213,"23423eeee","2023-05-18 22:44:12",{"id":259,"name":47,"valid":38,"createdBy":260,"createDate":261},214,"erwdfzxc","2023-05-18 22:47:18",{"id":263,"name":47,"valid":38,"createdBy":264,"createDate":265},215,"夏季男女对表","2023-05-23 15:24:02",{"id":267,"name":47,"valid":38,"createdBy":268,"createDate":269},219,"zhl77","2023-06-18 16:57:27",{"id":271,"name":47,"valid":38,"createdBy":272,"createDate":273},220,"admin123456","2023-06-26 16:56:23",{"id":275,"name":47,"valid":38,"createdBy":276,"createDate":277},222,"youyou","2023-08-10 17:07:19",{"id":279,"name":47,"valid":38,"createdBy":94,"createDate":280},223,"2023-08-17 11:24:23",{"id":282,"name":47,"valid":38,"createdBy":283,"createDate":284},224,"809630306","2023-08-19 13:01:41",{"id":286,"name":47,"valid":38,"createdBy":287,"createDate":288},225,"test333","2023-08-19 15:18:40",{"id":290,"name":47,"valid":38,"createdBy":291,"createDate":292},226,"demo","2023-08-21 15:28:44",{"id":294,"name":47,"valid":38,"createdBy":295,"createDate":296},227,"1234569","2023-08-28 10:58:32",{"id":298,"name":47,"valid":38,"createdBy":299,"createDate":300},228,"qqqq","2023-09-18 17:50:40",{"id":302,"name":47,"valid":38,"createdBy":303,"createDate":304},229,"test123","2023-09-20 11:23:40",{"id":306,"name":47,"valid":38,"createdBy":307,"createDate":308},231,"zmx123","2023-10-02 16:03:50",{"id":310,"name":47,"valid":38,"createdBy":311,"createDate":312},232,"yinquan","2023-10-10 11:58:33",{"id":314,"name":47,"valid":38,"createdBy":315,"createDate":316},233,"1354541","2023-10-10 14:35:53",{"id":318,"name":47,"valid":38,"createdBy":319,"createDate":320},234,"","2023-10-23 21:09:51",{"id":322,"name":47,"valid":38,"createdBy":323,"createDate":324},235,"asdf","2023-10-23 21:10:26",{"id":326,"name":47,"valid":38,"createdBy":327,"createDate":328},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":330,"name":47,"valid":38,"createdBy":331,"createDate":332},237,"ls123456","2023-10-26 21:59:55",{"id":334,"name":47,"valid":38,"createdBy":335,"createDate":336},238,"18165042571","2023-11-06 11:05:45",{"id":338,"name":47,"valid":38,"createdBy":339,"createDate":340},239,"gsoft","2023-11-18 07:44:43",{"id":342,"name":47,"valid":38,"createdBy":343,"createDate":344},240,"tststs","2023-12-10 20:53:50",{"id":346,"name":47,"valid":38,"createdBy":347,"createDate":348},241,"骑牛上班","2023-12-27 14:20:26",{"id":350,"name":351,"valid":38,"createdBy":48,"createDate":352},242,"影视分享","2024-01-02 21:50:02",{"id":354,"name":355,"valid":38,"createdBy":48,"createDate":356},243,"音乐分享","2024-01-02 21:50:08",{"id":358,"name":47,"valid":38,"createdBy":359,"createDate":360},244,"11112222","2024-01-09 16:23:29",{"id":362,"name":47,"valid":38,"createdBy":363,"createDate":364},245,"ssdate","2024-01-17 14:38:21",{"id":366,"name":47,"valid":38,"createdBy":367,"createDate":368},246,"admin666","2024-01-21 15:40:53",{"id":370,"name":47,"valid":38,"createdBy":371,"createDate":372},247,"test51","2024-03-02 14:07:11",{"id":374,"name":47,"valid":38,"createdBy":375,"createDate":376},249,"bf斯金纳","2024-03-14 21:53:53",{"id":378,"name":47,"valid":38,"createdBy":379,"createDate":380},250,"testyear","2024-04-12 21:10:42",{"id":382,"name":383,"valid":38,"createdBy":48,"createDate":384},251,"stable diffuson","2024-04-13 23:00:11",{"id":386,"name":387,"valid":38,"createdBy":48,"createDate":388},252,"每日一图","2024-04-17 21:49:58",{"id":390,"name":391,"valid":38,"createdBy":48,"createDate":392},253,"AI问答","2024-04-23 23:13:47",{"id":394,"name":47,"valid":38,"createdBy":395,"createDate":396},254,"hy9810","2024-04-30 11:23:55",{"id":398,"name":47,"valid":38,"createdBy":399,"createDate":400},256,"444444","2024-05-25 14:47:09",{"id":402,"name":403,"valid":38,"createdBy":404,"createDate":405},257,"我是分类","test","2024-06-04 16:51:00",{"id":407,"name":47,"valid":38,"createdBy":404,"createDate":408},258,"2024-06-10 13:58:35",{"id":410,"name":411,"valid":38,"createdBy":404,"createDate":412},260,"ert","2024-06-10 14:12:08",{"id":414,"name":47,"valid":38,"createdBy":415,"createDate":416},261,"testing","2024-06-19 00:08:44",{"id":418,"name":47,"valid":38,"createdBy":419,"createDate":420},262,"weicong","2024-06-24 21:28:28",{"id":422,"name":423,"valid":38,"createdBy":404,"createDate":424},263,"测试1111","2024-06-26 15:29:56",{"id":426,"name":47,"valid":38,"createdBy":427,"createDate":428},264,"1234","2024-07-08 22:35:39",{"id":430,"name":47,"valid":38,"createdBy":431,"createDate":432},265,"adminadmin","2024-08-07 14:29:16",{"id":434,"name":435,"valid":38,"createdBy":48,"createDate":436},266,"玩车日记","2024-10-13 23:10:34",{"id":438,"name":47,"valid":38,"createdBy":439,"createDate":440},267,"1122","2024-10-31 20:24:40",{"id":442,"name":47,"valid":38,"createdBy":443,"createDate":444},268,"admin_sw","2024-11-01 14:00:32",{"id":446,"name":47,"valid":38,"createdBy":447,"createDate":448},269,"mundane","2024-11-22 15:23:28",{"id":450,"name":451,"valid":38,"createdBy":404,"createDate":452},270,"312312","2024-12-12 17:25:52",{"id":454,"name":455,"valid":38,"createdBy":404,"createDate":456},271,"43243","2024-12-12 17:26:03",{"id":458,"name":47,"valid":38,"createdBy":459,"createDate":460},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":462,"name":47,"valid":38,"createdBy":463,"createDate":464},273,"zj676606191","2025-03-24 09:42:21",{"id":466,"name":47,"valid":38,"createdBy":467,"createDate":468},274,"海洋之心","2025-06-07 21:47:31",{"id":470,"name":471,"valid":38,"createdBy":472,"createDate":473},276,"wefwefwef","admintest","2025-06-08 17:29:25",{"id":475,"name":47,"valid":38,"createdBy":476,"createDate":477},277,"mengmengrong","2025-06-26 15:46:45",{"id":479,"name":480,"valid":38,"createdBy":48,"createDate":481},278,"SQL","2025-06-26 23:03:01",{"id":483,"name":21,"valid":38,"createdBy":48,"createDate":484},279,"2025-07-14 22:49:15",{"id":486,"name":47,"valid":38,"createdBy":487,"createDate":488},280,"wangzhe","2025-08-13 10:29:04",{"id":490,"name":47,"valid":38,"createdBy":491,"createDate":492},281,"csadmin","2025-10-14 14:58:38",{"id":494,"name":495,"valid":38,"createdBy":491,"createDate":496},282,"666","2025-10-14 15:13:14",{"id":498,"name":47,"valid":38,"createdBy":499,"createDate":500},283,"asdasdsa","2025-11-07 23:56:09",{"id":502,"name":23,"valid":38,"createdBy":499,"createDate":503},284,"2025-11-07 23:56:46",{"code":5,"msg":6,"data":505},[506,512,518,524,530,536,542,548,554,560],{"title":507,"content":22,"createDate":508,"cate":434,"id":509,"uid":510,"page":5,"pageSize":5,"views":511,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"自驾罗浮山","2025-05-17 22:02:42",50513,"242ea5df-b45d-4e8f-8ea7-8cdd03cea200",1131,{"title":513,"content":22,"createDate":514,"cate":57,"id":515,"uid":516,"page":5,"pageSize":5,"views":517,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"又遇高一班主任","2025-06-04 22:31:37",50514,"836bd4f5-aa6c-4859-9974-f7cf66f2a233",1051,{"title":519,"content":22,"createDate":520,"cate":57,"id":521,"uid":522,"page":5,"pageSize":5,"views":523,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"酥醪村到正果老街：一条不容错过的跑山路线推荐","2025-07-19 22:18:57",51047,"f64f79aa-3366-48b1-adea-4c9dc13c6c49",884,{"title":525,"content":22,"createDate":526,"cate":57,"id":527,"uid":528,"page":5,"pageSize":5,"views":529,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"路过大梅沙，没预约真的会被拍！","2025-07-15 10:28:10",51046,"bfd93c1c-29e5-4586-b70b-74562d03efa7",810,{"title":531,"content":22,"createDate":532,"cate":57,"id":533,"uid":534,"page":5,"pageSize":5,"views":535,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"当我的手机能从26楼连接车上的蓝牙后..","2025-07-16 22:28:47",51045,"527948e9-f7dc-4e58-b743-3ed230827b05",807,{"title":537,"content":22,"createDate":538,"cate":54,"id":539,"uid":540,"page":5,"pageSize":5,"views":541,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"如何查看gradle包最新版本","2025-07-12 10:14:01",50526,"f9f8c260-c6b6-4b4a-b50c-0beb0b124036",704,{"title":543,"content":22,"createDate":544,"cate":54,"id":545,"uid":546,"page":5,"pageSize":5,"views":547,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"windows系统邮箱客户端推荐：foxmail","2025-06-26 22:31:45",50520,"f7cc3adf-cf00-4c07-a7ba-d23de7c9dca4",638,{"title":549,"content":22,"createDate":550,"cate":57,"id":551,"uid":552,"page":5,"pageSize":5,"views":553,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"超速驾驶被扣6分，罚款200元","2025-07-28 22:34:41",51048,"3247be63-0ff9-484f-846d-cf54c492112b",560,{"title":555,"content":22,"createDate":556,"cate":54,"id":557,"uid":558,"page":5,"pageSize":5,"views":559,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"在 Spring Boot 中集成 Caffeine 缓存","2025-07-12 10:04:10",50525,"7cb2e04f-a04a-46cf-939b-cd9fcbc5a68e",435,{"title":561,"content":22,"createDate":562,"cate":57,"id":563,"uid":564,"page":5,"pageSize":5,"views":565,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"回长沙参加老婆妹妹的婚礼","2025-08-10 21:53:45",51049,"d25976bd-de3c-43a6-bb8a-0863417d99ab",396,{"code":5,"msg":6,"data":567},{"result":568},{"title":569,"content":570,"createDate":571,"cate":60,"id":572,"uid":573,"page":5,"pageSize":5,"views":574,"comments":5,"wordsNum":5,"cateName":61,"keywords":22,"createBy":48,"nickname":575,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22},"前端基础到进阶（1）：HTML基础入门","今天要分享的内容是HTML的基础，但是我觉得有必要先聊一聊我们学习的这个东西是什么？软件是什么意思？what is 软件？软件是与计算机系统操作有关的程序、规程、规则及任何与之有关的文档及数据的完整集合。一：软件分为两大类：B/S软件 C/S软件其中呢，B/S代表的就是Web(浏览器端)/Server（服务端）；C(客户端)/S(服务器端)代表的就是Client/Server二：软件的Lamp和Wamp环境主要区别就是：Lamp是在linux环境，wamp是windows环境Lamp：linux+apache+mysql+php的缩写wamp：windows+apache+mysql+php的缩写\n为什么学习HTML？学了能做些什么？HTML：超文本标记语言(Hyper Test Markup Language)的缩写，HTML不是一种编程语言，而是一种标记语言，描述网页的语言。HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。那么我们掌握了它可以做一些什么呢？例如我们看到的官方企业站/微信小程序/微信公众号都是实际都是HTML编写的。\nHTML的构成\u003C!DOCTYPE html>\u003Chtml>\u003Chead lang=\"en\">\u003Cmeta charset=\"gb2312\" />\u003Ctitle>标题\u003C/title>\u003C/head>\u003Cbody>\u003C/body>\u003C/html>注释：1.\u003Ctitle>，是网页标题2.标题\u003Chead>标题\u003Ctitle>3.\u003Cmeta charset=\"UTF-8\">----修改编码格式，防止乱码4.标题之后，是内容。 \u003Cbody>是文档内容.开发环境及其开发工具开发环境：windows linux Mac OSX开发工具：DreamweaverEclipseFrontPage WebStorm...WebStorm优点：智能的代码补全、代码提示、自动保存。（Dreamweaver最早我开发就是用的这个，中文名字叫做梦想编织)\nHTML基本标签\u003Ch1>~~\u003Ch6> 标题的大小字号-h1大号字 \u003Ch1>静夜思\u003C/h1>\u003Cp>\u003C/p > 段落标签，换段 \u003Cp>床前明\u003Cbr/>疑是\u003C/p >\u003Cbr/> 换行标签，但是换行 \u003Cp>床前明\u003Cbr/>疑是\u003C/p >\u003Chr/> 水平线标签 \u003Chr/>\u003Cem>...\u003C/em> 斜体 \u003Cem>举头望明月\u003C/em>\u003Cstrong>...\u003C/stong> 字体加粗 \u003Cstrong>低头思故乡\u003C/stong>\u003Cbr/> 和 \u003Chr/>---单标记，只有一个就有作用。路径路径(统一资源定位符),在编程中路径分为两种，一种叫相对路径一种叫绝对路径 c:\\1\\2\\3\\4.txt c:\\1\\2\\3\\5.txt相对路径:5.txt绝对路径: c:\\1\\2\\3\\5.txt可以理解为绝对路径是全路径。up是一个从事前端开发6年的程序员，在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!","2020-04-28 15:59:01",2000,"67fd6493-3a85-49db-bbb6-1c63802110bc",1300,"图恩",{"code":5,"msg":6,"data":577},{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":14},["Reactive",579],{},["Set"],["ShallowReactive",582],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":22,"$fiRqHhkPHNzaMZOsnTWUKEA0Tk1AT_53ouhwtala-aU0":22,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":22,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":22,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":22,"$fGDP0lfhRzzcIZrKm5LSOtnMayYVo6F91NUEOELvP8B8":22,"$f302fFWbRQZzizVUCUbO1vbpiOOd0zY5-J4cA7Y4--bo":583,"$fqDJMrZdyskehIk-RO_DGL4xvuNxrkNXa3qWMIwCm5Bw":22},["NuxtError",584],{"message":585,"statusCode":586,"statusMessage":587,"data":588},"[GET] \"https://admin.dsiab.com/portal-service/pages/getRecommendBySameTags?id=67fd6493-3a85-49db-bbb6-1c63802110bc\": 500 Internal Server Error",500,"Internal Server Error",{"timestamp":589,"status":586,"error":587,"path":590},"2025-11-12T05:13:01.108+00:00","/pages/getRecommendBySameTags",true,"/post/67fd6493-3a85-49db-bbb6-1c63802110bc"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"84c42840-f941-4e80-acff-fa10590f68c1",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>