本文介绍了HTML的基本结构，包括doctype声明、元素（如、、
等）、元数据、超链接、图片插入、修改标题、表格和表单的创建方法。
</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">
<h3>html概念</h3>
<ul><li><!DOCTYPE html> 声明为 HTML5 文档</li><li><html> 元素是 HTML 页面的根元素</li><li><head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。</li><li><title> 元素描述了文档的标题</li><li><body> 元素包含了可见的页面内容</li><li><h1> 元素定义一个大标题</li><li><p> 元素定义一个段落</li></ul>
<h3>html基本代码</h3>
<pre><code class="language-html"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html></code></pre>
<p>注意文件名后缀必须改成html</p>
<h3>html超链接</h3>
<pre><code class="language-html"><a href="https://www.runoob.com">这是一个链接</a></code></pre>
<h3>html图片插入与调整大小</h3>
<pre><code class="language-html"><img src="/images/logo.png" width="258" height="39" /></code></pre>
<h3>修改html页面标题</h3>
<pre><code class="language-html"><title>页面标题</title></code></pre>
<h3>html表格建立</h3>
<pre><code class="language-html"><table border="1">
<tr>
<td>我是第一行，第一个小格子</td>
<td>我是第一行，第二个小格子</td>
</tr>
<tr>
<td>我是第二行，第一个小格子</td>
<td>我是第二行，第二个小格子</td>
</tr>
</table></code></pre>
<h3>html form表单</h3>
<pre><code class="language-html"><form action="">
账号: <input type="text" name="user"><br>
密码: <input type="password" name="password">
</form></code></pre>
<p></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="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/laodaoshuang886"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/default.jpg!1">
<span class="profile-name">
laodaoshuang886
</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 ">
8
</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="10" id="get-collection">
10
</span>
</a>
<div class="tool-hover-tip collect">
<div class="collect-operate-box">
<span class="collect-text" id="is-collection">
收藏
</span>
</div>
</div>
<div class="tool-active-list">
<div class="text">
觉得还不错?
<span class="collect-text" id="tool-active-list-collection">
一键收藏
</span>
<img id="tool-active-list-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/collectionCloseWhite.png" alt="">
</div>
</div>
</li>
<li class="tool-item tool-item-size tool-active tool-item-comment">
<div class="guide-rr-first">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward01.png" alt="">
<button class="btn-guide-known">知道了</button>
</div>
<a class="tool-item-href" href="#commentBox" data-report-click='{"spm":"1001.2101.3001.7009"}'>
<img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newComment2021Black.png" alt="">
<span class="count">
0
</span>
</a>
<div class="tool-hover-tip"><span class="text space">评论</span></div>
</li>
<li class="tool-item tool-item-bar">
</li>
<li class="tool-item tool-item-size tool-active tool-QRcode" data-type="article" id="tool-share">
<a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"1582594662_002","spm":"1001.2101.3001.4129","ab":"new"}'>
<img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newShareBlack.png" alt="">
</a>
<div class="QRcode" id="tool-QRcode">
<div class="share-bg-icon icon1" id="shareBgIcon"></div>
<div class="share-bg-box">
<div class="share-content">
<img class="share-avatar" src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="">
<div class="share-tit">
html网页简单代码
</div>
<div class="share-dec">
注意文件名后缀必须改成html。
</div>
<a id="copyPosterUrl" class="url" data-report-click='{"spm":"1001.2101.3001.7493"}' data-report-view='{"spm":"1001.2101.3001.7493"}'>复制链接</a>
</div>
<div class="share-code">
<div class="share-code-box" id='shareCode'></div>
<div class="share-code-text">扫一扫</div>
</div>
</div>
<div class="share-code-type">
</div>
</div>
</li>
</ul>
</div>
<div class="toolbox-right">
</div>
</div>
</div>
<script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script>
<script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box ">
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/cxh_dream/article/details/4581142" data-report-view='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-4581142-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/cxh_dream/article/details/4581142"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/cxh_dream/article/details/4581142" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-4581142-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/cxh_dream/article/details/4581142"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-4581142-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-4581142-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em>的<em>html</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/cxh_dream" target="_blank"><span class="blog-title">cxh_dream的专栏</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">09-22</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1860
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/cxh_dream/article/details/4581142" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-4581142-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/cxh_dream/article/details/4581142"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-4581142-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-4581142-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">链接标志 1. 本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailto:形式，即发送E-Mail形式。对于第一种情况，语法为，这就能创建一个超文本链接了，例如： 这是我的网站 对于第二种情况，语法为，这就创建了一个自动发送电子邮件的链接，mailto:后边</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_download clearfix" data-url="https://download.csdn.net/download/cctv11088/2238588" 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-download-2~default~BlogCommendFromBaidu~PaidSort-1-2238588-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://download.csdn.net/download/cctv11088/2238588"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/cctv11088/2238588" 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-download-2~default~BlogCommendFromBaidu~PaidSort-1-2238588-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://download.csdn.net/download/cctv11088/2238588"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-2238588-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-2238588-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1">一些<em>简单</em>的<em>HTML</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">04-14</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/cctv11088/2238588" 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-download-2~default~BlogCommendFromBaidu~PaidSort-1-2238588-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://download.csdn.net/download/cctv11088/2238588"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-2238588-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-2238588-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>简单</em>的网站<em>代码</em>希望对大家有帮助~~~~~</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/qq_524614081/article/details/135497190" 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~baidujs_utm_term~Ctr-2-135497190-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"2","strategy":"2~default~baidujs_utm_term~Ctr","dest":"https://blog.csdn.net/qq_524614081/article/details/135497190"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_524614081/article/details/135497190" 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~baidujs_utm_term~Ctr-2-135497190-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"2","strategy":"2~default~baidujs_utm_term~Ctr","dest":"https://blog.csdn.net/qq_524614081/article/details/135497190"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7Ebaidujs_utm_term%7ECtr-2-135497190-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7Ebaidujs_utm_term%7ECtr-2-135497190-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1">【<em>HTML网页</em>设计】 使用<em>HTML</em>做一个<em>简单</em>漂亮的页面（纯<em>html</em><em>代码</em>）</div>
<div class="tag">最新发布</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_524614081" target="_blank"><span class="blog-title">qq_524614081的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">01-10</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
2586
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_524614081/article/details/135497190" 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~baidujs_utm_term~Ctr-2-135497190-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"2","strategy":"2~default~baidujs_utm_term~Ctr","dest":"https://blog.csdn.net/qq_524614081/article/details/135497190"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7Ebaidujs_utm_term%7ECtr-2-135497190-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7Ebaidujs_utm_term%7ECtr-2-135497190-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言<em>HTML</em>5+CSS3+JS程序语言完成网站的功能设计。并确保网站<em>代码</em>兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：<em>html网页</em>结构文件、css网页样式文件、js网页特效文件、images网页图片文件；</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_42583374/10511055" 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-download-2~default~BlogCommendFromBaidu~Rate-3-10511055-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/weixin_42583374/10511055"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/weixin_42583374/10511055" 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-download-2~default~BlogCommendFromBaidu~Rate-3-10511055-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/weixin_42583374/10511055"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-10511055-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-10511055-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em>的一个<em>html</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">07-01</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/weixin_42583374/10511055" 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-download-2~default~BlogCommendFromBaidu~Rate-3-10511055-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/weixin_42583374/10511055"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-10511055-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-10511055-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<em>Html</em>静态网页<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_download clearfix" data-url="https://download.csdn.net/download/qq_21788319/8018473" 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-download-2~default~BlogCommendFromBaidu~Rate-4-8018473-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/qq_21788319/8018473"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/qq_21788319/8018473" 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-download-2~default~BlogCommendFromBaidu~Rate-4-8018473-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/qq_21788319/8018473"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-8018473-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-8018473-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em><em>HTML</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">10-09</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/qq_21788319/8018473" 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-download-2~default~BlogCommendFromBaidu~Rate-4-8018473-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/qq_21788319/8018473"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-8018473-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-8018473-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>简单</em>的<em>HTML</em><em>代码</em>，帮助需要的朋友学习，希望大家喜欢。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/ThinKing2016/article/details/115824304" 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-115824304-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ThinKing2016/article/details/115824304"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/ThinKing2016/article/details/115824304" 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-115824304-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ThinKing2016/article/details/115824304"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-115824304-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-115824304-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em>实用的<em>HTML</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/ThinKing2016" target="_blank"><span class="blog-title">icontent</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">04-18</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
236
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/ThinKing2016/article/details/115824304" 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-115824304-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ThinKing2016/article/details/115824304"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-115824304-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-115824304-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">转自：http://www.pinlue.com/article/2021/01/2001/4611497849330.<em>html</em>
</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/mm940791023/10150272" 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~BlogCommendFromBaidu~Rate-6-10150272-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/mm940791023/10150272"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/mm940791023/10150272" 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~BlogCommendFromBaidu~Rate-6-10150272-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/mm940791023/10150272"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-10150272-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-10150272-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1">一个<em>简单</em>的<em>HTML网页</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">12-07</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/mm940791023/10150272" 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~BlogCommendFromBaidu~Rate-6-10150272-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/mm940791023/10150272"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-10150272-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-10150272-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">一个<em>简单</em>的<em>html</em><em>代码</em>，可以用txt或者DW打开，就是很基础的一些含表格，主题可替换</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/bangzhou5573/article/details/101331096" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-7-101331096-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/bangzhou5573/article/details/101331096"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/bangzhou5573/article/details/101331096" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-7-101331096-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/bangzhou5573/article/details/101331096"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-101331096-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-101331096-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em>入门<em>HTML</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/bangzhou5573" target="_blank"><span class="blog-title">bangzhou5573的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">09-01</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1090
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/bangzhou5573/article/details/101331096" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-7-101331096-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/bangzhou5573/article/details/101331096"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-101331096-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-7-101331096-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">字体<em>代码</em>：
<!DOCTYPE <em>html</em> PUBLIC "-//W3C//DTD X<em>HTML</em> 1.0 Transitional//EN" TR/x<em>html</em>1/DTD/x<em>html</em>1-transitional.dtd"><<em>html</em> lang="zh-CN"http://zzdxjyzd.com xml:lang="zh-CN" xmlns="
<head>&...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://devpress.csdn.net/v1/article/detail/131631158" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-8-131631158-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/131631158"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://devpress.csdn.net/v1/article/detail/131631158" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-8-131631158-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/131631158"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-8-131631158-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-8-131631158-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em>常用<em>HTML</em><em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/2301_76469377" target="_blank"><span class="blog-title">2301_76469377的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">07-10</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
5008
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://devpress.csdn.net/v1/article/detail/131631158" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-8-131631158-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/131631158"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-8-131631158-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-8-131631158-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">这是我的网站</a><a href="java script.:history.go(-1)">点击后退</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/wyx100/9827067" 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-download-2~default~BlogCommendFromBaidu~Rate-9-9827067-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/wyx100/9827067"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/wyx100/9827067" 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-download-2~default~BlogCommendFromBaidu~Rate-9-9827067-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/wyx100/9827067"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-9827067-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-9827067-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>html</em>5 <em>简单</em>实例源<em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">04-27</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/wyx100/9827067" 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-download-2~default~BlogCommendFromBaidu~Rate-9-9827067-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/wyx100/9827067"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-9827067-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-9827067-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>html</em>5 <em>简单</em>实例源<em>代码</em></div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/qq_42505603/10490258" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-10-10490258-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/qq_42505603/10490258"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/qq_42505603/10490258" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-10-10490258-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/qq_42505603/10490258"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-10490258-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-10490258-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>简单</em>的<em>html</em>网站</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">06-21</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/qq_42505603/10490258" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-10-10490258-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/qq_42505603/10490258"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-10490258-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-10490258-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">一个静态网站，包含了五个部分，还有其中的源码，可以打开可以在此基础修改</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_42892703/10809559" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-11-10809559-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/weixin_42892703/10809559"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/weixin_42892703/10809559" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-11-10809559-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/weixin_42892703/10809559"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-10809559-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-10809559-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1">超级<em>简单</em>的<em>html</em>5源码</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">11-27</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/weixin_42892703/10809559" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-11-10809559-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/weixin_42892703/10809559"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-10809559-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-10809559-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">超级<em>简单</em>的<em>html</em>，供大家参考，拿走拿走别客气 。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/u014733565/9496943" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-12-9496943-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/u014733565/9496943"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/u014733565/9496943" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-12-9496943-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/u014733565/9496943"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-9496943-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-9496943-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<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">04-20</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/u014733565/9496943" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendFromBaidu~Rate-12-9496943-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://download.csdn.net/download/u014733565/9496943"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-9496943-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-9496943-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>搭建的<em>简单</em>网页，一个完整的网页架构</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_65484028/article/details/134875592" 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-134875592-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_65484028/article/details/134875592"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/m0_65484028/article/details/134875592" 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-134875592-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_65484028/article/details/134875592"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-134875592-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-134875592-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>简单</em>网页<em>代码</em>：使用<em>HTML</em>做一个<em>简单</em>漂亮的页面（纯<em>html</em><em>代码</em>）</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/m0_65484028" target="_blank"><span class="blog-title">而风不止</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">12-19</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
6286
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/m0_65484028/article/details/134875592" 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-134875592-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_65484028/article/details/134875592"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-134875592-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-134875592-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">📂文章目录二、✍️网站描述三、📚网站介绍四、🌐网站演示五、⚙️ 网站<em>代码</em>🧱<em>HTML</em>结构<em>代码</em>💒CSS样式<em>代码</em>六、🥇 如何让学习不再盲目七、🎁更多干货
❤ 【作者主页——🔥获取更多优质源码】
❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】
❤ 【web<em>前端</em>期末大作业——🔥🔥毕设项目精品实战案例】
# 一、👨🎓网站题目
🏮传统春节网页设计、🎅圣诞节节日发展、🥮中秋、端午传统节日习俗庆祝、🎏地区特色，网站模板 、等网站的设计与制作。
二、✍️网站描述
🏷️ 大学生传统节日网页作业成品采用DI</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://huaweicloud.csdn.net/638edff1dacf622b8df8d3a5.html" 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~activity-14-123624237-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://huaweicloud.csdn.net/638edff1dacf622b8df8d3a5.html"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://huaweicloud.csdn.net/638edff1dacf622b8df8d3a5.html" 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~activity-14-123624237-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://huaweicloud.csdn.net/638edff1dacf622b8df8d3a5.html"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-14-123624237-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-14-123624237-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>简单</em>的网页<em>代码</em>编写</div>
<div class="tag">热门推荐</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/bingxuejianglin" target="_blank"><span class="blog-title">bingxuejianglin的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">03-20</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
2万+
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://huaweicloud.csdn.net/638edff1dacf622b8df8d3a5.html" 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~activity-14-123624237-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://huaweicloud.csdn.net/638edff1dacf622b8df8d3a5.html"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-14-123624237-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-14-123624237-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> 超文本标识语言(hyper text markup language ) 是由一堆<em>代码</em>组成，通过标识和标签，来渲染 文字、图片、音频、视频、动画、表格等。
蒂姆·博纳斯·李 W3C （w3c.org）。<em>html</em><em>代码</em>，由<em>前端</em>大佬，写出来的网页 能符合web标准。万维网联盟 全球四大中心，麻省理工学院，欧洲数字信息中心、东京庆应大学，北京航空航天大学。
主要作用：就是让各大浏览器都能够显示同一样的页面。
1、网页由哪些内容组成
文字、图片、视频、音频、动画、表格。
2、网页背后的本质是什么
</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://devpress.csdn.net/v1/article/detail/106518533" 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~activity-15-106518533-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/106518533"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://devpress.csdn.net/v1/article/detail/106518533" 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~activity-15-106518533-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/106518533"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-15-106518533-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-15-106518533-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>简单</em>入门 <em>代码</em>加注释详解</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/weixin_46554776" target="_blank"><span class="blog-title">Slide-楠的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">06-03</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
5724
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://devpress.csdn.net/v1/article/detail/106518533" 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~activity-15-106518533-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/106518533"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-15-106518533-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-15-106518533-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>
初识网页
<!DOCTYPE <em>html</em>>
<<em>html</em> lang="en">
<!--head标签代表网页头部-->
<head>
<!--meta描述性标签，它用来描述我们网站的一些信息-->
<!--meta一般用来做SEO-->
<meta charset="UTF-8">
<meta name="keywordls" content="Java，博客">
&</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_65484028/article/details/134870621" 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-134870621-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_65484028/article/details/134870621"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/m0_65484028/article/details/134870621" 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-134870621-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_65484028/article/details/134870621"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-134870621-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-134870621-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1">【<em>简单</em><em>html</em>静态网页<em>代码</em>】 —<em>html</em>+css+javascript+jquery+bootstarp响应式图书商城</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/m0_65484028" target="_blank"><span class="blog-title">而风不止</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">12-19</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1220
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/m0_65484028/article/details/134870621" 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-134870621-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_65484028/article/details/134870621"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-134870621-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-134870621-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1">常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始<em>HTML</em>+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。
⚽精彩专栏</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://devpress.csdn.net/v1/article/detail/132702225" 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~activity-17-132702225-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/132702225"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://devpress.csdn.net/v1/article/detail/132702225" 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~activity-17-132702225-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/132702225"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-17-132702225-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-17-132702225-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="left ellipsis-online ellipsis-online-1">【<em>HTML</em>】<em>html</em>纯常用<em>代码</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/2301_79585673" target="_blank"><span class="blog-title">2301_79585673的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">09-05</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
7250
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://devpress.csdn.net/v1/article/detail/132702225" 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~activity-17-132702225-blog-136606563.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1721719334249_58696\"}","dist_request_id":"1721719334249_58696","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://devpress.csdn.net/v1/article/detail/132702225"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-17-132702225-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-17-132702225-blog-136606563.235%5Ev43%5Epc_blog_bottom_relevance_base4'>
<div class="desc ellipsis-online ellipsis-online-1"><em>html</em><em>代码</em>大全</div>
</a>
</div>
</div>
</div>
</div>
<div id="recommendNps" class="recommend-nps-box common-nps-box">
<h3 class="aside-title">“相关推荐”对你有帮助么？</h3>
<div class="aside-content">
<ul class="newnps-list">
<li class="newnps-item" data-type="非常没帮助">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel1.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey1.png" alt="">
</div>
<div class="newnps-text">非常没帮助</div>
</li>
<li class="newnps-item" data-type="没帮助">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel2.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey2.png" alt="">
</div>
<div class="newnps-text">没帮助</div>
</li>
<li class="newnps-item" data-type="一般">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel3.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey3.png" alt="">
</div>
<div class="newnps-text">一般</div>
</li>
<li class="newnps-item" data-type="有帮助">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel4.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey4.png" alt="">
</div>
<div class="newnps-text">有帮助</div>
</li>
<li class="newnps-item" data-type="非常有帮助">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel5.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey5.png" alt="">
</div>
<div class="newnps-text">非常有帮助</div>
</li>
</ul>
<div class="newnps-form-box">
<div class="newnps-form">
<input type="text" placeholder="请输入建议或反馈后点击提交" class="newnps-input">
<span class="newnps-btn">提交</span>
</div>
</div>
</div>
</div><div class="blog-footer-bottom" style="margin-top:10px;"></div>
<script src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script>
<script type="text/javascript">
window.csdn.csdnFooter.options = {
el: '.blog-footer-bottom',
type: 2
}
</script> </main>
<aside class="blog_container_aside">
<div id="asideProfile" class="aside-box">
<div class="profile-intro d-flex">
<div class="avatar-box d-flex justify-content-center flex-column">
<a href="https://blog.csdn.net/laodaoshuang886" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/laodaoshuang886","ab":"new"}'>
<img src="https://profile-avatar.csdnimg.cn/default.jpg!1" class="avatar_pic">
</a>
</div>
<div class="user-info d-flex flex-column profile-intro-name-box">
<div class="profile-intro-name-boxTop">
<a href="https://blog.csdn.net/laodaoshuang886" target="_blank" class="" id="uid" title="laodaoshuang886" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/laodaoshuang886","ab":"new"}'>
<span class="name " username="laodaoshuang886">laodaoshuang886</span>
</a>
<span>
</span>
<span class="flag expert-blog">
<span class="bubble">CSDN认证博客专家</span>
</span>
<span class="flag company-blog">
<span class="bubble">CSDN认证企业博客</span>
</span>
</div>
<div class="profile-intro-name-boxFooter">
<span class="personal-home-page personal-home-years" title="已加入 CSDN 139天">码龄139天</span>
<span class="personal-home-page">
<a class="personal-home-certification" href="https://i.csdn.net/#/uc/profile?utm_source=14998968" target="_blank" title="暂无认证">
<img src="https://csdnimg.cn/identity/nocErtification.png" alt="">
暂无认证
</a>
</span>
</div>
</div>
</div>
<div class="data-info d-flex item-tiling">
<dl class="text-center" title="6">
<a href="https://blog.csdn.net/laodaoshuang886" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1">
<dt><span class="count">6</span></dt>
<dd class="font">原创</dd>
</a>
</dl>
<dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="1441962">
<a href="https://blog.csdn.net/rank/list/weekly" target="_blank">
<dt><span class="count">144万+</span></dt>
<dd class="font">周排名</dd>
</a>
</dl>
<dl class="text-center" title="159244">
<a href="https://blog.csdn.net/rank/list/total" data-report-click='{"mod":"1598321000_003","spm":"1001.2101.3001.4312"}' target="_blank">
<dt><span class="count">15万+</span></dt>
<dd class="font">总排名</dd>
</a>
</dl>
<dl class="text-center" style="min-width:58px" title="3531">
<dt><span class="count">3531</span></dt>
<dd>访问</dd>
</dl>
<dl class="text-center" title="2级,点击查看等级说明">
<dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank">
<img class="level" src="https://csdnimg.cn/identity/blog2.png">
</a>
</dt>
<dd>等级</dd>
</dl>
</div>
<div class="item-rank"></div>
<div class="data-info d-flex item-tiling">
<dl class="text-center" title="105">
<dt><span class="count">105</span></dt>
<dd>积分</dd>
</dl>
<dl class="text-center" id="fanBox" title="31">
<dt><span class="count" id="fan">31</span></dt>
<dd>粉丝</dd>
</dl>
<dl class="text-center" title="45">
<dt><span class="count">45</span></dt>
<dd>获赞</dd>
</dl>
<dl class="text-center" title="1">
<dt><span class="count">1</span></dt>
<dd>评论</dd>
</dl>
<dl class="text-center" title="52">
<dt><span class="count">52</span></dt>
<dd>收藏</dd>
</dl>
</div>
<div class="aside-box-footer" data-report-view='{"spm":"3001.4296"}'>
<div class="badge-box d-flex">
<div class="badge d-flex">
<div class="icon-badge" title="新秀勋章">
<div class="mouse-box">
<img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/xinxiu@240.png" alt="新秀勋章">
</div>
</div>
<div class="icon-badge" title="勤写标兵">
<div class="mouse-box">
<img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/f10c883cfd674a3e9217683e8cd55511.png" alt="勤写标兵">
</div>
</div>
<div class="icon-badge" title="创作能手">
<div class="mouse-box">
<img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/qixiebiaobing4@240.png" alt="创作能手">
</div>
</div>
</div>
</div>
</div>
<div class="profile-intro-name-boxOpration">
<div class="opt-letter-watch-box">
<a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/laodaoshuang886" target="_blank" rel="noopener">私信</a>
</div>
<div class="opt-letter-watch-box">
<a class="personal-watch bt-button" id="btnAttent" >关注</a>
</div>
</div>
</div>
<a id="remuneration" data-report-click='{"spm":"1001.2101.3001.9809"}' rel="nofollow" href="" class="remuneration-box">
<img src="" alt="">
</a>
<div id="asideWriteGuide" class="aside-box side-write-guide-box type-2" data-report-view='{"spm":"3001.9728"}'>
<div class="content-box">
<a rel="nofollow" href="https://mp.csdn.net" target="_blank" class="btn-go-write" data-report-query="spm=3001.9728" data-report-click='{"spm":"3001.9728"}'>
<img src="https://img-home.csdnimg.cn/images/20240218021830.png" alt="写文章">
</a>
</div>
</div>
<div id="asideSearchArticle" class="aside-box">
<div class="aside-content search-comter">
<div class="aside-search aside-search-blog">
<input type="text" class="input-serch-blog" name="" autocomplete="off" value="" id="search-blog-words" placeholder="搜博主文章">
<a class="btn-search-blog" data-report-click='{"spm":"1001.2101.3001.9182"}'>
<img src="//csdnimg.cn/cdn/content-toolbar/csdn-sou.png?v=1587021042">
</a>
</div>
</div>
</div>
<div id="asideHotArticle" class="aside-box">
<h3 class="aside-title">热门文章</h3>
<div class="aside-content">
<ul class="hotArticle-list">
<li>
<a href="https://blog.csdn.net/laodaoshuang886/article/details/136606810" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/laodaoshuang886/article/details/136606810","ab":"new"}'>
word文档最常用的100个快捷键
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">1546</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/laodaoshuang886/article/details/136606563" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/laodaoshuang886/article/details/136606563","ab":"new"}'>
html网页简单代码
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">592</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543122" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543122","ab":"new"}'>
JAVA——实现输出1~1000之间既能被3整除也能被5整除的数，并每行打印5个数
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">588</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543667" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543667","ab":"new"}'>
JS笔记（js基础）二
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">354</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543304" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543304","ab":"new"}'>
JS笔记（js基础）一
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">286</span>
</a>
</li>
</ul>
</div>
</div>
<div id="asideNewNps" class="aside-box common-nps-box">
<h3 class="aside-title">您愿意向朋友推荐“博客详情页”吗？</h3>
<div class="aside-content">
<ul class="newnps-list">
<li class="newnps-item" data-type="强烈不推荐">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel1.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey1.png" alt="">
</div>
<div class="newnps-text">强烈不推荐</div>
</li>
<li class="newnps-item" data-type="不推荐">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel2.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey2.png" alt="">
</div>
<div class="newnps-text">不推荐</div>
</li>
<li class="newnps-item" data-type="一般般">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel3.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey3.png" alt="">
</div>
<div class="newnps-text">一般般</div>
</li>
<li class="newnps-item" data-type="推荐">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel4.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey4.png" alt="">
</div>
<div class="newnps-text">推荐</div>
</li>
<li class="newnps-item" data-type="强烈推荐">
<div class="newnps-img-box">
<img class="newnps-img active" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeel5.png" alt="">
<img class="newnps-img default" src="https://csdnimg.cn/release/blogv2/dist/pc/img/npsFeelGrey5.png" alt="">
</div>
<div class="newnps-text">强烈推荐</div>
</li>
</ul>
<div class="newnps-form-box">
<div class="newnps-form">
<input type="text" placeholder="请输入建议或反馈后点击提交" class="newnps-input">
<span class="newnps-btn">提交</span>
</div>
</div>
</div>
</div>
<div id="asideArchive" class="aside-box" style=" 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/laodaoshuang886/article/details/137543667" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543667","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543667","ab":"new"}'>JS笔记（js基础）二</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543304" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543304","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543304","ab":"new"}'>JS笔记（js基础）一</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543122" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543122","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543122","ab":"new"}'>JAVA——实现输出1~1000之间既能被3整除也能被5整除的数，并每行打印5个数</a>
</li>
</ul>
<div class="archive-bar"></div>
<div class="archive-box">
<div class="archive-list-item"><a href="https://blog.csdn.net/laodaoshuang886?type=blog&year=2024&month=04" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/laodaoshuang886?type=blog&year=2024&month=04"}'><span class="year">2024年</span><span class="num">6篇</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 id="asideArchive" class="aside-box" style=" 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/laodaoshuang886/article/details/137543667" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543667","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543667","ab":"new"}'>JS笔记（js基础）二</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543304" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543304","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543304","ab":"new"}'>JS笔记（js基础）一</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/laodaoshuang886/article/details/137543122" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543122","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/laodaoshuang886/article/details/137543122","ab":"new"}'>JAVA——实现输出1~1000之间既能被3整除也能被5整除的数，并每行打印5个数</a>
</li>
</ul>
<div class="archive-bar"></div>
<div class="archive-box">
<div class="archive-list-item"><a href="https://blog.csdn.net/laodaoshuang886?type=blog&year=2024&month=04" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/laodaoshuang886?type=blog&year=2024&month=04"}'><span class="year">2024年</span><span class="num">6篇</span></a></div>
</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.5/embed-editor.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.5/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-bb3607a690.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> 
