web前端之初级html-学习笔记分享一

阅读量：

初级html学习笔记一

一、基础认知
目标：认识网页组成和五大浏览器，明确web标准的构成，使用HTML骨架搭建出一个网页

学习路径：
1、基础概念
1、认识网页
1、网页由哪些部分组成
文字、图片、音频、视频、超链接
2、网页背后本质是什么
清单程序员写的代码
3、前端代码是通过什么软件转换成用户眼中的也
通过浏览器转换(解析和渲染)成用户看到的网页

2、五大浏览器和渲染引擎
1、五大浏览器
浏览器：是网页显示、运行的平台
常见的五大浏览器：IE、火狐、谷歌、Safari、Opera(欧朋)
2、渲染引擎
渲染引擎(浏览器内核)：浏览器中专门对代码解析解析渲染的部分
浏览器触碰的个数不同，内在的渲染引擎也是不同的
渲染引擎不同，导致解析相同代码时的速度、性能、效果也不同

3、web标准
1、web标准构成
结构 HTML 网页元素和内容
表现 CSS 网页元素的外观和位置等页面样式(如颜色、大小等)
行为 JavaScript 网页模型的定义与页面交互

2、HTML初体验
1、HTML的感知
1、HTML概念
HTML：超文本标记语言。专门用于网页开发语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述

复制代码

  
    
 你猜，这个字是加粗的吗？
    
 <strong>你猜，这个字是加粗的吗？</strong>

2、HTML骨架结构

网页整体；网页头部；网页身体；网页标题 <details data-line="52" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页的标题</title> </head> <body> 这是网页主体  </body> </html</code></pre> </details> 3、开发工具的使用 Visual Studio Code、Webstorm、Sublime、Dreamweaver、Hbuilder VScode 快速自建骨架，输入 ! 3、语法规范 1、HTML的注释 方便下次的阅读代码者 注释的快捷键在VS code中：ctrl + / 2、HTML标签的构成 1、HTML标签结构 文字要变粗 常见标签有两部分组成称为双标签，由一部分组成称为单标签 3、HTML标签的关系 父子关系(嵌套关系) 兄弟关系(并列关系) 二、HTML标签学习 学习路径： 1、排版标签 1、标题标签 h标签，突出文章主题 <h1>一级标题</h1> <h2>一级标题</h2> <h3>一级标题</h3> <h4>一级标题</h4> <h5>一级标题</h5> <h6>一级标题</h6> 文字都有加粗，变大，独占一行 <details data-line="115" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> </body> </html></code></pre> </details> 2、段落标签 我是一段文字 段落之间存在间隙独占一行 <details data-line="160" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>这是文章标题</h1> <hr> 我是超级无敌大帅帅帅帅 帅帅***************************************************************帅帅哥 我是超级无敌大帅**********************************************************************帅哥 </body> </html></code></pre> </details> 3、换行标签 单标签 让文字强制换行 4、水平线标签 <hr> 单标签在页面中显示一条水平线 2、文本格式化标签 b 加粗 u 下划线 i 倾斜 s 删除 下面的是突出重要性的强调语境，所使用的标签 strong 加粗 ins 下划线 em 倾斜 del 删除线 语义 strong、ins、em、del表示的强调语义更强烈 <details data-line="220" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> 加粗 加粗 下划线 <ins>下划线</ins> 倾斜 倾斜 <s>删除线</s> <del>删除线</del> </body> </html></code></pre> </details> 3、媒体标签 1、图片标签 <img src="" alt=""> src 属性名 ""里面是属性值 src=""表示标签属性 单标签 img标签需要展示对应的效果，需要借助标签的属性进行设置 注意： 1、标签的属性写在开始标签内部 2、标签上可以同时存在多个属性 3、属性之间以空格隔开 4、标签名与属性之间必须以空格隔开 5、属性之间没有顺序之分 alt 替换文本 当图片加载失败时，才会显示alt文本 当图片加载成功，不会显示alt文本 tltle 提示文本 当鼠标悬停的时候，才会显示的文本 title属性不仅仅可以用于图片标签，还能用于其他标签 width和heigt 宽度和高度 注意： 如果只设置了宽或高，另一个没设置的会自动等比例的缩放 而如果同时设置了宽和高，如果设置不当可能会导致图片变形 <details data-line="298" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img src="./1.jpg" alt="">  <img src="./asd1.jpg" alt="这是一个吊毛"> <img src="./1asd.jpg" alt="这是一个吊毛" title="这是title文字当鼠标悬停的时候显示">  <img src="./1.jpg" alt="这是一个吊毛" title="这是title文字当鼠标悬停的时候显示" width="200" height="100"> </body> </html></code></pre> </details> 2、路径 路径介绍 页面需要加载图片，首先需要找到对应的图片 路径分为： 绝对路径：值目录下的绝对伪装，从盘符开始的路径 相对路径：从当前文件开始触发找目标文件的过程 相对路径分类： 同级目录 下级目录 上级目录 <details data-line="359" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>  <img src="F:\学习笔记\web前端学习\001_HTML+CSS基础到高级\01第一章HTML基础知识\操作\1.jpg" alt="">  <img src="1.jpg" alt=""> <img src="./1.jpg" alt="">  <img src="imges/4.jpg" alt="">  <img src="../2.jpg" alt=""> </body> </html></code></pre> </details> 3、音频标签 <audio src="./music.mp3" controls ></audio> src 音频路径 controls 显示播放的控件 autoplay 自动播放(部分浏览器不支持) loop 循环播放 注意： 音频标签目前支持三种格式：MP3、Wav、Ogg <details data-line="422" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>  <audio src="./music/ukulele.mp3" controls autoplay loop></audio> </body> </html></code></pre> </details> 4、视频标签 视频标签介绍 在页面插入视频 <video src="./1.mp4" controls></video> src 视频路径 controls 显示播放的控件 autoplay 自动播放(google浏览器中需要配合muted实现静音播放) loop 循环播放 注意： 视频目前只支持三种格式：MP4、WebM、Ogg <details data-line="465" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>  <video src="./1.mp4" controls autoplay muted loop></video>  </body> </html></code></pre> </details> 4、链接标签 链接标签介绍 点击之后，从一个业务跳到另一个页面 <a href="./目标网页.html">超链接</a> 双标签，内部可以包裹内容 如果需要a标签点击之后去指定页面，需要设置a标签的href属性 链接标签的target 目标网页的打开形式 _self 默认值，在当前窗口中跳转(覆盖原页面) _blank 在新窗口跳转(保留原网页) <a href="https://www.baidu.com/" target="_blank">百度一下</a> <details data-line="511" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>  <a href="https://www.baidu.com">跳转到百度</a> <a href="./001第一个HTML文档.html">跳转到001第一个HTML标签</a>  <a href="#">芜湖，这是一个空链接</a>  <a href="https://www.baidu.com" target="_blank">跳转百度</a> </body> </html></code></pre> </details> 5、综合案例 <img src="https://ad.itadn.com/c/weblog/blog-img/images/2025-02-21/AoCcpIuUMknTPtBi58E1hsaxmYzv.png" alt=""> <details data-line="562" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"></div> <div class="md-editor-code-action"> 复制代码 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg> </div> </summary> <pre><code class="language-" language=> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>腾讯科技高级web前端开发岗位</h1> <hr> <h2>职位描述</h2> 复制重点项目的前端技术方案和架构的研发和维护工作 <h2>岗位要求</h2> 5年以上的前端开发经验,精通html5/css3/javascript等web开发技术; 熟悉bootstrap,vau,angularjs,reactjs等框架,熟练掌握一种以上; 代码风格严谨,能高保真还原设计稿,能兼容各种浏览器; 对web前端的性能优化以及web常见漏洞有一定的理解和相关实践; 具备良好的分析解决能力,能独立承担任务,有开发进度把控能力; 责任心强,思路清晰,抗压能力好,具备良好的对外沟通和团队协作能力。 <h2>工作地址</h2> 上海市-徐汇区-腾云大厦 <img src="./1.jpg" alt="地图" title="地图"> </body> </html></code></pre> </details> </div></div></div><div class="flex justify-center items-center mt-14 mb-7 text-gray-500 relative"><h2> 全部评论 (0) </h2></div><div class="w-full px-5 py-10 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700"><div class="flex items-center mt-10 mb-5 justify-center text-gray-400"> 还没有任何评论哟~ </div></div><div class="related-articles" data-v-d902f1f8><h3 class="related-title" data-v-d902f1f8>相关文章推荐</h3><div class="article-grid" data-v-d902f1f8><a href="https://itadn.com/i0_22021308606/1899650" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>web前端之初级html-学习笔记分享一</h4></div>初级html学习笔记一一、基础认知目标：认识网页组成和五大浏览器，明确web标准的构成，使用HTML骨架搭建出一个网页学习路径： 1、基础概念 1、认识网页 1、网页由哪些部分组成文字、图片、...</div></a><a href="https://itadn.com/i0_52528918888/2344680" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>web前端之初级html-学习笔记二分享</h4></div>初级html笔记学习二二、HTML标签学习 5、列表标签目标：能够使用无序列表、有序列表、自定义列表标签，首先网页中列表结构的搭建学习路径： 1、列表应用的场景场景：在网页中按照行展示关联性的...</div></a><a href="https://itadn.com/i0_74304588054/2063122" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>WEB前端学习笔记-HTML</h4></div>001我的第一个html文件.html <!头 <head <!网页标题，显示在网页左上角 <title网页的标题</title</head 网页的主题内容，欢迎学习HTML!</body</html...</div></a><a href="https://itadn.com/i0_33211424776/1224266" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>Web前端学习笔记（1）——HTML</h4></div>html 前言学习视频链接：web前端开发HTML+CSS零基础权威编程入学宝典2021最新web前端工程师开发框架全套视频教程【渡一教育】程序员新手必看完整版文章目录 html 前言注释空元...</div></a><a href="https://itadn.com/i0_15851516963/3719091" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>【Python Web开发】前端学习笔记一【HTML】</h4></div>目录一、安装flask 二、flask快速开发网站三、HTML标签（浏览器能识别的标签） 2.1编码（head 2.2titlehead 2.3标题 2.4div和span 2.5、练习 2.6、...</div></a><a href="https://itadn.com/i0_77982228639/3747324" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>web前端学习笔记之TS</h4></div>简介 TS对JS进行了扩展，拥有了静态类型。类型类型例子描述 number1,33,2.5任意数字 string‘hi’,“hi”,hi任意字符串 booleantrue、false布尔值true...</div></a><a href="https://itadn.com/i0_95321074281/1429176" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>【Web前端笔记-基础】第三课·初识 HTML，标签学习</h4></div>一：标签的分类标签主要分为单标签和多标签。单标签是单个出现的，像我们常用的换行标签<br/ 多标签是成对出现的，像我的html骨架中的<head</head 二：标签之间的关系标签之间的关系分为...</div></a><a href="https://itadn.com/i0_12889304147/854885" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>【Web前端学习笔记】第一章 HTML常用标签</h4></div>Web前端学习笔记第一章HTML常用标签文章目录 Web前端学习笔记前言一、HTML是什么？二、常见标签 1.文本标签 2.列表标签 3.图片标签img 4.超链接a 5.表格标签table...</div></a><a href="https://itadn.com/i0_92179046881/1643725" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>JAVA学习笔记—前端学习笔记（一）—HTML、CSS、JS</h4></div>文章目录一、HTML基础 1.HTML介绍&规范 1.1介绍 1.2使用记事本开发第一个网页 2.HTML的使用 2.1文件标签 2.2排版标签 2.2.1HTML注释 2.2.2换行标签 2.2....</div></a><a href="https://itadn.com/i0_59458215841/1658594" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>【前端学习笔记——HTML】</h4></div>HTML 资料：网页的语义结构HTML教程网道wangdoc.com 1.格式 tag就是标签，标签用来告诉浏览器，如何处理这段代码。标签的内容就是浏览器所要渲染的、展示在网页上的内容。</div></a></div></div></div><aside class="w-full md:w-[17%] lg:w-[17%] order-3 md:order-none" style="position:relative;z-index:5;" data-v-d902f1f8><div data-v-d902f1f8><div class="gradient-bg w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700" data-v-b007e0bf><div class="flex items-center justify-between" data-v-b007e0bf><div class="text-red-600 font-bold" data-v-b007e0bf>未开通会员</div><button class="px-4 py-2 text-yellow-300 font-bold bg-black rounded-full" data-v-b007e0bf> 开通会员 </button></div>会员专享资源、会员博客等服务</div><div class="w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700" data-v-b007e0bf><div data-v-b007e0bf><div class="flex flex-col items-center" data-v-b007e0bf><div class="relative mb-4 mt-6" data-v-b007e0bf><button class="px-4 py-2 rounded" data-v-b007e0bf>点击登录</button></div><div class="flex justify-center gap-5 mb-2 dark:text-gray-400" data-v-b007e0bf><div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer" data-v-b007e0bf><button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555;" data-v-b007e0bf> 下载历史 </button></div><div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer" data-v-b007e0bf><button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555;" data-v-b007e0bf> 积分购买 </button></div></div></div></div></div></div></aside><div class="w-full md:w-[18%] lg:w-[18%] order-3 md:order-none" data-v-d902f1f8></div></div></div></div></main></div><footer class="bg-white mt-5 dark:bg-gray-800 text-right" data-v-d902f1f8><div class="w-full mx-auto max-w-screen-xl py-1 px-4"><a href="https://d.itadn.com/contact" class="hover:underline mr-12">免责声明</a></div><div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end items-center"><a href="https://beian.miit.gov.cn" class="flex items-center"><img src="https://itadn.com/_nuxt/police.DzUIhgta.png" alt="备案号图标" class="h-4 w-4 mr-2"> 鲁ICP备2023021068号-1 </a></div><div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end"> © 2024 <a href="https://www.itadn.com/" class="hover:underline">技术社区</a> .All Rights Reserved. </div></footer></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":67,"once":77,"_errors":78,"serverRendered":5,"path":80},["ShallowReactive",3],{"$fisQfJ6t2bXrlPeDvtvqvWGlWD0W_9A1TLqcqYJrHmoQ":4,"$furp8hRxUyxo0_p35TfEmO_TbRUHHStnLjOlcXWMCv8w":15},{"success":5,"message":6,"errorCode":6,"data":7},true,null,{"current":8,"size":9,"id":10,"flag":6,"username":6,"q":6,"t":11,"title":12,"content":13,"readNum":6,"listId":6,"vipFree":14,"summary":6,"status":8},1,10,1899650,"a","web前端之初级html-学习笔记分享一","ZfI8BtlKg/+im4xD/D3ihyJ3OiN75+ju4NFW3bAVncBOxcNkAMSdivEbXe5BgZIf3xtJxoCIuNx9yj1JfJLqwJaVR1liZyIuHYM6jS38jJIk0qsezI8/+PXfPdG6bXM38KL+hZfscejbkiFQExOiRK5Vfs+sQQvg1FaOpfJWNk2O+kgDljzYGtl5CeMY2vhRIKVOQL75KAWbOv2BDSpiOThXbnWiv7e8Pc6gdP3zTxDCOYFTgE6e0sGuVU0f4q7wkeeDYfeHIum8HUGaCOcDn/HeqlxIm8cTa8PIfAorwtNzUM2yM8Lr26zxpZPdYt9Z79yRxBEH0Q43jjqh9fYxBZYCDJJuy+wBToTUpbsQ+6Aq9mORS4RKtyoOJ9pLM/A9Ln7ZUYJto+LVRJiJeoFe/3lHbs8lBz6HyTFzwnSYqedVZ7TaCh6Ia/BEIJ1uV+lIJIMPRTL/HYp2yeKf6xpfn723PT0k8rDIqBOzzLlOuFpj3jo/6NFsEjCnmTy8xiUS/K7FKwaB3YyKlMquNa5hIwD7gX0eRve68GnS0fpU2hfWog00K4UG+UZzrAmnnvzpqhjOwCmzUMfgoIWq5HfWqD0abNjovPN5m41juPtHwdVMqGYIaGWmPw+E6InOc4EkA7ySlMTzjAVNamuSt0rgGMRzYF1ZAWLwvltamdeWCK5LFDjwD5oH//GS79w22cHTXSarqVwNRe++Eu/OaIUdoN8MWgN4+MN7vIHMDj3nvIt2BoWlkvinOa5JGqUJcHS9bBHbzxFGsxnZ1tpqEi/219LYX6QsjNbQmygta7IAYlwSHyRHxbpVzMUiMmqHRkJHwanpuk8sQlsuA2dnuEXFKwW/sh/GZs6+KrA1dz/evTapT+OMc16JR7U8ud1bWmD/T+GruusM04pBcfuPYFy0H/+MyOAZxfsIy7hMMrcyRqnK6QTdnrJ7d5c/KWpz2b45TXunCx/yTs62M0uHFovUKEPZJMsgz1U1YuiTkfQ09j1fLpA63hBGxiOaDz6pPMMImGXpHzb+KayjjBMPyp4nIlrYlHdhZOV/ui7C3l8zpMigffTZnvzCblo7OMwAzwTzbbg3Aaspew4N0s1lhnM2l7ISwtHvAULTwqdndyosMuQevGjlt9xErCD7FYBeDZByq9wr1Wu21JRqwCseB5JTsr7+S4Q6Z6TBv6spXb6pqmg0eivgupus9C3YU+xIWVXLqYwOU82QV0ZJjeqrfVSHv5PG8tjmUmvxqlrAHMWwPFIddeEd+qr+0qtzz6vOsAVKVc8qakCpVYrNi1llgrDHQTAXsL/rwnx4Xi4b9IiDrYmY+peNgLuqAHgBhyD7AAW/r1r9YqjDeGC+WqkNv9/jGMQIEDfeEeOzkC13QR7la1cmGVdevJA1PzDgaV0PuSzJhixFkZQWRurj/K9Mb2E978liIveM1v6nZ+km443GlF2cZ8rWiRY0leazbHGdTi7lQehS0nUDhwKZYdQFxsInlYFgX9Q8li6/VHHFDUumsAJU5WpgQeS99daNLMFIsf7rAFLKW9MaxxCjosXWO7EG8V8D+i8OpZjT9PELMHfgTU3qxM8LKeDlA71g/j82BkSDcvTfnaJnycpGdVo1bz9lfg8wtKBd0KdJTd/td0d31oS7vJaQ0WI88SCOsWBqmHxcnhosbDmZbQuO2Yu3LqRxCrR3pmGd8uf8NvXy4ksR9NX4rIYenbF0BdIpd9P86Hnu7S0GTjDLEQkc2nnyF8Pc7UP+k+RYpKsjA/444DCLa4XU18lcdnB4feRi6dVqpjmTWAdBmYufBp7HKvTTyCuEdsYlUOUVpPMP5Vojh/7FvDW66DvFrlVNd+06pvs+q2QwVuFjrtnBsnasf45rsAI1xmWoAIzp2GJ4FkRYjUQUPtpC7B6c3o4s5FlvmP4N3gEMG3nIaSvUUaHTiIb9TbKszajdDXGkxpmGzL3WQHIvqylrFeY99lnCtOEm0QXowdXMrntiuRSkX9Wopnuwlri8ba0j+4tsyay5w7ncdQxl01UT5T2yaH35+hiWB9rO/aL89QNgVrRzCRkJ6Fq86mhDEO9d+7S/LB0MOymupmK+ZyqXnPjKtscATuoES7S5c1WjshCKrL58SwzBlFM8twlIGq7vWq07vksZNVhsUWWAQw3oiagu+ptzBGlzNqw0XLkR4iaxcKi5JPPNo/AVv4xlnkAnINSVT2mOepuTIV9NEumc7ECqR4T6gqJP/tTyRNZ8HTi/UCAFW/KP7NuzGtpg3zJ6eu3AlSNOKflNTYs3KxwTagGvHLQtDmQjnFVO4j6sxoqRsF0WcQAyTF50+gbQgJXrZ8NC28uYZlFaqrQd37UGh/Dav+g7wXZhq7m4NbKD7CvW2kd1z6yEExBtbJWCP+TIT38i/9t9jucPsxkS8tsGyJlhx/yXYpt1eXaDhSvbR5B59nFw8OQN+adEySM1aNLaAm5h8+fv1Nq3Hf95yMGj52gbNCvP+kZHV4YO5EyI6SyESlzx00p68a1z4h800mTqy1D9FnZb0IABDKFQuuX/fnoh+1EG7Gsd6upGMba4jn7vBivOiz+Np4aTTDA6J9b/jDaTOlEaLFcw1oIx9IHakPzFt3RMDTp6/jRhsamCIRLRts8RW+wvmchXGkML+HBllaf0Z11OBV9h4oOc+4oPUIZ8/5aNE+FPirJ503tT04NxImiJRIq3t5rN7u7yh7/pJtFjwWF2T4PNYH1IeWk5s4USUjsBdXjCzdcL2pM2xtJsvJe0AW/C+6k+LkGU9NGwR5MSm2Zjes01ycAHt2xmLofHYMiIbrAb+Y6DWLolSrPlOdoNsQn/s2X4QKfQpMcNEl3+eT/rUyFERwMWH/jJluskJCukNSdtuZsIe3TEGWZkq0Wb08CJ5+WBYuhIwV4ZQNw8FfGRkIfxNcT8mo+RQHGOk+0+PIA0WvT9f9KHd8S1ThKcUPbK/jG2dPcxEB+gmNfLtLLvEzVpgbjD7yoma6VpPzpsw0c4x7x7MKjiJn87cklRjkJ0Rzhysljaeu0MIGadovIsZAtkbKY2UO2ZiWT/MJ/FIo0tHA+H2crqE0PzCqP6E9jK2wd3U0tVMTXUwWxNTT4RmvX3PyxN42pKD/daoPAXjrs0X+RsD5tnJjfkvgaStkRwhFkqDmaYiX2oLEMS2za3e348LZB+tYxUWbOfMrcCEvACnFbYgj/3rCBF75hn7rZxekXZ8VVrCrU+B6ZWAC+7dRxWuWhMPxlsAyxvCM+Bro+/121mm9InNm1qPfpmUx7yP9pW11n/aQ5p5EJK/xw+qHig6I6bpI/SsfzwKDGil5azEEDR3ykZkIF99MXYU4HzInOsgKpWLvWkMRu1lvGG9dMBt29IPiPmFo5WgBJCDzK9bywwg0NzcjJhLlGoHNRRB0GNqaxX7shtx4lkqPNxaEyDQNN1HzWcL6NOJkGPoZlUZ+Di30UXbq2sGcusdgatLENX8jC9wQdlni6ac/niQnnxa6RRVSLXZ7+ckCBfRvW2+s1XfY9WKINkbgHG351XRhLpS/BWFWOcDNHEAVxK5AXGA1JLMo8Rs+Dq1KHwzEtJeO7c8ghbGQHf0CeQrKCyVGl+EqzkVoH54bCvsqIW/Xe6rxUtZXV9MXsq0/kdlaieQY8rmYnzLdZ47lcQAozSAWJDf/+/e8mkLXlETkkLYitoP/uKogThrHjcTFEMo7rIEbR5jub0tWEkRcq1wpLavXL2c2balse4+9RKyL7qwl8aL1ndTpFJEXTP9AOYAHch+plwX2IxXZGCySGqhcldyDB597VjiwV4wx0EiIYKKpSWF4frQlYE53NeldwYt3Kg8dpObW3nZZv1gUfbyl5wo9pDrzCtXSG8OKu0+HHF76RSERAcjfTAmkuS8t222pUnElAiOhlUPBvN/drN1qB1tq+lC3qopSIk8k+YK214PJdimmlHkGbPaSdQX29LFTcoV+olJsl3lWgdb0AjIa1hquWD3br0QH5NN3vT0d1vNM0lv//pNEaQ1rc9OOrqp6MvuOI1qRu+iDiaDR4Pq6Zo1SkpQREB5xmaEcdAqjFt4q21iWiq5PJmQCwdkdLl5G0Hmeb9GZVq69ZePygQCQHxOGKICImW+WcbJlHi5RJ25fZERRNBjvURwHWHydlKw4VfxNiePGxuYrv/bI9xATLIlFPncsgbjdvfK4KhKKx+w0+ZhZPK09yeW/vOPO70Wg2BypPq8fjIDvinzQC+8gp6ynXDC6YIHJtZu6VZQQgrPXUA6hImuVyeuCeShamb+05m1atQhl9W7jv+YjChTo52SDKqiLdfmGc27aHgO5cYiBfbYTtCeaJGtFen/Be6JjWTiD5n1GaVVJ0/0/0K6dYNdJZNGtDHGcASfv4bEAffdUjA0X4jRBU30hU522SNx8p++zYjp3G3Oah3GE65TBVvYiMN8QtDBu7ji28yMUZRHUneOpI69d/aZ0lMqZQ9CnCQRa+WquLI7dKrdcpMpIeJ4R0bZQqkRLRAFlAGbO4OXNoZshTLrpKmdAtIX0B6gUeF7WHKuOX7EOzHV38gDRnkzg8IOdkl/zu53KjWZenf8SsskwwdWT5uZYvnZjYfX5cCqIdJJwOhSAmGylZAmXYKeD6aIzywg9HQqyo+q6kWHX8ZoVOh5+c1GStvGAXnyvUS6r5V1HCStTlY47Yj6YmoQFRZQgiun2GzHd8isH3/+C9RjLQx0nqwuRTnXtzfxkpamNebqZY7se2Wn1iSKv8xAxpgF3GdmiKm74nuxme9tKwF5wKS0TbTWbG/7IjWNXMK9Ve4D+n4oDw+c+F4Mz8HTRV1PmFN6rUAAnn16Bfy+m3L23xkBnomplCZ+zF1rLJmaIou3j/X8x1g36IUxkze+o3DG4FUMbZSQFpq8Faaui6QXEnNd6R5Lvd5CuBxG2ZrHblMTyXOzv664fuOzp+wgV0t4gOxst8WWnt2X7FxQCybDPnPg4LQvel/mQyvp/L7TpEPD83qvalkTurrz3jmHwQSJqR9UEcmHBJqnCcQI+HAKsgR8IfQc//r4nDlmTAtXnm+w49RpmsIyYXbuO3pWUubGKBo3bZM8EZM8gQ6e9I0B+95kFtAi1b0p2+SrB60GvhApX7U9E60DCvgRA2D48I1P/nGbldbm4POJlRGOTh0/VdQp4TIfoRgqaYVCKxM5+VT+ozhTXv6nhmIufW8kPp8tHicK93Mf7fzi0h4EjpOfXbotIdB0NmphLaFDML9IZoqBDGlQdDZqYS2hQzC/SGaKgQxpUHQ2amEtoUMwv0hmioEMaXCUWMRn5bTJ/lxH5DIvr0vq3U0iaRFu7f44Z3rkc6ArLpmrJYKE4EV68DjyWgEyYAbU3aTe84DgjuZ41dWosQtQdDZqYS2hQzC/SGaKgQxpUHQ2amEtoUMwv0hmioEMaVB0NmphLaFDML9IZoqBDGlJqbmugligbnK3pg3BoXqW/7olFZoNNkZJMepHhF2qAW2YoYTgtKBpzniVEIw4Q0LwiyS1F3rvq+LiF5SOwCDoJ3z05bIRlamkRV/6k0gHkJI8SuLoI2Za1eP0ABzksK9dPYI763OU1HJgyIKfzNrJzoL10V1uJt4php7yhMOu/v0YM+7ZO37eQlchbKEqoiSeBUpeBVsmGezLamb/6BZry2TFUTeufmPD5Aee+Bb/eyRsrsqGFTA3TMMAepvHR/PFC6KkiH3IQU5hdtKwNeJ1UGhRcJGEi5SH8VjKqKxpT+AB0JKvrf1t6+RACiYCA9kUAAiI+Y/cQrMF71fFO1XXm3nWyLOBG47OGmpSVaV03azGordiU7WCfh7dsB5abSZxwDqJ2Y+eArrNHzjTGLkl6xvH7APyA6LPVG/Z/suDMsVM5F5zYWBOgzOzLOCoAXtJu/ImMJBT8N72QWyVTsvfas4B7/ZBwGwdFDwL+EVkL6FjR6TUriEWUvS9ikH0wQpUQ4755oCL/qkuAPrZtsvTG5l2qQgdylBQNa8sZIQtMGvvHmIge8deLDD9x+cFSVPwkq431ctIy+93EzaayZqo/NoIjbwQ6tWuyJMRaSwCkMWvDqtArB9ZP8hO8ygNMP61XImznNOdQSRunMwcMmIdVVAVsV2kdd/7hgqiAa+N+2irtuCL8K0Yl/D9E3ntiaJMfxS8294osGEJrEabswNh8VnyuoMGfIURiEEvGAEQ14vUOugBpfpQfMTurl+Jht8VDbXn4Lt7DzwZo5KpsgCruWGeRQXCS9JfB+E8JY0rB8UP3FsFgpnRaq3xotgbqzrL1DroAaX6UHzE7q5fiYbfHjXW9Cf8LGCzzQF6haR3dtVI6o6NIIEYaA/YjWw+mAezw21JnKSDDKg5mrlgshKpbS9Ok7+D9MY51UuRfs/SF0zwf0jWMzpmUxbs1kzQ8GaD1lmNwvDBq65Raxzu2jlbTLgo6dL3GznuQJiOx4FH1tzHocvl/uB+8epIvWUmV96XG5dagEZMwaBQDoD4ehIrDH8juvgGWkqX95V/r3zCEA+7lNWjNT+Q8kdD2aJnflcvhMTPLkMO0Rpjj7e0PK0hVEwos4GoASHdBbaVZXA3M6cCskdku8sYT+fykKupodmBudeZF4q1BAH8GFsjMijY2qN0aq1brTI2FdiabPpBP4byUKrBbTu5T94a5vOBQyvK4EzdTd1+fd1IpfPQ1dJPH758T/5+L886iBXEcJE4j+zuiSFoZJeggQYyZN5lB1mJfu0cTT0Z6AI9AZDqv6OEyKK5TcNvcfQtSChz/xln2M4hRs84x22t4dIyCNUNWZ67UZCC27wAOx7U1eVKPc2WrvJRhZUdp9ZQeENDX5qNYi0QBZQBmzuDlzaGbIUy66S/pK0bVlmeE8kSuXQSw1uA+kIht4Cy/PYwGEVyXzCrC+V7yymTOrk60ZGuhd2AyuU6BvNGPOUWf8AHF7EvzSRICQYDc87WbR0nj+Tf5vEQReEm2LzpHTijHRJBP/QQTjHOGIn47zRC9v5DlQTYzZ5f9MZrF0wp6mP0EreJ47f2aZKzU0fNV/KZAtWOHygvv1xGPfOiymk6NqiSeclpHosSuA1EY3r6azMpBKBRqCnzz8PYkuyRoq9ZkTdldGu/XUrRAWI6+U8qa8Uhp6e8cItMENFDFfbKRXvDirEkQBnDIY1J9bZUxnxEfHk2bwW0Y3Iv39GIKo80QClVwXDBNY8Ym0FotnS32k+POvRgCzqeZ3n8AyYaUuGLb1yaRaogyuIz2SXjlzPbI7Geh60+sqgHH8zcOzDvhqtSPu3YBR+90c3JLcaeljWtuWC7mH2yOjYcVjSkMH42R5gHXedNXWlIYwtw+T2Rswjig2ZFkolcTt+Qbjldho+eocJDll0/h0F7zADVabAhDnLCPeihuHT2IlU8OSm1MD14/L3HL7OsEsSrCG5dLeXXo2WVlP2az/G41gjRtH0dao22+iQyckDonXiNvpmEP6IWm9rpIgGxaS6XPFG7+WYqxcKHXxT9LbKYg/ZafAFj6c1SMOQrr88YCE1vwFrdr+LE41Rn4xjvRB61Xbj2+jiPMqQoilgGHpAec0noyYNN8LKhGiNJeBfO4DXV3bYKsU7+PWxeDUUcMr9esLwxV4OAKvHo3/a5qT46etHCrMJc012lN+NOsPFzNJZMq/GAZK33DzEZQhWhzfX2UTPysWJ6/eLaz31+cfWcC9DSeWLRk1CD+wK6owXmcMIxqEg4mCMzm3fWRHgEBf7AWOKstvV9DeMMmIu7WJYDa8xoOcfWrJSpXWGQXuLWtQ1uHRFzi2BWldo/9Wzi7ke4HZJ8DZtkagBDNcrqXikpZp8IUpoJ3MGyIpaT2Z77dnsPv8bWgjNKaUXIOHLIeXMNlRWQiUb61SZBaIqbgGyQFP8ZvE9dYRDZVRju1AgCpOYNRLducs+9dpQKeqau3ucaFKS/XRbrjj0ctuBLm5rHilCCqNddNAFnZ32aAXSHY9SLnCx14HBgQXZylD2NQB+xe0w6vixFJBoDT66uTKOHENFKckgokU8OE3/Q4ldwIoy1n2Bc2T6ccWT0+xofZLd7MXDcDa1OYaWWcXUsAH+3geu2uanSVm9zRmt2eCFOw3RXfdWH6jfxxyqssyTO8tBI7S9HosWqDczD6QnfryOkQ80za0aid6fFVAFXhl/cZQQ+wl4PFZK77e2F5SFW7gGytgvtpMkjI+J57T6CjsOpPyuXHv16uNN466I4u6sCafebVUHgr3eifM/K1Xx/zqmlyYsR32yusUBYyyFrlexYgSNLHspOUKj8HLSA/dlPyWdlvXdU/FYZVZ1ahShViIAR+pkXj9eBQh/A6Jdp6Y1eKAwdB6wYaj7XrpENHnG9Py/52PgGDoumghlL4hpEwiwvOVEHdcxseFFpukIbLOvOueOntopvv+cLemTLJw/2aTip7mTy2+omGIteaBwPJ/mZp3j85YLRE7RaH2I/rWtNJEwb+qpZ8mOFi6DYz+vB5x8ReD797kpussHgtyErGMGiTF7J/1gCpNuGxHbVb7WeMWnryyjvotYMFqOckA38RlX8LLfEdvCZwg/yFd1F6m9Puj5d6Ab61ufvcXRHL/tx26mPOOyoX6snLZmKrhum/G+oSziP5gxSmKME3/o5On1hLEVfM0Q8Y1AJp8kIVMkSib0Kw0HSlC3HEZt7HabUOa2oFe+6/DAwURLjhzoMUw+fSCUT6sZTOQFUTUdTxMOnSjocTXvt1UiZLO45KBEo+fAoBcoYDDs/jOIWJfnn1vtOKTmEUmkEVMlYlKvPYPrEoW0nc0t1AxV9QIxwiROucgpEPOxQo2AWN7ol5IkvP8iCpkzHFX30qmIrOE7ZdVngIQKbCiwgfG/kR/ba2CpucRtYv1y0n9xLpCF9AvGSW29NS623cggdGC8RtSbG2gbxmHgSnrS+cGbFA/eRxEjOkcxaNo6O7365TAvEI6ikFCLpL0gqkPvfGPJDZsP6cTDrJstA0Ue7ZTMsU+sEHZ20aVi1ivXI5W4Pazc0szBB+0ut3LSdJPQF5y6SlGtbRa144UdqwLcKbiz4uiL2CTsufzZ2ASJfnXXsDumalEAFpNawCaUEDCB+b4UluqZy7Dd4WmGwhgfXFGDA+l2RYreZV7BredYgo+Dly/GLvChYhKdKOhxNe+3VSJks7jkoESjZg8rsZK13c27Panb5Gu1lufQtXVVlXqf2dwki90catB+5M7xFrn6sJtWxwIE24nQkv+qkfKle2OwPt9ZYiETlHiA/2RDehU3FQvyYY3SJJViD6IOLNVF48ndR1D5D7WeNIQ00AzRSkKPRgTEy+IJ4N+tsMUsY0Wc9k1f+AygZd3nbBobvsnjZYWl00anOycxGdX6wXtNfu0KyLSn4HziS482UyEBjbv0fI8pvuTD2vhO2M7Xu4GGFkgFJv5Sn6zVTlIc1sYVopPwt+7IKl5oEaq9ElSyHmCEwvqtveWPkYchAF8eJjPI3lOQU68WoddkqHIsEOOk0rMhVLQFfT/BxALYCqdjqYhYCadTVuEXmUaN5frE6D8Tz0XSz+NaO0LEkZqdMb/20pGGykDVaVxCHaq0EuHGtMW9ToG4mtt3aUt0y0GiG1JOv9bhC97ILxqSr2pplbz/KvHZl/7YHeynVdF4lzSV7/yYFXXqNi5k6pWiJe0mzTCxWcMdKRnWLnz5QAifQSB977cItamnORDHRU4nijdXA6NWHhqY9keBnwikYbeK+Bm8l1EFRPvmSvvezjwyS9AFOQMLkcTgMcJ2z5WIq6r2h9QECSnSIWv3cVavrOGfB3Yj9zDTJtInWceadxj3prw5XxlI0H7otLwgj0/quPiQVQ0FX3WK0TLd3lV3XuU0HJkQhbe0wEoSZDI4AyqoKGKt0De+MmGdQWFK+i0ym67p8VSKMaGWIErML6jXCsszyaOJIPUQD65Y2V5/0CkAxXFvPmOaKKMr4O6a2DZqfsGISBr8EPtbdJfKB2ksN/y/ljTv+ZWljDTKwoYmcLrl4eIJHjLS7BC/uADlvddT0z7y14NbRjydDxcAIDUwr/OgRyKOMENY9i6yt6kPEK6a7F39u42v1vfeRpEAgppUcwJhtB1Fook25bvU1jW73IN5iJIPvEPnLMCOA3wCyd/dDXDYyyX9/4DbkwcUSfxn0baih69hWB8L/Ri4sX047VpPQI1p4PBO6NBOKXrKXlvjq7TY1At8wRsqQugBJ8aCkIU/97DlQKt7qWV+R4zAiKYIBhJEYCp5nisdh2JeeRyDj1piu4XmaRQK9zmMOpwt5KWiBINwKAqRlbiqTO7SyG85/jsKqwjpYpb20/zbWb04vxnqR0RwJ5wTZKWbBhhrf+dMgvvpOJGjBs3Dzbi+OqPWjS8qeyytrXzyZ3KOcGOfNC8YxySlXOl/eVoiflefEcxU19uQ36DPmBiE4U7FHqPbfdrFva3IjQVl/Op+DR/i8YYfI1gHf+7l2vDCqLM3kVXURW5DTZDSEQITutrTWIEPeV0cWBt8x6H3UeURViCzTQc8vQkM5VF9TuozQpjHJlv/4f+aKgJIIjhd4cgtsOMzr8wyYNauQyCJBdB3WVa+ZWm4Og2bpyBU+w/7Q0KmbvARd29a7CVz57AQOrPGx2q3sXvNZkTtiEaRL2nuFg3NMrbwdIkZezaEqqEOS86akw7Uvr7m2OAZ1PMVNbfASnEkGqA+hdcYhPngM4Ub6C14xL+v4fyYaoxiALtsahlX8LLfEdvCZwg/yFd1F6kWDc0ytvB0iRl7NoSqoQ5LvOa31czZbgzLZwjRPz7VIA3W8pLWS+Vi9BnhUwYzdqm83dO2JD7+yXMBWEeigpWA+jQATFlT0paEFvIHVeh5ma+3NIwK4CB6bHa9IqFZaCnXi4ebrlLJOXrqCaFVsXtupckaqGW1XCO6xMC+TC5P8kwYXKzSF01FZMwfXfFW2Uh+E/bZSNFLhXhFG4uPmVzqmBjCdyThoZ5OjvWOfpWYY6/+RqBr5tdiOv/sShSXo7nPICY5O2snjj/mAYGe1vhSLtmNbqR5I/do+R25dlh8AD3+5ep26IHqEYJxyKIjZPoJPoTVMhvsjv4oQFJcfQAqRlKwPKP7vf2KMjnS62f76Zkprfd8rAn/uaez/PUw0AIvxiqvoYjOFdlWzVKUQ4glU0ggESufJ1AGl/mVJmrQHVnixolTQPufYBtttBP2pLZoEfJ6qDcMyWaPbOmQFFFLPkclBhvt2cyzWkFJLkWSRRa8Oq0CsH1k/yE7zKA0w/rVcibOc051BJG6czBwyYh1VUBWxXaR13/uGCqIBr437aKu24IvwrRiX8P0Tee2Jokx/FLzb3iiwYQmsRpuzA2HxWfK6gwZ8hRGIQS8YARDXi9Q66AGl+lB8xO6uX4mG3xUNtefgu3sPPBmjkqmyAKu5YZ5FBcJL0l8H4TwljSsHxQ/cWwWCmdFqrfGi2BurOsvUOugBpfpQfMTurl+Jht8eNdb0J/wsYLPNAXqFpHd21Ujqjo0ggRhoD9iNbD6YB7PDbUmcpIMMqDmauWCyEqltL06Tv4P0xjnVS5F+z9IXTPB/SNYzOmZTFuzWTNDwZoPWWY3C8MGrrlFrHO7aOVtMuCjp0vcbOe5AmI7HgUfW3Mehy+X+4H7x6ki9ZSZX3qqtMcWICZxNvZJcm4FS1C5VTDwyPPIVihvoOz8nBVxvYO8xw22lr0XvpInEugtNIWPT4RVYDLrB3p5SAvv5xcS3LgBPTfmsesd0ovlAr3P4sm4UKsNgRkGaM7KjBBTQsFBbOAQ2WPOyAz+7JuzyMFHB1EqIEWNZwcAUoemN4+CGR6bTrs7LKRwV5U2y2jHCg8Z1Hsrb8LR6p53zPfi4WfpzrijgD20Cl5Pc9ZJjq3J+1KBj4KpmelIW1CFioovAsOWl0RWhgd8PWC1AfIFV+DVz/IvlBk/nup8cKU/7PFjt3jfJEVpy2hRzJSuVoyyIGbW5kytQfkJxW0b33iemtmza4RfMlUh9yZHOkGR1af53kiP1cFA83CDNs3oJI1nuTCzM+aKVmUSrkmLR132E7X55smdME7omnQCnhugn/rkWskadS/M+xgIJuFTqCjSGXaMDAZTl6lNmYCdlFmkT32NF7M33FYwPFu4FC/K1xEr+NvVB7gVyL8O3GXHSr0AW55HEyKK6lj5duHIZHmRVpMsqyrxbC4PsXwBE1ffMbQpgnAwXYtlC8/nWMjzotloG4pB4FUKb1nIf6C7+UVKbv7+cDGjXoPslQbjCfLWrs7GwzN9f3robbeiE+SxIFl/o1j41V9aRagOrl1ylAKfX44+Ahxa5s1rUChdNkeanyzDyg3RXfdWH6jfxxyqssyTO8tBI7S9HosWqDczD6QnfryOkQ80za0aid6fFVAFXhl/cZQQ+wl4PFZK77e2F5SFW7gGytgvtpMkjI+J57T6CjsOpPyuXHv16uNN466I4u6sCafebVUHgr3eifM/K1Xx/zqmlyYsR32yusUBYyyFrlexYgSNLHspOUKj8HLSA/dlPyWdlvXdU/FYZVZ1ahShViIAR+pkXj9eBQh/A6Jdp6Y1eKAwdB6wYaj7XrpENHnG9Py/52PgGDoumghlL4hpEwiwvOVEHdcxseFFpukIbLOvOueOntopvv+cLemTLJw/2aTip7mTy2+omGIteaBwPJ/mZp3j85YLRE7RaH2I/rWtNJEwb+qpZ8mOFi6DYz+vB5x8ReD797kpussHgtyErGPvbJ28wjK5W0raVsGyg7ElRidH3QW+dqeqMEGHx68JsQdMaXxX2pJHk98jGD4oN9f70ZknJh33XGg3F20TQQ9kknFqmFR700hqSKsgnK13bMAPVxU7diCzyUc7NQX5kGGMPrKyW7lKIJf00F+85yfxFo8hqjARDSPF0fD9Znb3tPKeUpj8E4Oiq/33usoLxKYkiWaggzRbYn8ZVbY3VBjGqrTHFiAmcTb2SXJuBUtQuaS3ZSTCpoOTDjwSZ4ZBcq011p33xt2RMBRLjth/CayzmXU177OLya6B0fnFZwzpbeINDYRKQZyRgGkMV3MrnGzOuKOAPbQKXk9z1kmOrcn7UoGPgqmZ6UhbUIWKii8Cw01502vtWYAX5FkeKN8X5Ju5YVyutosd/9O8tLkj3NKI/3drmsLEHc+8A0C+XTXBxoTdQxhmE3LfLFUXvgjW1kzPdElkRcU48Bl3ppGt9vyjDis6tRolEt/BoFr30fKFOtQFEkacY4VI501RdT0ErDF7ac++Uo0sCDMxbkXGdqbUbpjbDbTxXdoQrBczcSQW2eAwgdU9caLUxknThBSsWYH7EkQxct51vv1hTPCuOOkAwAMumHEvNVbqw8t3ESla1NsNWiLZkO+r1sQacDDl0QEQObUJ+LU48yRGYcxYc/P3SM8KuKOZP3ffT0IZU/5VG8HYAJnAilJFjdWkYWHReLc8iCsHh1csNLsqrvoWgbtH8IdDtifJ5FEh/rGke10H52/Ux7nJ+XTYAC5J+NQMM/YI3CT35Nek/PNaPKz9GsT+qlyRL5IBtM6+dhtAeZ0fXT7TFVzoQDv8Dp+zhVG05qbYB3znPL4PBC69XXt7ikTAXTxBWbfAZakSAusK4CQk9l4W1ZdkSKHNtTVX9emgz+ij5yA5Xjxbk3R2uDCMplHjONSfPB/ScE5x8AtXBndzWH/AEAfYRF+fGefC9Dw6LTwmrto1eb6uq/SOHGGND8s5q5bCB4C6nl+oDblUr6H8PgxxkZiVKdhU8/JKTIbq1Asy+a0sBhbTH3cfnoUo2vh7CgvtRchwVNpaANz9h4qvgsdKtGru+j8Q/dJbpThAz7CGCmYkxCa8AJ2Nu+M+k2g0OwmMGyDUYn0pEI6Alvnj50HfC+knS86eF1i9WKQHPn4x0Az8zNyc+Pj8apEfpimDYwe3z20Y02RpbdPCLfQl8FzcNeALozIcola/DvNA00J8wqWcHrEjmctKd57aSCCMXu6lwHs4Nyrbs/ExVOgU3K0r8lftKDpOpwMRfrT2Ts0RDyaAv6rRO4Nkhmsg7MseXKDYVNFaL8Bd8B9Dw0z7pQHNKpRPefc5SM45Sw58raysizV3bYSRGK0J+/cL0t0OyX2MnysXHHPMGUv4JfwyugZ+328demBXbtl1QJ8r70uR3n/ud7o288wKgDg1viCCY4Cfs3KBxQHo/OooybkbA9jPY+fRQVFo3F6LnYvL2NrAF75oVrmK5DkUWirSr6PVs5ASkFedDbcMDUgzgtKOWLRT9oWfMIkTkQCu41NxidQH/jO3EMqphjMSc0mxKgE09i16dQhypSff9LIyvT6qdXXoDRxKfh0WjysJEG+O9poht0geaHxfh94z6K6jjMsqtpRL8SaxEsFCyFUZiy9Mtjeq6tuX/kfhxXWzKtur07psfB0Cf25L+ByO+ln6KwkZPypYBcnKHuuw0VX9KBmLJ+9snbzCMrlbStpWwbKDsSVez34Zy6ZMRYkjc6lD8ziQhQJ+8/UvUuPKks4EYlzaiclsN/OsqcwfTbrtuVlg40s3Q3sSzqpqgoFA9WheO1ICBAifjueZM/u0UtkTF/e82rlx/O8Cbzax5rkKnH0znFkgrZFm2wKXcPP6rtHT6LTrZMfZGIaS2OxxgdnZRPz8qFWdpXHJoPOLVmj0a1jIOdynBpT4QBm3rHHnlsJYeE8LI8eprl2VARZDaEoriJenSD5nWu/m5WSpOPu12ffmdSnmFOwB2beSVYFxYQHhRbdrslhQPJGrvoJZlKUYmd3IGhr+Dn7puOYyH/JqW4jh4LN/JxOPNZc/YVrkD/vEUZVOsh7WlnCgymOdNWuC+dv7k1W5TcPHIZPq5MZ/sRvmAAiNmvMBDY9ERo5mZTiqay7U/KjkN2WwX2oUc5q7YRwkV0J9wbs18nVj1ddetE7b/ZXfT82Hac16Auz8pP24yyOQsiPF/+J2QvxWpL+3cM7hGuZ0effeHhor3/7FKcVh8Zp3xigv5G2Cs4//lwzT3EOQPkMIm1IkzpvQuIab+880Mjvu8hAJpv6PJQKxOqyW5TZi0nKDYouKHoPxx16R6RZUAKC9QamtJs9xWfd6tpE0rrl9pHGdDnOHtAnkDz5eGaJEzErQmxXNBuHCE5o21tU4L1DroAaX6UHzE7q5fiYbfBS/75Q1gckupZB68SWnnooFdcMpMblq/55I5Y21ZmbgoWiKEJYWzZojM/9/HcZPGMrv9Tv+zqiPjQdfiyliYNkGnvmUSJJjdKEGs89yF8wTBXXDKTG5av+eSOWNtWZm4Bw/KQs5VlA0ufsVEYXNB/YHcROJzGSeBScxprFbwHYtKQv3nYNkgyP8uXWAlEK1MD6FWYsVTaiASiA1JYBIWzl6lwQ5cnTMnURcP45s08Ljr229Sdy+BF9abZVL65n5cv9+eiH7UQbsax3q6kYxtriOfu8GK86LP42nhpNMMDonDqBIfyuDoY11LNi7w89DErZVR3igTsGCzUbJk+EniyvScrGr34jLfc86g59fTrvjMjp67y3OZvdNC+bi1YYSf/ROtAwr4EQNg+PCNT/5xm4qfUAzmgD9jswi0ZnXd3fwiN+k3mxSezp0E//SCKQF4y1uqg4zNW8BMiFd8tusOqWQeg+E7ud9YSW2Mmo+oDQOEfzXv2s+ImwiK7jVG/9k4gNCQqJKGteLnBenLqvz/W8ySqIlG/sV8E5jWmNe61fm9x5o0uF2+H1zn/b/3aVWx3QsenCVCSyG1upKVZLN/9VnNu2h4DuXGIgX22E7QnmimOfjUsDROkjXXv5+g08DWklmWRZo0Pl1oUPbyGlSUPcOd6IS+pkMN0dmNo79BSJAYnKzp3fpHRZhHQw159GiwPrechoRkHdTrKUnS6b1Nyk+/lj6dxKGWy8i1seKd8TA+pdByAJSbBUPlP4W11WBKw1nvdVgEpg5hGo0IfIkIM3lKhpVVKtbJMhYZqOcOi8NoZwAxLKKp8kpy5ixH0IwupEMQxhNJhu2oymXowAQHeXMKBiZTNJT52wg5IA1ZzpfqeHku3RIqJNFghDDKxsibCWvgqhk2K+V0qFEN66jTcXeHsybqDmqXCUVT5mhxG0nS783D9T9Cx/09C79sdqrAt9OW1cPlRjy/Rm+if7Zi9G5NtxxWfgrSFuvyePB0NJ4XIvHvpEVlveg6YPXBu9WR0x9okEVZreF43xhqcBh3xtfrq5NRgFl3h8vEbARtXmE7QM2Ydy4XCEK2GhpyX0yZrfOwvu6GRtR2T36tzB/5DW+SBqJWSLFgy6bj3syKzH24hn6WlcwntO+/3k+fl9h6z5bOCvWv/4AxD3azoXr1SjaMp6rsIqWFUDESaiYumd7ujYFZcDLgEnCI3nHokKhTUyn2qkKkDxMQGxCIRGUs+NQVIfaC2ZnDDZXqUX7bLL8+05J3mpFZMDqP6Zwksc47QJgMgbqWOyjioj5EUtmH2NemkbnzTGt6KVChDxHaiZYRGh5QSrBRc5amzgFrY9CZgPWjI1ZPp/SNlICze7bApEKsaW32xe1ykRYLl4cB1ZYiEZlg5WTsv3gbwQbVo2qa9R3lRGyTKa8ZbSiJCJl9iEPy/tz4SG7x8+Yp3dj5UAVnMmsMTcXn5EVq9bTP2uQlMxS77YGGvi6hjzjcYqP0aygZu30fZDTsePLE9q6jBim9x5o0uF2+H1zn/b/3aVWx2QHpYul3+Ir0JOMLKTLkOk9db3wDzAu1418m+mQLvGAu9fy3HRFjBfC8YSr8A0SbY2a8wENj0RGjmZlOKprLtR5BYJz7NyQhSv6xuxhpkyS",3,{"success":5,"message":6,"errorCode":6,"data":16,"total":66,"size":9,"current":8,"pages":9},[17,21,26,31,36,41,46,51,56,61],{"id":10,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":12,"seenum":6,"description":19,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":20},0,"初级html学习笔记一一、基础认知目标：认识网页组成和五大浏览器，明确web标准的构成，使用HTML骨架搭建出一个网页学习路径： 1、基础概念 1、认识网页 1、网页由哪些部分组成文字、图片、音频、视频、超链接 2、网页背后本质是什么清单程序员写的代码 3、前端代码是通过什么软件转换成用户","i0_22021308606",{"id":22,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":23,"seenum":6,"description":24,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":25},2344680,"web前端之初级html-学习笔记二分享","初级html笔记学习二二、HTML标签学习 5、列表标签目标：能够使用无序列表、有序列表、自定义列表标签，首先网页中列表结构的搭建学习路径： 1、列表应用的场景场景：在网页中按照行展示关联性的内容。","i0_52528918888",{"id":27,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":28,"seenum":6,"description":29,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":30},2063122,"WEB前端学习笔记-HTML","001我的第一个html文件.html \u003C!头 \u003Chead \u003C!网页标题，显示在网页左上角 \u003Ctitle网页的标题\u003C/title\u003C/head 网页的主题内容，欢迎学习HTML!\u003C/body\u003C/html 002HTML的基本标签.html \u003C!doctypehtmlHTML的基本标签 1.流水知音，惜","i0_74304588054",{"id":32,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":33,"seenum":6,"description":34,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":35},1224266,"Web前端学习笔记（1）——HTML","html 前言学习视频链接：web前端开发HTML+CSS零基础权威编程入学宝典2021最新web前端工程师开发框架全套视频教程【渡一教育】程序员新手必看完整版文章目录 html 前言注释空元素语义化 Emmet 乱数假文lorem 标签内的内容 [id=cha]属性内容类别 HTM","i0_33211424776",{"id":37,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":38,"seenum":6,"description":39,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":40},3719091,"【Python Web开发】前端学习笔记一【HTML】","目录一、安装flask 二、flask快速开发网站三、HTML标签（浏览器能识别的标签） 2.1编码（head 2.2titlehead 2.3标题 2.4div和span 2.5、练习 2.6、超链接 2.7图片 2.8列表 2.9表格 2.10input系列 2.11下拉框 2.12多行文本","i0_15851516963",{"id":42,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":43,"seenum":6,"description":44,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":45},3747324,"web前端学习笔记之TS","简介 TS对JS进行了扩展，拥有了静态类型。类型类型例子描述 number1,33,2.5任意数字 string‘hi’,“hi”,hi任意字符串 booleantrue、false布尔值true或false 字面量其本身限制变量的值就是该字面量的值 any任意类型 unknown类型安全的an","i0_77982228639",{"id":47,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":48,"seenum":6,"description":49,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":50},1429176,"【Web前端笔记-基础】第三课·初识 HTML，标签学习","一：标签的分类标签主要分为单标签和多标签。单标签是单个出现的，像我们常用的换行标签\u003Cbr/ 多标签是成对出现的，像我的html骨架中的\u003Chead\u003C/head 二：标签之间的关系标签之间的关系分为两种：嵌套关系和并列关系嵌套关系：嵌套关系也叫做父子关系，是说一个标签在另有一个标签的内部，例如我","i0_95321074281",{"id":52,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":53,"seenum":6,"description":54,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":55},854885,"【Web前端学习笔记】第一章 HTML常用标签","Web前端学习笔记第一章HTML常用标签文章目录 Web前端学习笔记前言一、HTML是什么？二、常见标签 1.文本标签 2.列表标签 3.图片标签img 4.超链接a 5.表格标签table 6.表单form 7.分区标签总结前言 Web前端包含了许多内容，其中HTML是前端的重要基础","i0_12889304147",{"id":57,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":58,"seenum":6,"description":59,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":60},1643725,"JAVA学习笔记—前端学习笔记（一）—HTML、CSS、JS","文章目录一、HTML基础 1.HTML介绍&规范 1.1介绍 1.2使用记事本开发第一个网页 2.HTML的使用 2.1文件标签 2.2排版标签 2.2.1HTML注释 2.2.2换行标签 2.2.3段落标签 2.2.4水平线标签 2.2.5分区标签 2.3字体标签 2.3.1字体标签 2.3.2","i0_92179046881",{"id":62,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":63,"seenum":6,"description":64,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":65},1658594,"【前端学习笔记——HTML】","HTML 资料：网页的语义结构HTML教程网道wangdoc.com 1.格式 tag就是标签，标签用来告诉浏览器，如何处理这段代码。标签的内容就是浏览器所要渲染的、展示在网页上的内容。","i0_59458215841",100,["Reactive",68],{"$ssite-config":69},{"_priority":70,"env":74,"name":75,"url":76},{"name":71,"env":72,"url":73},-10,-15,-4,"production","nuxt-app","http://itadn.com/",["Set"],["ShallowReactive",79],{"$fisQfJ6t2bXrlPeDvtvqvWGlWD0W_9A1TLqcqYJrHmoQ":6,"$furp8hRxUyxo0_p35TfEmO_TbRUHHStnLjOlcXWMCv8w":6},"/i0_22021308606/1899650"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{baseURL:"https://itadn.com"},app:{baseURL:"/",buildId:"28267351-07e4-4a4a-a3a4-3d090537eea6",buildAssetsDir:"/_nuxt/",cdnURL:"https://itadn.com"}}</script></body></html>

是否确定退出登录?

web前端之初级html-学习笔记分享一

初级html学习笔记一