HTML学习笔记四
最新推荐文章于 2024-08-23 09:47:36 发布
阿茶阿茶
最新推荐文章于 2024-08-23 09:47:36 发布
阅读量280
收藏
点赞数
分类专栏：
HTML5
文章标签：
html5
版权声明：本文为博主原创文章，遵循
CC 4.0 BY-SA
版权协议，转载请附上原文出处链接和本声明。
本文链接：
https://blog.csdn.net/Flora_hsx/article/details/124305721
版权
HTML5
专栏收录该内容
8 篇文章
0 订阅
订阅专栏
本文提供了一个HTML代码示例，展示了如何使用
元素进行布局，创建表单包括用户名和密码输入、单选按钮和复选框，以及下拉列表。还涉及了
用于在页面中嵌入其他网页，以及如何设置背景颜色。此外，解释了HTML颜色表示方法和XHTML转换的基本步骤。 </div> <span>摘要由CSDN通过智能技术生成</span> </div> </div> <article class="baidu_pl"> <div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-044f2cf1dc.css"> <div id="content_views" class="htmledit_views"> <p>一：小例程</p> <pre><code class="language-html"><!doctype html> <html> <head> <meta charset="utf-8"> <title>第四天</title> </head> <body> <div>行路难，行路难，</div><div>多歧路，</div><div>今安在？</div> <hr> <form> 用户名:<input type="name" name="jude"> <br> 密码:<input type="password" name="112233"> <br> <input type="submit"> <input type="button" value="取消"> </form> <hr> <form> <input type="radio" name="age" value="age">A:14 <input type="radio" name="age" value="age">B:15 <input type="radio" name="age" value="age">C:16 <input type="radio" name="age" value="age">D:17 </form> <hr> <form> <input type="checkbox" name="Transportation" value="bike"> Bike<br> <input type="checkbox" name="Transportation" value="bus"> Bus<br> </form> <hr> <p>下拉列表</p> <form action=""> <select name="age"> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> </select> </form> <hr> <iframe src="domo_iframe.htm" frameborder="0"></iframe> <hr> <p style="background-color:#00F0FF">我是有颜色的一句话</p> <p style="background-color:rgb(0,130,255)">我是有颜色的一句话</p> <p style="background-color:blue">我是有颜色的一句话</p> <hr> </body> </html></code></pre> <p>二：知识点</p> <p>1：<div>元素是块级元素，可用于组合其他HTML元素的容器，其没有特定的含义，浏览器会在其前后显示折行。常用于文档布局。</p> <p>2：表单元素<form>是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。</p> <p> 多数情况下被用到的表单标签是输入标签（<input>）。</p> <p>3：HTML框架<iframe> ，可以在同一浏览器窗口显示不止一个页面</p> <p> frameborder 属性用于定义iframe表示是否显示边框,，属性值设为0，移除iframe边框</p> <p> height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如："80%")</p> <p> iframe 可以显示一个目标链接的页面，目标链接的属性必须使用 iframe 的属性</p> <p>4：HTML颜色由红色、绿色、蓝色混合而成，此值有一个十六进制符号来定义，最小值0（#00），最大值255（#FF）</p> <p>浏览器支持的颜色名以及对应值参考：<a href="https://www.runoob.com/html/html-colornames.html" rel="nofollow" title="HTML 颜色名 | 菜鸟教程">HTML 颜色名 | 菜鸟教程</a></p> <p><a href="https://www.runoob.com/html/html-colorvalues.html" rel="nofollow" title="HTML 颜色值 | 菜鸟教程">HTML 颜色值 | 菜鸟教程</a></p> <p>5：HTML中的字符实体参考：<a href="https://www.runoob.com/tags/ref-entities.html" rel="nofollow" title="HTML ISO-8859-1 参考手册 | 菜鸟教程">HTML ISO-8859-1 参考手册 | 菜鸟教程</a></p> <p>6：总结：HTML常用标签速查列表：<a href="https://www.runoob.com/html/html-quicklist.html" rel="nofollow" title="HTML 速查列表 | 菜鸟教程">HTML 速查列表 | 菜鸟教程</a></p> <p>7：其他知识：标签简写及其全称：<a href="https://www.runoob.com/html/html-tag-name.html" rel="nofollow" title="HTML 标签简写及全称 | 菜鸟教程">HTML 标签简写及全称 | 菜鸟教程</a></p> <p>8：XHTML 是以 XML 格式编写的 HTML。</p> <p> 如何将HTML转换为XHTML：</p> <ol><li>添加一个 XHTML <!DOCTYPE> 到你的网页中</li><li>添加 xmlns 属性添加到每个页面的html元素中。</li><li>改变所有的元素为小写</li><li>关闭所有的空元素</li><li>修改所有的属性名称为小写</li><li>所有属性值添加引号</li></ol> </div> </div> <div id="treeSkill"></div> </article> <script> $(function() { setTimeout(function () { var mathcodeList = document.querySelectorAll('.htmledit_views img.mathcode'); if (mathcodeList.length > 0) { for (let i = 0; i < mathcodeList.length; i++) { if (mathcodeList[i].naturalWidth === 0 || mathcodeList[i].naturalHeight === 0) { var alt = mathcodeList[i].alt; alt = '\\(' + alt + '\\)'; var curSpan = $('<span class="img-codecogs"></span>'); curSpan.text(alt); $(mathcodeList[i]).before(curSpan); $(mathcodeList[i]).remove(); } } MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } }, 1000) }); </script> </div> <div class="directory-boxshadow-dialog" style="display:none;"> <div class="directory-boxshadow-dialog-box"> </div> <div class="vip-limited-time-offer-box-new" id="vip-limited-time-offer-box-new"> <img class="limited-img limited-img-new" src="https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-newWhite.png"> <div class="vip-limited-time-top"> 确定要放弃本次机会？ </div> <span class="vip-limited-time-text">福利倒计时</span> <div class="limited-time-box-new"> <span class="time-hour"></span> <i>:</i> <span class="time-minite"></span> <i>:</i> <span class="time-second"></span> </div> <div class="limited-time-vip-box"> <p> <img class="coupon-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-roup.png"> <span class="def">立减 ¥</span> <span class="active limited-num"></span> </p> <span class="">普通VIP年卡可用</span> </div> <a class="limited-time-btn-new" href="https://mall.csdn.net/vip" data-report-click='{"spm":"1001.2101.3001.9621"}' data-report-query='spm=1001.2101.3001.9621'>立即使用</a> </div> </div> <div class="more-toolbox-new" id="toolBarBox"> <div class="left-toolbox"> <div class="toolbox-left"> <div class="profile-box"> <a class="profile-href" target="_blank" href="https://blog.csdn.net/Flora_hsx"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/default.jpg!1"> <span class="profile-name"> 阿茶阿茶 </span> </a> </div> <div class="profile-attend"> <a class="tool-attend tool-bt-button tool-bt-attend" href="javascript:;" data-report-view='{"mod":"1592215036_002","spm":"1001.2101.3001.4232","extend1":"关注"}'>关注</a> <a class="tool-item-follow active-animation" style="display:none;">关注</a> </div> </div> <div class="toolbox-middle"> <ul class="toolbox-list"> <li class="tool-item tool-item-size tool-active is-like" id="is-like"> <a class="tool-item-href"> <img style="display:none;" id="is-like-imgactive-animation-like" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarThumbUpactive.png" alt=""> <img class="isactive" style="display:none" id="is-like-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Active.png" alt=""> <img class="isdefault" style="display:block" id="is-like-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Black.png" alt=""> <span id="spanCount" class="count "> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">点赞</span></div> </li> <li class="tool-item tool-item-size tool-active is-unlike" id="is-unlike"> <a class="tool-item-href"> <img class="isactive" style="margin-right:0px;display:none" id="is-unlike-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newUnHeart2021Active.png" alt=""> <img class="isdefault" style="margin-right:0px;display:block" id="is-unlike-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newUnHeart2021Black.png" alt=""> <span id="unlikeCount" class="count "></span> </a> <div class="tool-hover-tip"><span class="text space">踩</span></div> </li> <li class="tool-item tool-item-size tool-active is-collection "> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_824","spm":"1001.2101.3001.4130","ab":"new"}'> <img style="display:none" id="is-collection-img-collection" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarCollectionActive.png" alt=""> <img class="isdefault" id="is-collection-img" style="display:block" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectBlack.png" alt=""> <img class="isactive" id="is-collection-imgactive" style="display:none" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectActive.png" alt=""> <span class="count get-collection " data-num="0" id="get-collection"> 0 </span> </a> <div class="tool-hover-tip collect"> <div class="collect-operate-box"> <span class="collect-text" id="is-collection"> 收藏 </span> </div> </div> <div class="tool-active-list"> <div class="text"> 觉得还不错? <span class="collect-text" id="tool-active-list-collection"> 一键收藏 </span> <img id="tool-active-list-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/collectionCloseWhite.png" alt=""> </div> </div> </li> <li class="tool-item tool-item-size tool-active tool-item-comment"> <div class="guide-rr-first"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward01.png" alt=""> <button class="btn-guide-known">知道了</button> </div> <a class="tool-item-href" href="#commentBox" data-report-click='{"spm":"1001.2101.3001.7009"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newComment2021Black.png" alt=""> <span class="count"> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">评论</span></div> </li> <li class="tool-item tool-item-bar"> </li> <li class="tool-item tool-item-size tool-active tool-QRcode" data-type="article" id="tool-share"> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"1582594662_002","spm":"1001.2101.3001.4129","ab":"new"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newShareBlack.png" alt=""> </a> <div class="QRcode" id="tool-QRcode"> <div class="share-bg-icon icon1" id="shareBgIcon"></div> <div class="share-bg-box"> <div class="share-content"> <img class="share-avatar" src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt=""> <div class="share-tit"> HTML学习笔记四 </div> <div class="share-dec"> HTML学习笔记四 </div> <a id="copyPosterUrl" class="url" data-report-click='{"spm":"1001.2101.3001.7493"}' data-report-view='{"spm":"1001.2101.3001.7493"}'>复制链接</a> </div> <div class="share-code"> <div class="share-code-box" id='shareCode'></div> <div class="share-code-text">扫一扫</div> </div> </div> <div class="share-code-type"> </div> </div> </li> </ul> </div> <div class="toolbox-right"> <div class="tool-directory"> <a class="bt-columnlist-show" data-id="11719158" data-free="true" data-description="" data-subscribe="false" data-title="HTML5" data-img="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" data-url="https://blog.csdn.net/flora_hsx/category_11719158.html" data-sum="8" data-people="0" data-price="0" data-hotRank="0" data-status="true" data-oldprice="0" data-join="false" data-studyvip="false" data-studysubscribe="false" data-report-view='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}' data-report-click='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}'>专栏目录</a> </div> </div> </div> </div> <script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script> <script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_61721166/article/details/123351827" data-report-view='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogOpenSearchComplete~PaidSort-1-123351827-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~PaidSort","dest":"https://blog.csdn.net/m0_61721166/article/details/123351827"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_61721166/article/details/123351827" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogOpenSearchComplete~PaidSort-1-123351827-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~PaidSort","dest":"https://blog.csdn.net/m0_61721166/article/details/123351827"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-123351827-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-123351827-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em><em>学习</em><em>笔记</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_61721166" target="_blank"><span class="blog-title">m0_61721166的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-08</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 8959 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_61721166/article/details/123351827" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogOpenSearchComplete~PaidSort-1-123351827-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~PaidSort","dest":"https://blog.csdn.net/m0_61721166/article/details/123351827"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-123351827-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-123351827-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 <em>HTML</em>等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 <em>HTML</em> 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.<em>html</em> 后缀结尾的文件，因此将其俗称为<em>HTML</em>文件。 2.什么是<em>HTML</em> <em>HTML</em>指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。<em>HTML</em>不</div> </a> </div> </div> </div> </div> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_commontools-9d6d0707b4.min.js" type="text/javascript" async></script> <div class="second-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_55593227/article/details/119717498" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~PaidSort-1-119717498-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~PaidSort","dest":"https://blog.csdn.net/qq_55593227/article/details/119717498"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_55593227/article/details/119717498" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~PaidSort-1-119717498-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~PaidSort","dest":"https://blog.csdn.net/qq_55593227/article/details/119717498"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-119717498-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-119717498-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">Vue<em>学习</em><em>笔记</em>（尚硅谷天禹老师）</div> <div class="tag">热门推荐</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_55593227" target="_blank"><span class="blog-title">qq_55593227的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-15</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 31万+ </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_55593227/article/details/119717498" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~PaidSort-1-119717498-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~PaidSort","dest":"https://blog.csdn.net/qq_55593227/article/details/119717498"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-119717498-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7EPaidSort-1-119717498-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">Vue<em>学习</em><em>笔记</em>（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM</div> </a> </div> </div> </div> </div> <a id="commentBox" name="commentBox"></a> <div id="pcCommentBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> <div class="unlogin-comment-model"> <span class="unlogin-comment-tit">参与评论</span> <span class="unlogin-comment-text">您还未登录，请先</span> <span class="unlogin-comment-bt">登录</span> <span class="unlogin-comment-text">后发表或查看评论</span> </div> </div> <div class="recommend-box insert-baidu-box recommend-box-style "> <div class="recommend-item-box no-index" style="display:none"></div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_65939803/article/details/131692053" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-2-131692053-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_65939803/article/details/131692053"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_65939803/article/details/131692053" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-2-131692053-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_65939803/article/details/131692053"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-131692053-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-131692053-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>学习</em><em>笔记</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_65939803" target="_blank"><span class="blog-title">m0_65939803的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-16</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2006 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_65939803/article/details/131692053" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-2-131692053-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_65939803/article/details/131692053"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-131692053-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-131692053-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em><em>学习</em><em>笔记</em></div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/OnionZuo/article/details/88657319" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-3-88657319-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/OnionZuo/article/details/88657319"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/OnionZuo/article/details/88657319" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-3-88657319-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/OnionZuo/article/details/88657319"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-88657319-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-88657319-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> <em>学习</em><em>笔记</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/OnionZuo" target="_blank"><span class="blog-title">OnionZuo的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-19</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1106 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/OnionZuo/article/details/88657319" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-3-88657319-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/OnionZuo/article/details/88657319"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-88657319-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-88657319-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>/CSS/JS 前端<em>学习</em><em>笔记</em></div> </a> </div> </div> </div> <dl id="recommend-item-box-tow" class="recommend-item-box type_blog clearfix"> </dl> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_64248793/article/details/125787225" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-4-125787225-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_64248793/article/details/125787225"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_64248793/article/details/125787225" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-4-125787225-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_64248793/article/details/125787225"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-125787225-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-125787225-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">黑马程序员 <em>HTML5</em> <em>学习</em><em>笔记</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_64248793" target="_blank"><span class="blog-title">susu的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-14</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2169 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_64248793/article/details/125787225" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-4-125787225-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_64248793/article/details/125787225"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-125787225-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-125787225-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1.<em>html</em>语法规范2.<em>html</em>基本结构标签3.开发工具4.<em>html</em>常用标签5.<em>html</em>中注释和特殊字符 </div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_63676550/article/details/128659950" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-5-128659950-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_63676550/article/details/128659950"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_63676550/article/details/128659950" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-5-128659950-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_63676550/article/details/128659950"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-128659950-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-128659950-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>学习</em><em>笔记</em>(全)</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_63676550" target="_blank"><span class="blog-title">weixin_63676550的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-12</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 5699 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_63676550/article/details/128659950" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-5-128659950-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_63676550/article/details/128659950"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-128659950-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-128659950-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em><em>学习</em><em>笔记</em> 视频教程：https://b23.tv/LbTHmRE</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://huaweicloud.csdn.net/638eec26dacf622b8df8db04.html" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~activity-6-121827528-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogOpenSearchComplete~activity","dest":"https://huaweicloud.csdn.net/638eec26dacf622b8df8db04.html"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://huaweicloud.csdn.net/638eec26dacf622b8df8db04.html" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~activity-6-121827528-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogOpenSearchComplete~activity","dest":"https://huaweicloud.csdn.net/638eec26dacf622b8df8db04.html"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7Eactivity-6-121827528-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7Eactivity-6-121827528-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">【<em>HTML</em>】<em>HTML</em><em>学习</em><em>笔记</em>（全）</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/Joy_Cheung666" target="_blank"><span class="blog-title">Bitdancing的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">12-09</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1万+ </span> </div> </div> </div> <div class="desc-box"> <a href="https://huaweicloud.csdn.net/638eec26dacf622b8df8db04.html" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~activity-6-121827528-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogOpenSearchComplete~activity","dest":"https://huaweicloud.csdn.net/638eec26dacf622b8df8db04.html"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7Eactivity-6-121827528-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7Eactivity-6-121827528-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">前端<em>HTML</em><em>学习</em><em>笔记</em>大全</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qwe121381122/article/details/135417213" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-7-135417213-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qwe121381122/article/details/135417213"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qwe121381122/article/details/135417213" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-7-135417213-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qwe121381122/article/details/135417213"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-135417213-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-135417213-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>学习</em><em>笔记</em>1 <em>html</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qwe121381122" target="_blank"><span class="blog-title">qwe121381122的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-06</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 435 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qwe121381122/article/details/135417213" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-7-135417213-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qwe121381122/article/details/135417213"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-135417213-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-135417213-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"></div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_53194352/article/details/136828807" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-8-136828807-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_53194352/article/details/136828807"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_53194352/article/details/136828807" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-8-136828807-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_53194352/article/details/136828807"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-136828807-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-136828807-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">菜鸟教程<em>学习</em><em>笔记</em>——<em>html</em>（一）</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_53194352" target="_blank"><span class="blog-title">m0_53194352的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-21</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1598 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_53194352/article/details/136828807" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-8-136828807-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_53194352/article/details/136828807"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-136828807-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-136828807-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> 是用来描述网页的一种超文本标记语言。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_73662179/article/details/135833026" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-9-135833026-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_73662179/article/details/135833026"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_73662179/article/details/135833026" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-9-135833026-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_73662179/article/details/135833026"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-9-135833026-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-9-135833026-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>+css入门<em>学习</em><em>笔记</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_73662179" target="_blank"><span class="blog-title">m0_73662179的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-24</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 371 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_73662179/article/details/135833026" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-9-135833026-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_73662179/article/details/135833026"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-9-135833026-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-9-135833026-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em>和css的入门<em>学习</em><em>笔记</em>，适合入门的学者。</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/baidu_1234567/88959773" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-10-88959773-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/baidu_1234567/88959773"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/baidu_1234567/88959773" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-10-88959773-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/baidu_1234567/88959773"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-88959773-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-88959773-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>的<em>学习</em><em>笔记</em>.zip</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">03-13</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/baidu_1234567/88959773" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-10-88959773-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/baidu_1234567/88959773"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-88959773-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-88959773-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em> <em>学习</em>资料 项目资料 项目源码 供<em>学习</em>参考 <em>html</em> <em>学习</em>资料 项目资料 项目源码 供<em>学习</em>参考 <em>html</em> <em>学习</em>资料 项目资料 项目源码 供<em>学习</em>参考 <em>html</em> <em>学习</em>资料 项目资料 项目源码 供<em>学习</em>参考 <em>html</em> <em>学习</em>资料 项目资料 项目...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/xuan_659/12305217" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-11-12305217-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"11","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/xuan_659/12305217"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/xuan_659/12305217" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-11-12305217-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"11","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/xuan_659/12305217"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-12305217-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-12305217-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>学习</em><em>笔记</em>.zip</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">04-05</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/xuan_659/12305217" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-11-12305217-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"11","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/xuan_659/12305217"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-12305217-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-12305217-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">介绍了<em>html</em>中代码格式和常用标签 #<em>HTML</em>格式 * `<!DOCTYPE <em>html</em>>`---------*注明文件使用格式* `<<em>html</em> lang="en">`--------*注明网页使用语言 en-英语 zh-CN-中文* `<head>`--------*头部* `...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_37714766/12078437" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-12-12078437-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"12","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_37714766/12078437"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_37714766/12078437" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-12-12078437-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"12","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_37714766/12078437"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-12078437-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-12078437-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">一些<em>html</em>的<em>学习</em><em>笔记</em></div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">01-03</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_37714766/12078437" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-12-12078437-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"12","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_37714766/12078437"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-12078437-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-12078437-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">通过自学w3cschool上的<em>html</em>知识和上课所学的一些<em>html</em>知识，然后使用markdown汇总，整理的一些<em>笔记</em></div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/m0_64349423/87184223" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-13-87184223-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"13","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_64349423/87184223"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/m0_64349423/87184223" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-13-87184223-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"13","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_64349423/87184223"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-87184223-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-87184223-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>手写代码<em>学习</em><em>笔记</em>.pdf</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">11-28</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/m0_64349423/87184223" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-13-87184223-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"13","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_64349423/87184223"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-87184223-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-87184223-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em>手写代码<em>学习</em><em>笔记</em>.pdf</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/isun1/article/details/141456633" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-14-141456633-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/isun1/article/details/141456633"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/isun1/article/details/141456633" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-14-141456633-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/isun1/article/details/141456633"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141456633-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141456633-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">【前端入门】<em>HTML5</em>全攻略</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/isun1" target="_blank"><span class="blog-title">isun1的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-23</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1116 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/isun1/article/details/141456633" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-14-141456633-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/isun1/article/details/141456633"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141456633-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141456633-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>指的是超文本标记语言，它是用来描述网页的一种语言。<em>HTML</em>不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是由国际最著名的标准化组织。Web标准的构成（重点）主要包括结构（structure）、表现（presebtation）、行为（Behavior）三个方面。结构用于对网页元素进行整理与分类，现阶段主要学的是<em>HTML</em>。表现用于设置网页元素的版式、颜色、大小等外观样式的设计，主要指CSS。</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_45630258/89665890" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-15-89665890-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/weixin_45630258/89665890"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_45630258/89665890" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-15-89665890-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/weixin_45630258/89665890"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-15-89665890-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-15-89665890-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">基于ssm和vue的 校园短期闲置资源置换平台源码 校园短期闲置资源置换平台代码（高分毕设项目源码）</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-23</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_45630258/89665890" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-15-89665890-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/weixin_45630258/89665890"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-15-89665890-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-15-89665890-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1. 校园短期闲置资源置换平台代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码<em>学习</em>资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的<em>学习</em>者，也适用于课程设计、期末大作业。 3.技术栈：前端是vue，后端是ssm，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374 </div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/qq_66544550/89665844" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-16-89665844-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/qq_66544550/89665844"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/qq_66544550/89665844" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-16-89665844-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/qq_66544550/89665844"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-16-89665844-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-16-89665844-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">4S店客户管理小程序-毕业设计，基于微信小程序+SSM+MySql开发，源码+数据库+论文答辩+毕业论文+视频演示</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-23</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/qq_66544550/89665844" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-16-89665844-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/qq_66544550/89665844"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-16-89665844-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-16-89665844-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">4S店客户管理小程序-毕业设计，基于微信小程序+SSM+MySql开发，源码+数据库+论文答辩+毕业论文+视频演示 社会的发展和科学技术的进步，互联网技术越来越受欢迎。手机也逐渐受到广大人民群众的喜爱，也逐渐进入了每个用户的使用。手机具有便利性，速度快，效率高，成本低等优点。 因此，构建符合自己要求的操作系统是非常有意义的。 本文从管理员、用户的功能要求出发，4S店客户管理系统中的功能模块主要是实现管理员服务端；首页、个人中心、用户管理、门店管理、车展管理、汽车品牌管理、新闻头条管理、预约试驾管理、我的收藏管理、系统管理，用户客户端：首页、车展、新闻头条、我的。门店客户端：首页、车展、新闻头条、我的经过认真细致的研究，精心准备和规划，最后测试成功，系统可以正常使用。分析功能调整与4S店客户管理系统实现的实际需求相结合，讨论了微信开发者技术与后台结合java语言和MySQL数据库开发4S店客户管理系统的使用。 关键字：4S店客户管理系统小程序 微信开发者 Java技术 MySQL数据库 软件的功能： 1、开发实现4S店客户管理系统的整个系统程序； 2、管理员服务端；首页、个人中心、用户管理、门店管理、车展管理、汽车品牌管理、新闻头条管理、预约试驾管理、我的收藏管理、系统管理等。 3、用户客户端：首页、车展、新闻头条、我的 4、门店客户端：首页、车展、新闻头条、我的等相应操作； 5、基础数据管理：实现系统基本信息的添加、修改及删除等操作，并且根据需求进行交流信息的查看及回复相应操作。 </div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_43860634/89666805" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-17-89666805-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/weixin_43860634/89666805"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_43860634/89666805" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-17-89666805-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/weixin_43860634/89666805"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-17-89666805-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-17-89666805-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">Java项目：基于SSM框架+mysql个性化美食推荐系统含源码和毕业论文 </div> <div class="tag">最新发布</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-23</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_43860634/89666805" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-17-89666805-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/weixin_43860634/89666805"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-17-89666805-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-17-89666805-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">一、项目简介 本项目是一套基于SSM框架+mysql个性化美食推荐系统含源码和毕业论文 包含：项目源码、数据库脚本等，该项目附带全部源码可作为毕设使用。 项目都经过严格调试，eclipse或者idea 确保可以运行！ 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值 二、技术实现 jdk版本：1.8 及以上 ide工具：IDEA或者eclipse 数据库: mysql5.5及以上 后端：spring+springmvc+mybatis+maven+mysql 前端：jsp，css，js 三、系统功能 1、系统角色主要包括：管理员、用户 2、系统功能 主要功能包括： 用户登录 用户注册 首页 个人中心 修改密码 管理员信息 用户管理 美食信息管理 美食信息留言管理 美食信息收藏管理 美食订单管理 博主推荐管理 店址管理 口味管理 轮播图管理 前台主要功能包括： 用户登录 用户注册 首页 个性美食展示 热门美食推荐 美食详情 点我收藏 立即预订 个人中心 美食收藏 美食订单 余额充值 发表留言 博主推荐 跳转到后台等功能</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/2402_84885073/89666912" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-18-89666912-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"18","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/2402_84885073/89666912"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/2402_84885073/89666912" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-18-89666912-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"18","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/2402_84885073/89666912"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89666912-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89666912-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">weixin237基于微信小程序的医院挂号预约系统ssm.zip</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-23</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/2402_84885073/89666912" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-18-89666912-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"18","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/2402_84885073/89666912"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89666912-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89666912-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本微信小程序医院挂号预约系统就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此微信小程序医院挂号预约系统利用当下成熟完善的SSM框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发。微信小程序医院挂号预约系统有管理员，用户两个角色。管理员功能有个人中心，用户管理，医生信息管理，医院信息管理，科室信息管理，预约信息管理，预约取消管理，留言板，系统管理。微信小程序用户可以注册登录，查看医院信息，查看医生信息，查看公告资讯，在科室信息里面进行预约，也可以取消预约。微信小程序医院挂号预约系统的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。</div> </a> </div> </div> </div> <div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/4siu33irs4" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-19-4siu33irs4-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/4siu33irs4"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://wenku.csdn.net/doc/4siu33irs4" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-19-4siu33irs4-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/4siu33irs4"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-4siu33irs4-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-4siu33irs4-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>学习</em><em>笔记</em>：常见错误与修复</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block"></span> </div> </div> </div> <div class="desc-box"> <a href="https://wenku.csdn.net/doc/4siu33irs4" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-19-4siu33irs4-blog-124305721.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1724525659934_74237\"}","dist_request_id":"1724525659934_74237","ab_strategy":"landing_bge","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/4siu33irs4"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-4siu33irs4-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-4siu33irs4-blog-124305721.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">“<em>html</em><em>学习</em><em>笔记</em>，包括<em>html</em>，javascript，css的<em>学习</em>与工作经验总结，更新至2013-6-15。” 在<em>HTML</em>、JavaScript和CSS的<em>学习</em>过程中，了解并掌握常见的问题和解决方案是至关重要的。这份<em>学习</em><em>笔记</em>主要涵盖了这些方面，...</div> </a> </div> </div> </div> </div> <div class="blog-footer-bottom" style="margin-top:10px;"></div> <script src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script> <script type="text/javascript"> window.csdn.csdnFooter.options = { el: '.blog-footer-bottom', type: 2 } </script> </main> <aside class="blog_container_aside"> <div id="asideProfile" class="aside-box"> <div class="profile-intro d-flex"> <div class="avatar-box d-flex justify-content-center flex-column"> <a href="https://blog.csdn.net/Flora_hsx" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/Flora_hsx","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/default.jpg!1" class="avatar_pic"> </a> </div> <div class="user-info d-flex flex-column profile-intro-name-box"> <div class="profile-intro-name-boxTop"> <a href="https://blog.csdn.net/Flora_hsx" target="_blank" class="" id="uid" title="阿茶阿茶" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/Flora_hsx","ab":"new"}'> <span class="name " username="Flora_hsx">阿茶阿茶</span> </a> <span> </span> <span class="flag expert-blog"> <span class="bubble">CSDN认证博客专家</span> </span> <span class="flag company-blog"> <span class="bubble">CSDN认证企业博客</span> </span> </div> <div class="profile-intro-name-boxFooter"> <span class="personal-home-page personal-home-years" title="已加入 CSDN 2年">码龄2年</span> <span class="personal-home-page"> <a class="personal-home-certification" href="https://i.csdn.net/#/uc/profile?utm_source=14998968" target="_blank" title="暂无认证"> <img src="https://csdnimg.cn/identity/nocErtification.png" alt=""> 暂无认证 </a> </span> </div> </div> </div> <div class="data-info d-flex item-tiling"> <dl class="text-center" title="29"> <a href="https://blog.csdn.net/Flora_hsx" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1"> <dt><span class="count">29</span></dt> <dd class="font">原创</dd> </a> </dl> <dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="800671"> <a href="https://blog.csdn.net/rank/list/weekly" target="_blank"> <dt><span class="count">80万+</span></dt> <dd class="font">周排名</dd> </a> </dl> <dl class="text-center" title="908689"> <a href="https://blog.csdn.net/rank/list/total" data-report-click='{"mod":"1598321000_003","spm":"1001.2101.3001.4312"}' target="_blank"> <dt><span class="count">90万+</span></dt> <dd class="font">总排名</dd> </a> </dl> <dl class="text-center" style="min-width:58px" title="8910"> <dt><span class="count">8910</span></dt> <dd>访问</dd> </dl> <dl class="text-center" title="2级,点击查看等级说明"> <dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank"> <img class="level" src="https://csdnimg.cn/identity/blog2.png"> </a> </dt> <dd>等级</dd> </dl> </div> <div class="item-rank"></div> <div class="data-info d-flex item-tiling"> <dl class="text-center" title="295"> <dt><span class="count">295</span></dt> <dd>积分</dd> </dl> <dl class="text-center" id="fanBox" title="2"> <dt><span class="count" id="fan">2</span></dt> <dd>粉丝</dd> </dl> <dl class="text-center" title="5"> <dt><span class="count">5</span></dt> <dd>获赞</dd> </dl> <dl class="text-center" title="0"> <dt><span class="count">0</span></dt> <dd>评论</dd> </dl> <dl class="text-center" title="26"> <dt><span class="count">26</span></dt> <dd>收藏</dd> </dl> </div> <div class="aside-box-footer" data-report-view='{"spm":"3001.4296"}'> <div class="badge-box d-flex"> <div class="badge d-flex"> <div class="icon-badge" title="新秀勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/xinxiu@240.png" alt="新秀勋章"> </div> </div> <div class="icon-badge" title="五一创作勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/51_create.png" alt="五一创作勋章"> </div> </div> <div class="icon-badge" title="持续创作"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/chizhiyiheng@240.png" alt="持续创作"> </div> </div> <div class="icon-badge" title="1024勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/1024@240.png" alt="1024勋章"> </div> </div> <div class="icon-badge" title="笔耕不辍"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/70592b2299594e37aedcaa91fc52a294.png" alt="笔耕不辍"> </div> </div> <div class="icon-badge" title="创作能手"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/qixiebiaobing4@240.png" alt="创作能手"> </div> </div> </div> </div> </div> <div class="profile-intro-name-boxOpration"> <div class="opt-letter-watch-box"> <a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/Flora_hsx" target="_blank" rel="noopener">私信</a> </div> <div class="opt-letter-watch-box"> <a class="personal-watch bt-button" id="btnAttent" >关注</a> </div> </div> </div> <a id="remuneration" data-report-click='{"spm":"1001.2101.3001.9809"}' rel="nofollow" href="" class="remuneration-box"> <img src="" alt=""> </a> <div id="asideWriteGuide" class="aside-box side-write-guide-box type-2" data-report-view='{"spm":"3001.9728"}'> <div class="content-box"> <a rel="nofollow" href="https://mp.csdn.net" target="_blank" class="btn-go-write" data-report-query="spm=3001.9728" data-report-click='{"spm":"3001.9728"}'> <img src="https://img-home.csdnimg.cn/images/20240218021830.png" alt="写文章"> </a> </div> </div> <div id="asideSearchArticle" class="aside-box"> <div class="aside-content search-comter"> <div class="aside-search aside-search-blog"> <input type="text" class="input-serch-blog" name="" autocomplete="off" value="" id="search-blog-words" placeholder="搜博主文章"> <a class="btn-search-blog" data-report-click='{"spm":"1001.2101.3001.9182"}'> <img src="//csdnimg.cn/cdn/content-toolbar/csdn-sou.png?v=1587021042"> </a> </div> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">热门文章</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/Flora_hsx/article/details/127352855" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Flora_hsx/article/details/127352855","ab":"new"}'> CSS3学习笔记三---怪异盒模型 | 弹性盒* <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">1425</span> </a> </li> <li> <a href="https://blog.csdn.net/Flora_hsx/article/details/126213243" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Flora_hsx/article/details/126213243","ab":"new"}'> CSS学习笔记七---定位 & 精灵图 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">853</span> </a> </li> <li> <a href="https://blog.csdn.net/Flora_hsx/article/details/126451035" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Flora_hsx/article/details/126451035","ab":"new"}'> CSS学习笔记八---宽高自适应 & 多栏布局 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">588</span> </a> </li> <li> <a href="https://blog.csdn.net/Flora_hsx/article/details/126084618" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Flora_hsx/article/details/126084618","ab":"new"}'> CSS学习笔记六---元素显示类型 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">552</span> </a> </li> <li> <a href="https://blog.csdn.net/Flora_hsx/article/details/126082553" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Flora_hsx/article/details/126082553","ab":"new"}'> 案例一---盒子模型 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">540</span> </a> </li> </ul> </div> </div> <div id="asideCategory" class="aside-box "> <h3 class="aside-title">分类专栏</h3> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/flora_hsx/category_11796159.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/flora_hsx/category_11796159.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> CSS </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/flora_hsx/category_11944206.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/flora_hsx/category_11944206.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 案例 </span> </a> <span class="special-column-num">9篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/flora_hsx/category_11719158.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/flora_hsx/category_11719158.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> HTML5 </span> </a> <span class="special-column-num">8篇</span> </li> </ul> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">大家在看</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/m0_73890048/article/details/141430670" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/m0_73890048/article/details/141430670","strategy":"202_1052723-1535200_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/m0_73890048/article/details/141430670","strategy":"202_1052723-1535200_RCMD","ab":"new"}'> viscode 自定义片段,快速生成自己的开发模板 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">86</span> </a> </li> <li> <a href="https://blog.csdn.net/typingok7/article/details/141496843" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/typingok7/article/details/141496843","strategy":"202_1052723-1534843_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/typingok7/article/details/141496843","strategy":"202_1052723-1534843_RCMD","ab":"new"}'> VS2022一键找到常见窗口 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">58</span> </a> </li> <li> <a href="https://blog.csdn.net/u012955829/article/details/141401915" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/u012955829/article/details/141401915","strategy":"202_1052723-1535035_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/u012955829/article/details/141401915","strategy":"202_1052723-1535035_RCMD","ab":"new"}'> 写给大数据开发：如何优化临时数据查询流程 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">1353</span> </a> </li> <li> <a href="https://blog.csdn.net/g310773517/article/details/141365585" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/g310773517/article/details/141365585","strategy":"202_1052723-1535090_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/g310773517/article/details/141365585","strategy":"202_1052723-1535090_RCMD","ab":"new"}'> 在Linux上部署LAMP栈：Apache、MySQL和PHP <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">1002</span> </a> </li> <li> <a href="https://blog.csdn.net/wjy_12345_228003/article/details/141502930" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/wjy_12345_228003/article/details/141502930","strategy":"202_1052723-1534844_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/wjy_12345_228003/article/details/141502930","strategy":"202_1052723-1534844_RCMD","ab":"new"}'> VUE3项目管理器的安装与使用 </a> </li> </ul> </div> </div> <div id="asideArchive" class="aside-box" style="display:block!important; width:300px;"> <h3 class="aside-title">最新文章</h3> <div class="aside-content"> <ul class="inf_list clearfix"> <li class="clearfix"> <a href="https://blog.csdn.net/Flora_hsx/article/details/129017007" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Flora_hsx/article/details/129017007","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Flora_hsx/article/details/129017007","ab":"new"}'>多列布局 && 响应式布局</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/Flora_hsx/article/details/128191977" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Flora_hsx/article/details/128191977","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Flora_hsx/article/details/128191977","ab":"new"}'>案例九---京东分类页 纵向滚动&横向滚动</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/Flora_hsx/article/details/128137971" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Flora_hsx/article/details/128137971","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Flora_hsx/article/details/128137971","ab":"new"}'>案例八---足球圈移动端布局</a> </li> </ul> <div class="archive-bar"></div> <div class="archive-box"> <div class="archive-list-item"><a href="https://blog.csdn.net/Flora_hsx?type=blog&year=2023&month=02" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/Flora_hsx?type=blog&year=2023&month=02"}'><span class="year">2023年</span><span class="num">1篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/Flora_hsx?type=blog&year=2022&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/Flora_hsx?type=blog&year=2022&month=12"}'><span class="year">2022年</span><span class="num">28篇</span></a></div> </div> </div> </div> <!-- 详情页显示目录 --> <!--文章目录--> <div id="asidedirectory" class="aside-box"> <div class='groupfile' id="directory"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </aside> <script> $("a.flexible-btn").click(function(){ $(this).parents('div.aside-box').removeClass('flexible-box'); $(this).parents("p.text-center").remove(); }) </script> <script type="text/javascript" src="https://g.csdnimg.cn/user-tooltip/2.7/user-tooltip.js"></script> <script type="text/javascript" src="https://g.csdnimg.cn/user-medal/2.0.0/user-medal.js"></script> </div> <div class="recommend-right align-items-stretch clearfix" id="rightAside" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right" > <div class='flex-column aside-box groupfile' id="groupfile"> <div class="groupfile-div"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> <div class='aside-box kind_person d-flex flex-column'> <h3 class="aside-title">分类专栏</h3> <div class="align-items-stretch kindof_item" id="kind_person_column"> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/flora_hsx/category_11796159.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/flora_hsx/category_11796159.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> CSS </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/flora_hsx/category_11944206.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/flora_hsx/category_11944206.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 案例 </span> </a> <span class="special-column-num">9篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/flora_hsx/category_11719158.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/flora_hsx/category_11719158.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> HTML5 </span> </a> <span class="special-column-num">8篇</span> </li> </ul> </div> </div> </div> </div> </aside> </div> <div class="recommend-right1 align-items-stretch clearfix" id="rightAsideConcision" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right-concision" > <div class='flex-column aside-box groupfile' id="groupfileConcision"> <div class="groupfile-div1"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </div> </aside> </div> </div> <div class="mask-dark"></div> <script type="text/javascript"> var timert = setInterval(function() { sideToolbar = $(".csdn-side-toolbar"); if (sideToolbar.length > 0) { sideToolbar.css('cssText', 'bottom:64px !important;') clearInterval(timert); } }, 200); </script> <div class="skin-boxshadow"></div> <div class="directory-boxshadow"></div> <div class="comment-side-box-shadow comment-side-tit-close" id="commentSideBoxshadow"> <div class="comment-side-content"> <div class="comment-side-tit"> <span class="comment-side-tit-count">评论</span> <img class="comment-side-tit-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></div> <div id="pcCommentSideBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> </div> <div id="pcFlodCommentSideBox" class="pc-flodcomment-sidebox"> <div class="comment-fold-tit"><span id="lookUnFlodComment" class="back"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png" alt=""></span>被折叠的 <span class="count"></span> 条评论 <a href="https://blogdev.blog.csdn.net/article/details/122245662" class="tip" target="_blank">为什么被折叠?</a> <a href="https://bbs.csdn.net/forums/FreeZone" class="park" target="_blank"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png">到【灌水乐园】发言</a> </div> <div class="comment-fold-content"></div> <div id="lookBadComment" class="look-bad-comment side-look-comment"> <a class="look-more-comment">查看更多评论<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png" alt=""></a> </div> </div> </div> <div class="comment-rewarddialog-box"> <div class="form-box"> <div class="title-box"> 添加红包 <a class="btn-form-close"></a> </div> <form id="commentRewardForm"> <div class="ipt-box"> <label for="txtName">祝福语</label> <div class="ipt-btn-box"> <input type="text" name="name" id="txtName" autocomplete="off" maxlength="50"> <a class="btn-ipt btn-random"></a> </div> <p class="notice">请填写红包祝福语或标题</p> </div> <div class="ipt-box"> <label for="txtSendAmount">红包数量</label> <div class="ipt-txt-box"> <input type="text" name="sendAmount" maxlength="4" id="txtSendAmount" placeholder="请填写红包数量(最小10个)" autocomplete="off"> <span class="after-txt">个</span> </div> <p class="notice">红包个数最小为10个</p> </div> <div class="ipt-box"> <label for="txtMoney">红包总金额</label> <div class="ipt-txt-box error"> <input type="text" name="money" maxlength="5" id="txtMoney" placeholder="请填写总金额(最低5元)" autocomplete="off"> <span class="after-txt">元</span> </div> <p class="notice">红包金额最低5元</p> </div> <div class="balance-info-box"> <label>余额支付</label> <div class="balance-info"> 当前余额<span class="balance">3.43</span>元 <a href="https://i.csdn.net/#/wallet/balance/recharge" class="link-charge" target="_blank">前往充值 ></a> </div> </div> <div class="opt-box"> <div class="pay-info"> 需支付：<span class="price">10.00</span>元 </div> <button type="button" class="ml-auto btn-cancel">取消</button> <button type="button" class="ml8 btn-submit" disabled="true">确定</button> </div> </form> </div> </div> <div class="rr-guide-box"> <div class="rr-first-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png" alt=""> <button class="btn-guide-known next">下一步</button> </div> <div class="rr-second-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png" alt=""> <button class="btn-guide-known known">知道了</button> </div> </div> </div> <div class="redEnvolope" id="redEnvolope"> <div class="env-box"> <div class="env-container"> <div class="pre-open" id="preOpen"> <div class="top"> <header> <img class="clearTpaErr" :src="redpacketAuthor.avatar" alt="" /> <div class="author">成就一亿技术人!</div> </header> <div class="bot-icon"></div> </div> <footer> <div class="red-openbtn open-start"></div> <div class="tip"> 领取后你会自动成为博主和红包主的粉丝 <a class="rule" target="_blank">规则</a> </div> </footer> </div> <div class="opened" id="opened"> <div class="bot-icon"> <header> <a class="creatorUrl" href="" target="_blank"> <img class="clearTpaErr" src="https://profile-avatar.csdnimg.cn/default.jpg!2" alt="" /> </a> <div class="author"> <div class="tt">hope_wisdom</div> 发出的红包 </div> </header> </div> <div class="receive-box"> <header></header> <div class="receive-list"> </div> </div> </div> </div> <div class="close-btn"></div> </div> </div> <div class="pay-code"> <div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div> <div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div> <div class="content-code"> <div id="payCode" data-id=""> <div class="renovate"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>点击重新获取</span> </div> </div> <div class="pay-style"><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div> </div> <div class="bt-close"> <svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"> <defs> <style type="text/css"></style> </defs> <path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path> </svg> </div> <div class="pay-balance"> <input type="radio" class="pay-code-radio" data-type="details"> <span class="span">钱包余额</span> <span class="balance" style="color:#FC5531;font-size:14px;">0</span> <div class="pay-code-tile"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt=""> <div class="pay-code-content"> <div class="span"> <p class="title">抵扣说明：</p> <p> 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。</p> </div> </div> </div> </div> <a class="pay-balance-con" href="https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a> </div> <div style="display:none;"> <img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'> </div> <div class="keyword-dec-box" id="keywordDecBox"></div> </body> <!-- 富文本柱状图 --> <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/chart.css" /> <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/lib/chart.min.js"></script> <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/widget2chart.js"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-be82269d23.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-354ae1b335.min.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/atom-one-light.css"> <script src="https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script> <script> // 全局声明 if (window.csdn === undefined) { window.csdn = {}; } window.csdn.sideToolbar = { options: { report: { isShow: true, }, qr: { isShow: false, }, guide: { isShow: true } } } $(function() { $(document).on('click', "a.option-box[data-type='report']", function() { window.csdn.loginBox.key({ biz: 'blog', subBiz: 'other_service', cb: function() { window.csdn.feedback({ "type": 'blog', "rtype": 'article', "rid": articleId, "reportedName": username, "submitOptions": { "title": articleTitle, "contentUrl": articleDetailUrl }, "callback": function() { showToast({ text: "感谢您的举报，我们会尽快审核！", bottom: '10%', zindex: 9000, speed: 500, time: 1500 }) } }) } }) }); }) </script> <script src="https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script> <script src="https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script> <script src="https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/common-a425354f6a.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/detail-336f6971b5.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/column-f814d377e0.min.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/side-toolbar/3.4/side-toolbar.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/copyright/1.0.4/copyright.js" type="text/javascript"></script> <script> $(".MathJax").remove(); if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) { $('div.markdown_views')[0].className = 'markdown_views'; } </script> <script type="text/javascript" src="https://csdnimg.cn/release/blog_mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { linebreaks: { automatic: true, width: "94%container" }, imageFont: null }, tex2jax: { preview: "none", ignoreClass:"title-article" }, mml2jax: { preview: 'none' } }); </script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script></html>
本文提供了一个HTML代码示例，展示了如何使用
本文提供了一个HTML代码示例，展示了如何使用
本文提供了一个HTML代码示例，展示了如何使用
本文提供了一个HTML代码示例，展示了如何使用