前端基础到进阶（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的缩写
为什么学习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 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!<p style='opacity:0'><a href='https://www.dsiab.com' style='cursor:unset'>本文章由javascript技术分享原创和收集</a></p></div></div><div class="post-footer" data-v-e0d09ea0><!----><div class="copy-desc" data-v-e0d09ea0><div data-v-e0d09ea0>本文由作者创作或收集，内容引用如有问题请联系站长处理。</div><div data-v-e0d09ea0> 转载请注明原文及出处：<a class="quote" href="https://www.dsiab.com/post/67fd6493-3a85-49db-bbb6-1c63802110bc" data-v-e0d09ea0>前端基础到进阶（1）：HTML基础入门</a></div></div></div><div class="postRecommend" style="display:none;" data-v-e0d09ea0><div class="common-title" data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul><!--[--><!--]--></ul></div><div class="comments" data-v-e0d09ea0 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><!----></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-e0d09ea0><!----></div><!--]--><!--]--></div><div class="side-bar layouts-sideBar" data-v-5fb8840b data-v-e86ddcfe><ul data-v-e86ddcfe><li data-v-e86ddcfe><div class="search" data-v-e86ddcfe><!----></div></li><li data-v-e86ddcfe><div class="_oi1z2s14bx" data-v-e86ddcfe></div></li><div class="_clzacg58dkb" data-v-e86ddcfe></div><li data-v-e86ddcfe><div class="module category" data-v-e86ddcfe><div class="common-title" data-v-e86ddcfe data-v-a72f5a0e>专题推荐 <i class="active-line" data-v-a72f5a0e></i></div><!----></div></li><li data-v-e86ddcfe><div class="module" data-v-e86ddcfe><div class="common-title" data-v-e86ddcfe data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul data-v-e86ddcfe><!--[--><!--]--></ul></div></li></ul></div></div><div class="home-footer" data-v-5fb8840b><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><script type="application/json" id="__NUXT_DATA__" data-ssr="true">[["Reactive",1],{"data":2,"state":469,"_errors":470,"serverRendered":479,"path":480},{"574zKRyEAZ":3,"IDsRz2IOoy":26,"06PyIpggrg":448,"zQL2lnwi2X":457,"g3oVWSWIeZ":467,"BWpfFwLXz1":11},{"code":4,"msg":5,"data":6},0,"操作成功",{"result":7},[8,14,18,22],{"id":9,"name":10,"postId":11,"valid":12,"topicId":11,"createDate":13},9,"从零搭建博客",null,"1","2023-05-29 00:08:30",{"id":15,"name":16,"postId":11,"valid":12,"topicId":11,"createDate":17},8,"前端开发","2022-10-29 18:53:22",{"id":19,"name":20,"postId":11,"valid":12,"topicId":11,"createDate":21},4,"javascript教程","2022-03-02 17:32:45",{"id":23,"name":24,"postId":11,"valid":12,"topicId":11,"createDate":25},1,"vue3+ts教程","2022-03-01 22:35:34",{"code":4,"msg":5,"data":27},{"result":28},[29,33,36,39,42,45,47,50,53,56,59,62,65,68,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,194,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,352,356,360,364,368,372,376,380,384,389,392,396,400,404,408,412,416,420,424,428,432,436,440,444],{"id":23,"name":30,"valid":23,"createdBy":31,"createDate":32},"未分类","admin","2022-01-20 23:26:35",{"id":34,"name":35,"valid":23,"createdBy":31,"createDate":32},2,"前端面试",{"id":37,"name":38,"valid":23,"createdBy":31,"createDate":32},3,"开发笔记",{"id":40,"name":41,"valid":23,"createdBy":31,"createDate":32},5,"生活笔记",{"id":43,"name":44,"valid":23,"createdBy":31,"createDate":32},7,"编程开发",{"id":15,"name":46,"valid":23,"createdBy":31,"createDate":32},"网络资讯",{"id":48,"name":49,"valid":23,"createdBy":31,"createDate":32},103,"育儿心得",{"id":51,"name":52,"valid":23,"createdBy":31,"createDate":32},111,"佳句精选",{"id":54,"name":55,"valid":23,"createdBy":31,"createDate":32},120,"资源分享",{"id":57,"name":58,"valid":23,"createdBy":31,"createDate":32},122,"教育考试",{"id":60,"name":61,"valid":23,"createdBy":31,"createDate":32},123,"开发教程",{"id":63,"name":64,"valid":23,"createdBy":31,"createDate":32},126,"大事记",{"id":66,"name":67,"valid":23,"createdBy":31,"createDate":32},137,"诗词鉴赏",{"id":69,"name":70,"valid":23,"createdBy":31,"createDate":32},140,"成长记录",{"id":72,"name":30,"valid":23,"createdBy":73,"createDate":74},151,"admin11","2022-08-24 22:26:29",{"id":76,"name":30,"valid":23,"createdBy":77,"createDate":78},155,"1111","2022-08-24 22:45:04",{"id":80,"name":81,"valid":23,"createdBy":77,"createDate":82},156,"123","2022-08-24 22:45:20",{"id":84,"name":30,"valid":23,"createdBy":85,"createDate":86},157,"admin111","2022-08-26 10:48:31",{"id":88,"name":89,"valid":23,"createdBy":31,"createDate":90},160,"网络文学","2022-08-27 21:27:36",{"id":92,"name":30,"valid":23,"createdBy":93,"createDate":94},161,"aasun","2022-08-30 16:16:01",{"id":96,"name":30,"valid":23,"createdBy":97,"createDate":98},162,"fadf","2022-09-04 13:23:58",{"id":100,"name":101,"valid":23,"createdBy":31,"createDate":102},168,"家乡动态","2022-09-13 22:33:10",{"id":104,"name":30,"valid":23,"createdBy":105,"createDate":106},169,"cbyniyga","2022-09-14 11:23:03",{"id":108,"name":30,"valid":23,"createdBy":109,"createDate":110},170,"masks","2022-09-14 13:24:23",{"id":112,"name":30,"valid":23,"createdBy":113,"createDate":114},171,"123123","2022-09-14 19:29:18",{"id":116,"name":30,"valid":23,"createdBy":117,"createDate":118},172,"qwer","2022-09-15 14:35:09",{"id":120,"name":30,"valid":23,"createdBy":121,"createDate":122},173,"qwer1123","2022-09-16 20:16:47",{"id":124,"name":30,"valid":23,"createdBy":125,"createDate":126},174,"aaaa","2022-09-21 10:25:36",{"id":128,"name":30,"valid":23,"createdBy":129,"createDate":130},175,"arthur","2022-09-29 15:46:20",{"id":132,"name":30,"valid":23,"createdBy":133,"createDate":134},180,"jiangmeng","2022-10-19 09:49:28",{"id":136,"name":30,"valid":23,"createdBy":137,"createDate":138},183,"test1","2022-10-27 13:32:49",{"id":140,"name":30,"valid":23,"createdBy":141,"createDate":142},184,"flower","2022-11-02 23:46:28",{"id":144,"name":30,"valid":23,"createdBy":145,"createDate":146},185,"test12","2022-11-21 17:13:44",{"id":148,"name":30,"valid":23,"createdBy":149,"createDate":150},186,"1111111","2022-11-21 22:40:22",{"id":152,"name":30,"valid":23,"createdBy":153,"createDate":154},187,"123456","2022-11-21 22:40:55",{"id":156,"name":30,"valid":23,"createdBy":157,"createDate":158},188,"23423","2022-11-26 16:07:57",{"id":160,"name":30,"valid":23,"createdBy":161,"createDate":162},189,"adlfll","2022-11-26 16:09:56",{"id":164,"name":30,"valid":23,"createdBy":165,"createDate":166},190,"adsf","2022-11-26 16:13:00",{"id":168,"name":30,"valid":23,"createdBy":169,"createDate":170},191,"test111","2022-11-26 16:14:12",{"id":172,"name":30,"valid":23,"createdBy":173,"createDate":174},193,"u1223","2022-12-02 08:37:06",{"id":176,"name":30,"valid":23,"createdBy":177,"createDate":178},195,"ferromagnetic","2022-12-15 15:54:46",{"id":180,"name":30,"valid":23,"createdBy":181,"createDate":182},196,"23444","2022-12-28 15:37:38",{"id":184,"name":30,"valid":23,"createdBy":185,"createDate":186},198,"wer234","2023-02-03 22:56:03",{"id":188,"name":30,"valid":23,"createdBy":189,"createDate":190},199,"234234","2023-02-03 22:57:12",{"id":192,"name":30,"valid":23,"createdBy":157,"createDate":193},200,"2023-02-03 22:57:30",{"id":195,"name":30,"valid":23,"createdBy":73,"createDate":196},201,"2023-02-13 21:11:11",{"id":198,"name":199,"valid":23,"createdBy":31,"createDate":200},202,"光影分享","2023-02-16 23:00:38",{"id":202,"name":203,"valid":23,"createdBy":31,"createDate":204},203,"佳文收藏","2023-03-04 20:45:25",{"id":206,"name":207,"valid":23,"createdBy":31,"createDate":208},205,"其他","2023-04-19 23:08:33",{"id":210,"name":30,"valid":23,"createdBy":211,"createDate":212},206,"234234234","2023-05-18 22:01:00",{"id":214,"name":30,"valid":23,"createdBy":215,"createDate":216},207,"admin33","2023-05-18 22:02:38",{"id":218,"name":30,"valid":23,"createdBy":219,"createDate":220},208,"admin333333","2023-05-18 22:05:03",{"id":222,"name":30,"valid":23,"createdBy":223,"createDate":224},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":226,"name":30,"valid":23,"createdBy":227,"createDate":228},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":230,"name":30,"valid":23,"createdBy":231,"createDate":232},211,"233fwefwe","2023-05-18 22:15:30",{"id":234,"name":30,"valid":23,"createdBy":235,"createDate":236},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":238,"name":30,"valid":23,"createdBy":239,"createDate":240},213,"23423eeee","2023-05-18 22:44:12",{"id":242,"name":30,"valid":23,"createdBy":243,"createDate":244},214,"erwdfzxc","2023-05-18 22:47:18",{"id":246,"name":30,"valid":23,"createdBy":247,"createDate":248},215,"夏季男女对表","2023-05-23 15:24:02",{"id":250,"name":30,"valid":23,"createdBy":251,"createDate":252},219,"zhl77","2023-06-18 16:57:27",{"id":254,"name":30,"valid":23,"createdBy":255,"createDate":256},220,"admin123456","2023-06-26 16:56:23",{"id":258,"name":30,"valid":23,"createdBy":259,"createDate":260},222,"youyou","2023-08-10 17:07:19",{"id":262,"name":30,"valid":23,"createdBy":77,"createDate":263},223,"2023-08-17 11:24:23",{"id":265,"name":30,"valid":23,"createdBy":266,"createDate":267},224,"809630306","2023-08-19 13:01:41",{"id":269,"name":30,"valid":23,"createdBy":270,"createDate":271},225,"test333","2023-08-19 15:18:40",{"id":273,"name":30,"valid":23,"createdBy":274,"createDate":275},226,"demo","2023-08-21 15:28:44",{"id":277,"name":30,"valid":23,"createdBy":278,"createDate":279},227,"1234569","2023-08-28 10:58:32",{"id":281,"name":30,"valid":23,"createdBy":282,"createDate":283},228,"qqqq","2023-09-18 17:50:40",{"id":285,"name":30,"valid":23,"createdBy":286,"createDate":287},229,"test123","2023-09-20 11:23:40",{"id":289,"name":30,"valid":23,"createdBy":290,"createDate":291},231,"zmx123","2023-10-02 16:03:50",{"id":293,"name":30,"valid":23,"createdBy":294,"createDate":295},232,"yinquan","2023-10-10 11:58:33",{"id":297,"name":30,"valid":23,"createdBy":298,"createDate":299},233,"1354541","2023-10-10 14:35:53",{"id":301,"name":30,"valid":23,"createdBy":302,"createDate":303},234,"","2023-10-23 21:09:51",{"id":305,"name":30,"valid":23,"createdBy":306,"createDate":307},235,"asdf","2023-10-23 21:10:26",{"id":309,"name":30,"valid":23,"createdBy":310,"createDate":311},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":313,"name":30,"valid":23,"createdBy":314,"createDate":315},237,"ls123456","2023-10-26 21:59:55",{"id":317,"name":30,"valid":23,"createdBy":318,"createDate":319},238,"18165042571","2023-11-06 11:05:45",{"id":321,"name":30,"valid":23,"createdBy":322,"createDate":323},239,"gsoft","2023-11-18 07:44:43",{"id":325,"name":30,"valid":23,"createdBy":326,"createDate":327},240,"tststs","2023-12-10 20:53:50",{"id":329,"name":30,"valid":23,"createdBy":330,"createDate":331},241,"骑牛上班","2023-12-27 14:20:26",{"id":333,"name":334,"valid":23,"createdBy":31,"createDate":335},242,"影视分享","2024-01-02 21:50:02",{"id":337,"name":338,"valid":23,"createdBy":31,"createDate":339},243,"音乐分享","2024-01-02 21:50:08",{"id":341,"name":30,"valid":23,"createdBy":342,"createDate":343},244,"11112222","2024-01-09 16:23:29",{"id":345,"name":30,"valid":23,"createdBy":346,"createDate":347},245,"ssdate","2024-01-17 14:38:21",{"id":349,"name":30,"valid":23,"createdBy":350,"createDate":351},246,"admin666","2024-01-21 15:40:53",{"id":353,"name":30,"valid":23,"createdBy":354,"createDate":355},247,"test51","2024-03-02 14:07:11",{"id":357,"name":30,"valid":23,"createdBy":358,"createDate":359},249,"bf斯金纳","2024-03-14 21:53:53",{"id":361,"name":30,"valid":23,"createdBy":362,"createDate":363},250,"testyear","2024-04-12 21:10:42",{"id":365,"name":366,"valid":23,"createdBy":31,"createDate":367},251,"stable diffuson","2024-04-13 23:00:11",{"id":369,"name":370,"valid":23,"createdBy":31,"createDate":371},252,"每日一图","2024-04-17 21:49:58",{"id":373,"name":374,"valid":23,"createdBy":31,"createDate":375},253,"AI问答","2024-04-23 23:13:47",{"id":377,"name":30,"valid":23,"createdBy":378,"createDate":379},254,"hy9810","2024-04-30 11:23:55",{"id":381,"name":30,"valid":23,"createdBy":382,"createDate":383},256,"444444","2024-05-25 14:47:09",{"id":385,"name":386,"valid":23,"createdBy":387,"createDate":388},257,"我是分类","test","2024-06-04 16:51:00",{"id":390,"name":30,"valid":23,"createdBy":387,"createDate":391},258,"2024-06-10 13:58:35",{"id":393,"name":394,"valid":23,"createdBy":387,"createDate":395},260,"ert","2024-06-10 14:12:08",{"id":397,"name":30,"valid":23,"createdBy":398,"createDate":399},261,"testing","2024-06-19 00:08:44",{"id":401,"name":30,"valid":23,"createdBy":402,"createDate":403},262,"weicong","2024-06-24 21:28:28",{"id":405,"name":406,"valid":23,"createdBy":387,"createDate":407},263,"测试1111","2024-06-26 15:29:56",{"id":409,"name":30,"valid":23,"createdBy":410,"createDate":411},264,"1234","2024-07-08 22:35:39",{"id":413,"name":30,"valid":23,"createdBy":414,"createDate":415},265,"adminadmin","2024-08-07 14:29:16",{"id":417,"name":418,"valid":23,"createdBy":31,"createDate":419},266,"玩车日记","2024-10-13 23:10:34",{"id":421,"name":30,"valid":23,"createdBy":422,"createDate":423},267,"1122","2024-10-31 20:24:40",{"id":425,"name":30,"valid":23,"createdBy":426,"createDate":427},268,"admin_sw","2024-11-01 14:00:32",{"id":429,"name":30,"valid":23,"createdBy":430,"createDate":431},269,"mundane","2024-11-22 15:23:28",{"id":433,"name":434,"valid":23,"createdBy":387,"createDate":435},270,"312312","2024-12-12 17:25:52",{"id":437,"name":438,"valid":23,"createdBy":387,"createDate":439},271,"43243","2024-12-12 17:26:03",{"id":441,"name":30,"valid":23,"createdBy":442,"createDate":443},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":445,"name":30,"valid":23,"createdBy":446,"createDate":447},273,"zj676606191","2025-03-24 09:42:21",{"code":4,"msg":5,"data":449},{"menuList":450,"siteUrl":451,"beianNo":452,"carouselUrl":453,"siteName":454,"carouselEnable":455,"siteDesc":456},"[{\"menuName\":\"首页\",\"menuUrl\":\"/\",\"enabled\":\"Y\",\"imgUrl\":\"首页\",\"desc\":\"/\"},{\"menuName\":\"网站导航\",\"menuUrl\":\"/nav\",\"enabled\":\"Y\",\"imgUrl\":\"网站导航\",\"desc\":\"/nav\"},{\"menuName\":\"关于\",\"menuUrl\":\"/post/13\",\"enabled\":\"Y\",\"imgUrl\":\"关于\",\"desc\":\"/post/13\"},{\"menuName\":\"升级日志\",\"menuUrl\":\"https://gitee.com/wilkwo/nuxt-web-plus/releases\",\"enabled\":\"Y\",\"imgUrl\":\"更新日志\",\"desc\":\"https://gitee.com/wilkwo/nuxt-web-plus/releases\"},{\"menuName\":\"优乐购\",\"menuUrl\":\"/tbk\",\"enabled\":\"N\"},{\"menuName\":\"w3c教程\",\"menuUrl\":\"https://source.dsiab.com/course/w3c\",\"enabled\":\"N\"},{\"menuName\":\"react教程\",\"menuUrl\":\"https://source.dsiab.com/course/react/react.docschina.org/index.html\",\"enabled\":\"N\"},{\"menuName\":\"mysql教程\",\"menuUrl\":\"https://source.dsiab.com/course/mysql/\",\"enabled\":\"N\"}]","https://www.dsiab.com","粤ICP备20013202号","[{\"imgUrl\":\"https://source.dsiab.com/upload/0913ca3e-fb3c-4120-98fe-62bd86cf9b42.jpeg\",\"desc\":\"如何通过pm2部署nuxt3应用？\",\"url\":\"https://www.dsiab.com/post/d435197f-f03f-481b-9c4a-f33d2875d317\"},{\"imgUrl\":\"https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg\",\"desc\":\"scrollIntoView 方法不生效如何解决\",\"url\":\"https://www.dsiab.com/post/c8df67f1-c2da-4b27-8659-1cb8ef1bd28d\"},{\"imgUrl\":\"https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg\",\"desc\":\"在Vue项目中引入tinymce富文本编辑器\",\"url\":\"https://www.dsiab.com/post/6c7ebba5-2b95-4ef4-baf6-2a8479746432\"},{\"imgUrl\":\"https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg\",\"desc\":\"宝塔面板如何部署nuxt项目\",\"url\":\"https://www.dsiab.com/post/3501\"}]","javascript技术分享","N","2020-2023 javascript技术分享",{"code":4,"msg":5,"data":458},{"result":459},{"title":460,"content":461,"createDate":462,"cate":43,"id":463,"uid":464,"page":4,"pageSize":4,"views":465,"comments":4,"wordsNum":4,"cateName":44,"keywords":11,"createBy":31,"nickname":466,"orderBy":11,"order":11,"coverImageUrl":11},"前端基础到进阶（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 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!\u003Cp style='opacity:0'>\u003Ca href='https://www.dsiab.com' style='cursor:unset'>本文章由javascript技术分享原创和收集\u003C/a>\u003C/p>","2020-04-28 15:59:01",2000,"67fd6493-3a85-49db-bbb6-1c63802110bc",1097,"图恩",{"code":4,"msg":5,"data":468},[],{},{"574zKRyEAZ":11,"IDsRz2IOoy":11,"06PyIpggrg":11,"zQL2lnwi2X":11,"g3oVWSWIeZ":11,"BWpfFwLXz1":471},["NuxtError",472],{"message":473,"statusCode":474,"statusMessage":475,"data":476}," (500 Internal Server Error (https://admin.dsiab.com/portal-service/pages/getRecommendBySameTags?id=67fd6493-3a85-49db-bbb6-1c63802110bc))",500,"Internal Server Error",{"timestamp":477,"status":474,"error":475,"path":478},"2025-05-04T06:40:07.918+00:00","/pages/getRecommendBySameTags",true,"/post/67fd6493-3a85-49db-bbb6-1c63802110bc"]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="module" src="/_nuxt/entry.86e33eb6.js" crossorigin></script></body>
</html>