html笔记

最新推荐文章于 2023-11-14 14:19:02 发布

boxuang

最新推荐文章于 2023-11-14 14:19:02 发布

阅读量231

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/Peckerhead/article/details/107018763

版权

本文详细介绍了HTML的基础标签和属性，包括、、<header>、<nav>、<article>、<aside>、<footer>、<div>、<p>、<span>、<hr>等，以及表格、列表、超链接、表单、样式和CSS的基本用法，是学习HTML不可或缺的参考资料。 </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> 1.<meta>标签表示还没有结束的值，他的属性定义了与文档相关联的名称和值。<br> <meta charset="UTF-8">表示使用的字符编码为国际化编码，比较常见的简体中文编码gb2312<br> <title></title>是head标记内最常用的标记，该标记是网页的主题标记。<br> 2.在head标记内最常用的标记<title>表示标题<br> <header>标签定义文档页眉，通常是一些引导和导航信息。标题标记（<h1>-<h5>）<br> <nav>标签表示导航。通常放在<body>里<header>里<br> <article>标签表示部分。这个标签代表文档、页面或应用程序中独立的、完整的、可以独立被外部引用的内容。<br> <section>标签表示文章<br> <aside>标签在旁边，表示不相关内容<br> <footer>标签定义section或document的页脚。document意思是公文<br> <div>标签可以把文档分割为独立的、不同的部分<br> <p>表示段落标签<br> <span>标签是被用来组合文档中的行内元素，他本身没有任何属性<br> <hr>标签表示分界线或者水平。<br> 3.<br/>表示让文本强制换行<br> <strong>内容</strong>加粗显示<br> <em>内容</em>表示加斜体效果<br> <sup>上标</sup>上标标签<br> <sub>下标</sub>下标标签<br> <mark>内容</mark>记号文本，高亮显示<br> 4.<ul>无序列表</u1><br> <ol>有序列表</ol><br> 嵌套列表表示可以互相加入<br> 定义列表<dl>,自定义列表以<dl>标签开始，每个自定义列表以<dt>开始，每个自定义列表以<dd>开始<br> 如:<br> <dl><br> <dt>...</dt><br> <dd>...</dd><br> <dt>...</dt><br> <dd>...</dd><br> ...<br> </dl><br> 5.表格用<table>标签来定义，以<table>标签开始，表格行以<tr>元素定义。表格单元格以<td>开始。<br> 如：<br> <table><br> <tr><br> <td>A</td><br> <td>B</td><br> </tr> 显示效果：AB<br> <tr> CD<br> <td>C</td><br> <td>D</td><br> </tr><br> </table><br> 6.<caption>元素表示表格的标题<br> rowspan属性指定单元格所占的行数<br> 如：<br> <td rowspan=跨的行数><br> colspan属性指定单元格所占的列数<br> 如：<br> <td colspan=跨的列数><br> 7.拓展：表格的表头<thead><br> 表格的页脚<tfoot><br> 表格的主体<tbody></p> <p>网页里面添加效果：<br> 1.给文字增加超链接：<a></a>标签里面有一个href属性负责指定新页面的地址<br> <a href=“链接地址”>链接文字</a><br> 设置超链接窗口的打开方式：(target目标的意思)<br> <a href=“链接地址” target= 目标页面的打开方式>链接文字</a><br> target值：目标页面的打开方式<br> _blank：创建新窗口打开新页面<br> _parent:在上一级窗口打开，常在分帧的框架页面中使用<br> _top在游览器的整个窗口打开，将会忽略所有的框架结构<br> 其中_parent和_top方式用于框架页面。<br> 如： <a href ="http://wwww.baidu.com" target ="_blank">百度</a><br/><br> 定义超链接的提示信息：(title)可以当鼠标指向链接时会指明链接的信息<br> <a href=“链接地址”title=“提示信息”>链接文字</a><br> 网页中的锚点<br> <a id="锚点名称">锚点的链接文字</a><br> 注意：id的命名不能使用1.2.3等数字开头，要使用英文开头。<br> 链接到锚点：<br> <a href="#锚点名称">用于链接锚点的文字</a><br> 设置锚点和用于链接锚点的文字不在同一页面。<br> <a href="页面地址#锚点名称">用于链接锚点的文字</a></p> <p>网页里添加表单：<br> 1.表单标签：<form></form><br> name属性：<form name="表单名称">...</form><br> action属性：<form action="表单的处理程序">...</form><br> method属性：<form mothod="传送方式">...</form><br> target属性：<form target="目标窗口的打开方式">...</form><br> autocomplete属性：<from autocomplete="on/off">...</form>(自动完成功能）<br> 表格type的属性<br> text：文字段落<br> password：密码域，输入的数据用*表示<br> radio：单选按钮<br> Checkbox：复选项<br> button：普通按钮<br> submit：提交按钮<br> reset：重置按钮，将重置表单数据，以便重新输入<br> image：图像域，也陈图像提交按钮<br> file：文件域</p> <p> 文字字段：<br> 将input元素的type属性的属性值设置为text，就可以创建一个普通文本框。(input意思是输入，value用于定义文本框的默认值，placeholder用于描述输入字段预期的提示信息，该提示会在输入字段为空时显示，并在字段获得焦点时消失)<br> <input type="text" name ="控件名称"size=控件长度 maxlength=最多字符数<br> value=“文字字段的默认取值”autocompete=“off”placeholder="字符设定值"></p> <p> 密码域(possword):显示*<br> <input type="password" name="控件名称" size="控件长度" maxlenght=最多字符数 value="文字字段的默认取值" placeholder="字符设定值"></p> <p> 单选按钮（radio）：单选按钮代表相互排斥的作用，必须要设置value的值。<br> <input type="radio" value="单选按钮的取值" name ="单选按钮的名称" checked="checked"></p> <p> 复选框（checkbox）：允许一组选项中选择多种<br> <input type="checkbox" value="复选框的取值" name ="复选框的名称"<br> checked="checked"></p> <p> 普通按钮（button）:onclick参数是设置当鼠标按下按键时进行的处理。<br> <input type="button" value ="按钮的取值" name="按钮的名称" οnclick="处理程序"><br> <br> 提交按钮（submit）：比较特殊的按钮，不需要参数onclick<br> <input type="submit</p> </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="hide-article-box hide-article-pos text-center "> <div class="vip-mask"> <a id="getVipUrl" class="openvippay unlogin" data-report-view='{"mod":"popu_786","spm":"3001.4249","strategy":"pc_vip_readmore","ab":"new","extra":{"abTest":"t_1"}}' data-report-click='{"mod":"popu_786","spm":"3001.4249","strategy":"pc_vip_readmore","ab":"new","extra":{"abTest":"t_1"}}'> <img class="lock-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/lock.png" alt="">最低0.47元/天解锁文章 <img class="btn-tag" src="https://img-home.csdnimg.cn/images/20240516053626.png" alt=""> </a> </div> </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/Peckerhead"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/10ac2b0c2737490b9edcb8bbbd1681cf_peckerhead.jpg!1"> <span class="profile-name"> boxuang </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 "> 1 </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="1" id="get-collection"> 1 </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 active" 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/10ac2b0c2737490b9edcb8bbbd1681cf_peckerhead.jpg!1" alt=""> <div class="share-tit"> html笔记 </div> <div class="share-dec"> 1、开头标签<!DOCTYPE>定义文档类型<htmI></html>定义htmI文档<script> </script>定义脚本<head> </head>定义关于文档的信息<meta >定义元信息<title> </title>定义文档标题<link> 定义资源引用<style> </style>定义文档样式信息<body& </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="10146054" data-free="true" data-description="" data-subscribe="false" data-title="前端" data-img="https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64" data-url="https://blog.csdn.net/peckerhead/category_10146054.html" data-sum="1" 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_download clearfix" data-url="https://download.csdn.net/download/weixin_49174361/86183839" 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-download-2~default~OPENSEARCH~Paid-1-86183839-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Paid","dest":"https://download.csdn.net/download/weixin_49174361/86183839"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_49174361/86183839" 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-download-2~default~OPENSEARCH~Paid-1-86183839-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Paid","dest":"https://download.csdn.net/download/weixin_49174361/86183839"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-86183839-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-86183839-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>笔记</em>.pdf</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">07-14</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_49174361/86183839" 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-download-2~default~OPENSEARCH~Paid-1-86183839-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Paid","dest":"https://download.csdn.net/download/weixin_49174361/86183839"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-86183839-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-86183839-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">"<em>HTML</em><em>笔记</em>.pdf" <em>HTML</em><em>笔记</em>.pdf是一个详细的<em>HTML</em><em>笔记</em>，涵盖了<em>HTML</em>的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. <em>HTML</em>基础知识： * DOCTYPE <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/conquerman/article/details/105130783" 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~BlogCommendFromBaidu~Rate-1-105130783-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/conquerman/article/details/105130783"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/conquerman/article/details/105130783" 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~BlogCommendFromBaidu~Rate-1-105130783-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/conquerman/article/details/105130783"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-105130783-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-105130783-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>标签详解</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/conquerman" target="_blank"><span class="blog-title">conquerman的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-26</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2984 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/conquerman/article/details/105130783" 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~BlogCommendFromBaidu~Rate-1-105130783-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/conquerman/article/details/105130783"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-105130783-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-105130783-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">本文主要内容头标签排版标签：<p>、 <div>、 <span>、<br> 、 <hr> 、 <center> 、 <pre> 字体标记：<h1>、 <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a>...</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/weixin_35753431/article/details/129608907" 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~BlogCommendFromBaidu~Rate-2-129608907-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_35753431/article/details/129608907"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_35753431/article/details/129608907" 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~BlogCommendFromBaidu~Rate-2-129608907-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_35753431/article/details/129608907"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-129608907-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-129608907-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">常见的<em>HTML</em>标签分别是什么意思</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_35753431" target="_blank"><span class="blog-title">weixin_35753431的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-14</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 285 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_35753431/article/details/129608907" 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~BlogCommendFromBaidu~Rate-2-129608907-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_35753431/article/details/129608907"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-129608907-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-129608907-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> (HyperText Markup Language) 是一种用于创建网页的标准标记语言。下面是一些常见的 <em>HTML</em> 标签及其含义： <<em>html</em>>：定义 <em>HTML</em> 文档 <head>：定义文档的头部，包含文档的标题和元数据 <title>：定义文档的标题，显示在浏览器标签上 <body>：定义文档的主体，包含所有内容 <h1>...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_74850661/article/details/134397938" 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~BlogCommendFromBaidu~Rate-3-134397938-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_74850661/article/details/134397938"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_74850661/article/details/134397938" 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~BlogCommendFromBaidu~Rate-3-134397938-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_74850661/article/details/134397938"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-134397938-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-134397938-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> 之常用标签的介绍</div> <div class="tag">最新发布</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_74850661" target="_blank"><span class="blog-title">牛牛博士博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">11-14</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1323 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_74850661/article/details/134397938" 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~BlogCommendFromBaidu~Rate-3-134397938-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_74850661/article/details/134397938"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-134397938-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-134397938-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</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/weixin_44621343/article/details/114378212" 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~BlogCommendFromBaidu~Rate-4-114378212-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_44621343/article/details/114378212"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_44621343/article/details/114378212" 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~BlogCommendFromBaidu~Rate-4-114378212-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_44621343/article/details/114378212"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-114378212-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-114378212-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>常用标签详解</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_44621343" target="_blank"><span class="blog-title">淘小欣的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-04</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 8897 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_44621343/article/details/114378212" 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~BlogCommendFromBaidu~Rate-4-114378212-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_44621343/article/details/114378212"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-114378212-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-114378212-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>常用标签详解一、head内常用标签 1.基本标签（非meta标签）  <title>Title</title>  <style> h1 { color: greenyellow; } </style>  <script</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_39992831/article/details/117866274" 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~BlogCommendFromBaidu~Rate-5-117866274-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_39992831/article/details/117866274"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_39992831/article/details/117866274" 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~BlogCommendFromBaidu~Rate-5-117866274-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_39992831/article/details/117866274"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-117866274-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-117866274-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>常见的标签及其含义,<em>HTML</em>中各标签代表的含义</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_39992831" target="_blank"><span class="blog-title">weixin_39992831的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-07</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2005 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_39992831/article/details/117866274" 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~BlogCommendFromBaidu~Rate-5-117866274-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_39992831/article/details/117866274"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-117866274-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-117866274-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em>常用标签文件标题文件更新：1)10秒后自动更新一次2)10秒后自动连结到另一个文件查询用表单预设的基准路径版面标题文字的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。字体变化如果要单独对文本中的某句话添加样式，可以用显示小字体显示大字体粗体字斜体字打字机字体底线删除线下标字上标字文字闪烁效果换行分...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/April_Aimer/12139943" 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-download-2~default~OPENSEARCH~Rate-6-12139943-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/April_Aimer/12139943"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/April_Aimer/12139943" 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-download-2~default~OPENSEARCH~Rate-6-12139943-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/April_Aimer/12139943"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12139943-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12139943-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> <em>笔记</em>.zip</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">02-06</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/April_Aimer/12139943" 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-download-2~default~OPENSEARCH~Rate-6-12139943-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/April_Aimer/12139943"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12139943-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12139943-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">这个“<em>HTML</em><em>笔记</em>.zip”文件显然包含了关于<em>HTML</em>的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解<em>HTML</em>的核心知识。在<em>HTML</em>中，我们通过一系列的标签来构建网页结构。例如...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_44011154/12190600" 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-download-2~default~OPENSEARCH~Rate-7-12190600-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_44011154/12190600"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_44011154/12190600" 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-download-2~default~OPENSEARCH~Rate-7-12190600-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_44011154/12190600"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-12190600-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-12190600-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>笔记</em>.txt</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">02-25</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_44011154/12190600" 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-download-2~default~OPENSEARCH~Rate-7-12190600-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_44011154/12190600"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-12190600-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-12190600-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">自己总结的<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/qq_17365907/8408157" 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-download-2~default~OPENSEARCH~Rate-8-8408157-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/qq_17365907/8408157"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/qq_17365907/8408157" 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-download-2~default~OPENSEARCH~Rate-8-8408157-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/qq_17365907/8408157"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8408157-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8408157-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>笔记</em>.doc</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">01-29</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/qq_17365907/8408157" 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-download-2~default~OPENSEARCH~Rate-8-8408157-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/qq_17365907/8408157"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8408157-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8408157-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">在这个<em>HTML</em><em>笔记</em>中，主要涵盖了关于<em>HTML</em>和CSS的一些关键知识点，包括元信息设定、文本格式化、列表创建、表格构建、样式定义以及表单元素等。首先，`<meta charset="UTF-8">`是一个非常重要的元标签，它定义了文档...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_58468567/article/details/128771512" 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~BlogCommendFromBaidu~Rate-9-128771512-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_58468567/article/details/128771512"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_58468567/article/details/128771512" 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~BlogCommendFromBaidu~Rate-9-128771512-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_58468567/article/details/128771512"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-128771512-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-128771512-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>详解</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_58468567" target="_blank"><span class="blog-title">m0_58468567的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-27</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2042 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_58468567/article/details/128771512" 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~BlogCommendFromBaidu~Rate-9-128771512-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_58468567/article/details/128771512"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-128771512-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-128771512-blog-107018763.235%5Ev43%5Econtrol'> <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/weixin_33970380/article/details/118235027" 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-blog-2~default~BlogCommendFromBaidu~Rate-10-118235027-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33970380/article/details/118235027"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_33970380/article/details/118235027" 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-blog-2~default~BlogCommendFromBaidu~Rate-10-118235027-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33970380/article/details/118235027"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-118235027-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-118235027-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>标签代表,<em>html</em>标签代表的含义</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_33970380" target="_blank"><span class="blog-title">weixin_33970380的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-23</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 183 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_33970380/article/details/118235027" 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-blog-2~default~BlogCommendFromBaidu~Rate-10-118235027-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33970380/article/details/118235027"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-118235027-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-118235027-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">!DOCTYPE>-------------------------------定义文档类型。<em>html</em>---------------------------------------定义 <em>HTML</em> 文档。title----------------------------------------定义文档的标题。body---------------------------------------...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/gswsssw/article/details/124700400" 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-blog-2~default~BlogCommendFromBaidu~Rate-11-124700400-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/gswsssw/article/details/124700400"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/gswsssw/article/details/124700400" 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-blog-2~default~BlogCommendFromBaidu~Rate-11-124700400-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/gswsssw/article/details/124700400"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-124700400-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-124700400-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>基础标签及其语义</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/gswsssw" target="_blank"><span class="blog-title">gswsssw的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-10</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1632 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/gswsssw/article/details/124700400" 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-blog-2~default~BlogCommendFromBaidu~Rate-11-124700400-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/gswsssw/article/details/124700400"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-124700400-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-124700400-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">一、<em>HTML</em>语法规范 1.1、基本语法表述 <<em>html</em>></<em>html</em>>#标签通常都是成对出现（双标签），开始结束标签 <br />#单标签 1.2、标签关系包含关系与并列关系包含关系 <head>#父标签 <title> </title>#子标签 <head> 并列关系 <head> </head> <body> </body&...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/lan_shen/article/details/115313902" 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-blog-2~default~BlogCommendFromBaidu~Rate-12-115313902-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/lan_shen/article/details/115313902"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/lan_shen/article/details/115313902" 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-blog-2~default~BlogCommendFromBaidu~Rate-12-115313902-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/lan_shen/article/details/115313902"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-115313902-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-115313902-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> 含义</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/lan_shen" target="_blank"><span class="blog-title">lan_shen的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-29</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2619 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/lan_shen/article/details/115313902" 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-blog-2~default~BlogCommendFromBaidu~Rate-12-115313902-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/lan_shen/article/details/115313902"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-115313902-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-115313902-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">1.<em>HTML</em> 含义 <em>HTML</em> 指的是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言。 <em>HTML</em> 不是一种编程语言，而是一种标记语言（Markup language）标记语言是一套标记标签（markup tag）所谓超文本，有2个含义： 1.因为它可以加入图片，声音，动画，多媒体等内容（超越文本限制） 2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本） <em>html</em> 总结： <em>html</em> 是超文本标记（标签）语言学习<em>html</em>主要</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_29098391/article/details/117868048" 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-blog-2~default~BlogCommendFromBaidu~Rate-13-117868048-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29098391/article/details/117868048"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_29098391/article/details/117868048" 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-blog-2~default~BlogCommendFromBaidu~Rate-13-117868048-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29098391/article/details/117868048"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-117868048-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-117868048-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">网页制作中<em>html</em>的含义,<em>html</em>的意思和内涵</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_29098391" target="_blank"><span class="blog-title">weixin_29098391的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-07</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1427 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_29098391/article/details/117868048" 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-blog-2~default~BlogCommendFromBaidu~Rate-13-117868048-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29098391/article/details/117868048"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-117868048-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-117868048-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>html</em>的意思和内涵<em>html</em>是hypertext markup language的缩写，即超文本标记语言。<em>html</em>是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建web页面。<em>html</em>文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件——<em>html</em>结构了解。<em>html</em>文本是由 <em>html</em>命令组成的描述性文本，<em>html</em> 命令可以说明文字、图形、动画、声音、表格...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/June_email/article/details/53009607" 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~BlogCommendFromBaidu~Rate-14-53009607-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/June_email/article/details/53009607"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/June_email/article/details/53009607" 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~BlogCommendFromBaidu~Rate-14-53009607-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/June_email/article/details/53009607"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-53009607-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-53009607-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>中常见的标签及意义(一)</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/June_email" target="_blank"><span class="blog-title">June的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">11-02</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 8799 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/June_email/article/details/53009607" 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~BlogCommendFromBaidu~Rate-14-53009607-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/June_email/article/details/53009607"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-53009607-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-53009607-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">1：标签：双标签，网页的标志及开始，内容写在这个标签内； 2：标签：双标签，<em>html</em>的头标签，一些设置的东西写到这里边； 3：标签：双标签，<em>html</em>的内容部分，展示内容写到这里边； 4：标签：双标签，网页的标题； 5：标签：单标签，元标签，设置字符集等内容； 6：标签：单标签，单独一行的横线； 7：标签：单标签，单独另起一行； 8：标签：单标签，加载的图片，内部可以嵌套 width </div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_39104044/article/details/75432142" 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-blog-2~default~BlogCommendFromBaidu~Rate-15-75432142-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_39104044/article/details/75432142"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_39104044/article/details/75432142" 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-blog-2~default~BlogCommendFromBaidu~Rate-15-75432142-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_39104044/article/details/75432142"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-75432142-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-75432142-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">常见<em>html</em>的标签含义（2）</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_39104044" target="_blank"><span class="blog-title">xc_ai_xm的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-26</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 690 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_39104044/article/details/75432142" 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-blog-2~default~BlogCommendFromBaidu~Rate-15-75432142-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_39104044/article/details/75432142"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-75432142-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-75432142-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">对<em>html</em>图像标签的应用和路径的应用：图像元素：<img /> 导入图像：<img src="图像的路径和名称" /> 例如：<img src=" 006.jpg" width="250px" height="250px" /> 浏览器支持的图像格式： gif:支持透明色，支持动画，支持256</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_44309299/article/details/123099836" 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-blog-2~default~BlogCommendFromBaidu~Rate-16-123099836-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_44309299/article/details/123099836"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_44309299/article/details/123099836" 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-blog-2~default~BlogCommendFromBaidu~Rate-16-123099836-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_44309299/article/details/123099836"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-123099836-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-123099836-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>部分常用标签的含义</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_44309299" target="_blank"><span class="blog-title">weixin_44309299的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-23</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1044 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_44309299/article/details/123099836" 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-blog-2~default~BlogCommendFromBaidu~Rate-16-123099836-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_44309299/article/details/123099836"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-123099836-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-123099836-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">目录段落标签图片标签标题标签段落标签 <p>段落内容</p> 换行<br> 加粗 <b>内容</b> <strong>强调内容</strong> 倾斜 <i>内容</i> <em>强调内容</em> 上下标 <sup>上标</sup> ...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_43249043/article/details/100865503" 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-blog-2~default~BlogCommendFromBaidu~Rate-17-100865503-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_43249043/article/details/100865503"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_43249043/article/details/100865503" 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-blog-2~default~BlogCommendFromBaidu~Rate-17-100865503-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_43249043/article/details/100865503"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-100865503-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-100865503-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>常用标签含义</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_43249043" target="_blank"><span class="blog-title">greenhand_coder</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-15</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 434 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_43249043/article/details/100865503" 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-blog-2~default~BlogCommendFromBaidu~Rate-17-100865503-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_43249043/article/details/100865503"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-100865503-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-100865503-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">与之间的文本描述网页与之间的文本是可见的页面内容 body标签：与之间的文本被显示为标题与之间的文本被显示为段落与间是链接 eg: This is a link 图片用单 eg: head标签： ...</div> </a> </div> </div> </div> <div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/4yd9wqih8w" 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-c_download-2~default~OPENSEARCH~Position-18-4yd9wqih8w-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/4yd9wqih8w"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://wenku.csdn.net/doc/4yd9wqih8w" 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-c_download-2~default~OPENSEARCH~Position-18-4yd9wqih8w-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/4yd9wqih8w"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-4yd9wqih8w-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-4yd9wqih8w-blog-107018763.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">张孝祥主讲经典<em>HTML</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/4yd9wqih8w" 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-c_download-2~default~OPENSEARCH~Position-18-4yd9wqih8w-blog-107018763.235^v43^control\",\"dist_request_id\":\"1723560089157_86732\"}","dist_request_id":"1723560089157_86732","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/4yd9wqih8w"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-4yd9wqih8w-blog-107018763.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-4yd9wqih8w-blog-107018763.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">本文档是一份由张孝祥主讲的<em>HTML</em><em>笔记</em>，内容涵盖了JavaScript网页编程的基础课程，包括<em>HTML</em>语言的基础、高级概念、CSS、JavaScript语法、DOM对象模型编程以及脚本编程技术汇总。此外，还涉及到正则表达式的应用。文档...</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 active"> <div class="profile-intro d-flex"> <div class="avatar-box d-flex justify-content-center flex-column"> <a href="https://blog.csdn.net/Peckerhead" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/Peckerhead","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/10ac2b0c2737490b9edcb8bbbd1681cf_peckerhead.jpg!1" class="avatar_pic"> <a href="https://blog.csdn.net/Peckerhead" data-report-click='{"spm":"1001.2101.3001.9180"}' target="_blank"><img class="identity" src="https://csdnimg.cn/release/blogv2/dist/mobile/img/vipIcon.png" alt=""></a> </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/Peckerhead" target="_blank" class="" id="uid" title="boxuang" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/Peckerhead","ab":"new"}'> <span class="name" username="Peckerhead">boxuang</span> </a> </div> <div class="profile-intro-name-boxFooter-new"> <p class="profile-intro-name-leve"> <span> 博客等级 </span> <img class="level" src="https://csdnimg.cn/identity/blog2.png"> </p> <span class="profile-intro-name-years" title="已加入 CSDN 4年">码龄4年</span> </div> </div> </div> <div class="profile-intro-rank-information"> <dl> <a href="https://blog.csdn.net/Peckerhead" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1"> <dd><span >2</span></dd> <dt>原创</dt> </a> </dl> <dl title="3"> <dd>3</dd> <dt>点赞</dt> </dl> <dl title="19"> <dd>19</dd> <dt>收藏</dt> </dl> <dl id="fanBox" title="4"> <dd><span id="fan">4</span></dd> <dt>粉丝</dt> </dl> </div> <div class="profile-intro-name-boxOpration"> <div class="opt-letter-watch-box"> <a class="personal-watch bt-button" id="btnAttent" >关注</a> </div> <div class="opt-letter-watch-box"> <a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/Peckerhead" target="_blank" rel="noopener">私信</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/Peckerhead/article/details/107115034" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034","ab":"new"}'> 免费主机，免费二级域名分发，免费建临时网站，免费扒网 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">16258</span> </a> </li> <li> <a href="https://blog.csdn.net/Peckerhead/article/details/107018763" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Peckerhead/article/details/107018763","ab":"new"}'> html笔记 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">231</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/peckerhead/category_10146054.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/peckerhead/category_10146054.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756913.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">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/peckerhead/category_10162367.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/peckerhead/category_10162367.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.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">1篇</span> </li> </ul> </div> </div> <div id="asideNewComments" class="aside-box"> <h3 class="aside-title">最新评论</h3> <div class="aside-content"> <ul class="newcomment-list"> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Peckerhead/article/details/107115034#comments_24338171" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_24338171","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_24338171","ab":"new"}'>免费主机，免费二级域名分发，免费建临时网站，免费扒网</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/yyy531341235" class="user-name" target="_blank">yyy531341235: </a> <span class="code-comments">dns.xjqxz.top二级域名长期稳定配合蓝队云的免费虚拟主机永久使用</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21249293" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21249293","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21249293","ab":"new"}'>免费主机，免费二级域名分发，免费建临时网站，免费扒网</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/m0_70042319" class="user-name" target="_blank">纯纯小白啊: </a> <span class="code-comments">我告诉你两个？</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21241806" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21241806","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21241806","ab":"new"}'>免费主机，免费二级域名分发，免费建临时网站，免费扒网</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/m0_70042319" class="user-name" target="_blank">纯纯小白啊: </a> <span class="code-comments">okok</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21238793" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21238793","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21238793","ab":"new"}'>免费主机，免费二级域名分发，免费建临时网站，免费扒网</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/Peckerhead" class="user-name" target="_blank">boxuang: </a> <span class="code-comments">那抱歉了,这篇文章已经是2年前的了,等我有空后我会跟新新的文章</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21219964" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21219964","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034#comments_21219964","ab":"new"}'>免费主机，免费二级域名分发，免费建临时网站，免费扒网</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/m0_70042319" class="user-name" target="_blank">纯纯小白啊: </a> <span class="code-comments">现在不能白嫖主机了<img src="https://g.csdnimg.cn/static/face/emoji/001.png" alt='表情包' ></span> </p> </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/Peckerhead/article/details/107115034" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Peckerhead/article/details/107115034","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/Peckerhead?type=blog&year=2020&month=07" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/Peckerhead?type=blog&year=2020&month=07"}'><span class="year">2020年</span><span class="num">2篇</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/peckerhead/category_10146054.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/peckerhead/category_10146054.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756913.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">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/peckerhead/category_10162367.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/peckerhead/category_10162367.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.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">1篇</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-bf594a7338.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-50666be0aa.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>