HTML是超文本标记语言，用于描述网页内容和结构。JavaScript为HTML添加交互性和动态功能，例如图像处理和表单验证。CSS负责样式和布局，实现视觉效果。HTML文件路径涉及绝对和相对路径，用于链接资源。响应式Web设计如Bootstrap，确保页面在不同设备上适应显示。HTML头部元素如
定义文档标题，<meta>提供元数据，<style>定义样式。
</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>
<p>HTML 是用来描述网页的一种语言。</p>
<ul><li>HTML 指的是超文本标记语言 (<strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage)</li><li>HTML 不是一种编程语言，而是一种<em>标记语言</em> (markup language)</li><li>标记语言是一套<em>标记标签</em> (markup tag)</li><li>HTML 使用<em>标记标签</em>来描述网页</li></ul>
<h3>HTML 标签</h3>
<p>HTML 标记标签通常被称为 HTML 标签 (HTML tag)。</p>
<ul><li>HTML 标签是由<em>尖括号</em>包围的关键词，比如 <html></li><li>HTML 标签通常是<em>成对出现</em>的，比如 <b> 和 </b></li><li>标签对中的第一个标签是<em>开始标签</em>，第二个标签是<em>结束标签</em></li><li>开始和结束标签也被称为<em>开放标签</em>和<em>闭合标签</em></li></ul>
<h3>HTML 文档 = 网页</h3>
<ul><li>HTML 文档<em>描述网页</em></li><li>HTML 文档<em>包含 HTML 标签</em>和纯文本</li><li>HTML 文档也被称为<em>网页</em></li></ul>
<p>Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：</p>
<p></p>
<p><span style="color:#0d0016;"><strong>1.HTML JavaScript</strong></span></p>
<p>JavaScript 使 HTML 页面更具动态性和交互性</p>
<p>HTML <script> 标签</p>
<p>HTML <code><script></code> 标签用于定义客户端脚本（JavaScript）。</p>
<p><code><script></code> 元素即可包含脚本语句，也可通过 <code>src</code> 属性指向外部脚本文件。</p>
<p>JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。</p>
<p>如需选取 HTML 元素，JavaScript 最常用 <code>document.getElementById()</code> 方法。</p>
<p>这个 JavaScript 示例向 id="demo" 的 HTML 元素内写入 "Hello JavaScript!"：</p>
<pre><code class="hljs"><script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script></code></pre>
<p>以下是展示 JavaScript 能力的一些例子：</p>
<p>JavaScript 能够更改内容：</p>
<pre><code class="hljs">document.getElementById("demo").innerHTML = "Hello JavaScript!";</code></pre>
<p>JavaScript 能够更改样式：</p>
<pre><code class="hljs">document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";</code></pre>
<p>JavaScript 能够更改属性：</p>
<pre><code class="hljs">document.getElementById("image").src = "picture.gif";</code></pre>
<h3>HTML <noscript> 标签</h3>
<p>HTML <code><noscript></code> 标签定义了替代内容，这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户：</p>
<pre><code class="hljs"><script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>抱歉，您的浏览器不支持 JavaScript！</noscript></code></pre>
<p>HTML Script 标签 </p>
<p><img alt="" height="194" src="https://i-blog.csdnimg.cn/blog_migrate/79a0e9d44b96cb3bb3c04541d40ca042.png" width="1200" /></p>
<p><span style="color:#0d0016;"><strong> 2.HTML 文件路径</strong></span></p>
<p><img alt="" height="310" src="https://i-blog.csdnimg.cn/blog_migrate/09b85a5f333a719ae97eeba102867286.png" width="1200" /></p>
<p> </p>
<p>HTML 文件路径</p>
<p>文件路径描述了网站文件夹结构中某个文件的位置。</p>
<p>文件路径会在链接外部文件时被用到：</p>
<ul><li>网页</li><li>图像</li><li>样式表</li><li>JavaScript</li></ul>
<p>绝对文件路径 </p>
<p>绝对文件路径是指向一个因特网文件的完整 URL：</p>
<pre><code class="hljs"><img src="https://www.baidu.com/images/picture.jpg" alt="flower"></code></pre>
<p> 相对路径</p>
<p>相对路径指向了相对于当前页面的文件。</p>
<p>在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：</p>
<pre><code class="hljs"><img src="/images/picture.jpg" alt="flower"></code></pre>
<p><span style="color:#0d0016;"><strong> 3.HTML 头部元素</strong></span></p>
<p>HTML <head> 元素</p>
<p><head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。</p>
<p>以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。</p>
<p>HTML <title> 元素</p>
<p><title> 标签定义文档的标题。</p>
<p>title 元素在所有 HTML/XHTML 文档中都是必需的。</p>
<p>title 元素能够：</p>
<ul><li>定义浏览器工具栏中的标题</li><li>提供页面被添加到收藏夹时显示的标题</li><li>显示在搜索引擎结果中的页面标题</li></ul>
<p>一个简化的 HTML 文档：</p>
<pre><code class="hljs"><!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html></code></pre>
<p> HTML <base> 元素</p>
<p><base> 标签为页面上的所有链接规定默认地址或默认目标（target）：</p>
<pre><code class="hljs"><head>
<base href="http://www.baidu.com.cn/images/" />
<base target="_blank" />
</head></code></pre>
<p> HTML <link> 元素</p>
<p><link> 标签定义文档与外部资源之间的关系。</p>
<p><link> 标签最常用于连接样式表：</p>
<pre><code class="hljs"><head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head></code></pre>
<p> HTML <style> 元素</p>
<p><style> 标签用于为 HTML 文档定义样式信息。</p>
<p>您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：</p>
<pre><code class="hljs"><head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head></code></pre>
<p> HTML <meta> 元素</p>
<p>元数据（metadata）是关于数据的信息。</p>
<p><meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。</p>
<p>典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。</p>
<p><meta> 标签始终位于 head 元素中。</p>
<p>元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。</p>
<p> 针对搜索引擎的关键词</p>
<p>一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。</p>
<p>下面的 meta 元素定义页面的描述：</p>
<pre><code class="hljs"><meta name="description" content="Free Web tutorials on HTML, CSS, XML" /></code></pre>
<h3>HTML 头部元素</h3>
<p><img alt="" height="466" src="https://i-blog.csdnimg.cn/blog_migrate/4b755e98c69c3ef9483c1176524edfec.png" width="1200" /></p>
<p><span style="color:#0d0016;"><strong> 4.HTML 布局</strong></span></p>
<p>使用 <div> 元素的 HTML 布局</p>
<p>注释：<div> 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。</p>
<p>这个例子使用了四个 <div> 元素来创建多列布局：</p>
<pre><code class="hljs"><body>
<div id="header">
<h1>City Gallery</h1>
</div>
<div id="nav">
London<br>
Paris<br>
Tokyo<br>
</div>
<div id="section">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</div>
<div id="footer">
Copyright W3School.com.cn
</div>
</body></code></pre>
<p> CSS：</p>
<pre><code class="hljs"><style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style></code></pre>
<p> 使用 HTML5 的网站布局</p>
<p>HTML5 提供的新语义元素定义了网页的不同部分：</p>
<h4>HTML5 语义元素</h4>
<p><img alt="" height="464" src="https://i-blog.csdnimg.cn/blog_migrate/1d0c10f2296e2c17ab284cd418e037c7.png" width="1200" /></p>
<h3>使用表格的 HTML 布局</h3>
<p>注释：<table> 元素不是作为布局工具而设计的。</p>
<p><table> 元素的作用是显示表格化的数据。</p>
<p>使用 <table> 元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式：</p>
<pre><code class="hljs"> <body>
<table class="lamp">
<tr>
<th>
<img src="/images/lamp.jpg" alt="Note" style="height:32px;width:32px">
</th>
<td>
The table element was not designed to be a layout tool.
</td>
</tr>
</table>
</body></code></pre>
<p> css</p>
<pre><code class="hljs"><style>
table.lamp {
width:100%;
border:1px solid #d4d4d4;
}
table.lamp th, td {
padding:10px;
}
table.lamp td {
width:40px;
}
</style></code></pre>
<p><span style="color:#0d0016;"><strong>5.HTML 响应式 Web 设计</strong></span></p>
<h3>什么是响应式 Web 设计？</h3>
<ul><li>RWD 指的是响应式 Web 设计（Responsive Web Design）</li><li>RWD 能够以可变尺寸传递网页</li><li>RWD 对于平板和移动设备是必需的</li></ul>
<p> 创建您自己的响应式设计</p>
<p>创建响应式设计的一个方法，是自己来创建它：</p>
<pre><code class="hljs"><!DOCTYPE html>
<html lang="en-US">
<head>
<style>
.city {
float: left;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>W3School Demo</h1>
<h2>Resize this responsive page!</h2>
<br>
<div class="city">
<h2>London</h2>
<p>London is the capital city of England.</p>
<p>It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class="city">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>
<div class="city">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</body>
</html></code></pre>
<p> 使用 Bootstrap</p>
<p>另一个创建响应式设计的方法，是使用现成的 CSS 框架。</p>
<p>Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。</p>
<p>Bootstrap 帮助您开发在任何尺寸都外观出众的站点：显示器、笔记本电脑、平板电脑或手机：</p>
<pre><code class="hljs"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>W3School Demo</h1>
<p>Resize this responsive page!</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>London</h2>
<p>London is the capital city of England.</p>
<p>It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class="col-md-4">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>
<div class="col-md-4">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</div>
</div>
</body>
</html></code></pre>
<p><span style="color:#0d0016;"><strong>6.HTML 框架</strong></span></p>
<p> <strong>通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。</strong></p>
<p>框架</p>
<p>通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。</p>
<p>使用框架的坏处：</p>
<ul><li>开发人员必须同时跟踪更多的HTML文档</li><li>很难打印整张页面</li></ul>
<p>框架结构标签（<frameset>）</p>
<ul><li>框架结构标签（<frameset>）定义如何将窗口分割为框架</li><li>每个 frameset 定义了一系列行<em>或</em>列</li><li>rows/columns 的值规定了每行或每列占据屏幕的面积</li></ul>
<p> 框架标签（Frame）</p>
<p>Frame 标签定义了放置在每个框架中的 HTML 文档。</p>
<p>在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：</p>
<pre><code class="hljs"><frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset></code></pre>
<p> 基本的注意事项 - 有用的提示：</p>
<p>假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。</p>
<p>为不支持框架的浏览器添加 <noframes> 标签。</p>
<p>重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）</p>
<p><span style="color:#0d0016;"><strong> 7.HTML 类</strong></span></p>
<p>对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。</p>
<p>为相同的类设置相同的样式，或者为不同的类设置不同的样式。</p>
<pre><code class="hljs"><!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</div>
</body>
</html></code></pre>
<h3>分类块级元素</h3>
<p>HTML <div> 元素是<em>块级元素</em>。它能够用作其他 HTML 元素的容器。</p>
<p>设置 <div> 元素的类，使我们能够为相同的 <div> 元素设置相同的类：</p>
<pre><code class="hljs"><!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</body>
</html></code></pre>
<h3>分类行内元素</h3>
<p>HTML <span> 元素是行内元素，能够用作文本的容器。</p>
<p>设置 <span> 元素的类，能够为相同的 <span> 元素设置相同的样式。</p>
<pre><code class="hljs"><!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html></code></pre>
<p><span style="color:#0d0016;"><strong>8.HTML id 属性</strong></span></p>
<p></p>
<p><strong>HTML <code>id</code> 属性用于 为HTML 元素指定唯一的 id。</strong></p>
<p><strong>一个 HTML文档中不能存在多个有相同 id 的元素。</strong></p>
<p></p>
<p>使用 id 属性</p>
<p><code>id</code> 属性指定 HTML 元素的唯一 ID。 <code>id</code> 属性的值在 HTML 文档中必须是唯一的。</p>
<p><code>id</code> 属性用于指向样式表中的特定样式声明。JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。</p>
<p>id 的语法是：写一个井号 (#)，后跟一个 id 名称。然后，在花括号 {} 中定义 CSS 属性。</p>
<p>下面的例子中我们有一个 <code><h1></code> 元素，它指向 id 名称 "myHeader"。这个 <code><h1></code> 元素将根据 head 部分中的 <code>#myHeader</code> 样式定义进行样式设置：</p>
<pre><code class="hljs"><!DOCTYPE html>
<html>
<head>
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">My Header</h1>
</body></code></pre>
<p>注释：id 名称对大小写敏感！</p>
<p>注释：id 必须包含至少一个字符，且不能包含空白字符（空格、制表符等）。</p>
<p></p>
<h3>Class 与 ID 的差异</h3>
<p>同一个类名可以由多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用：</p>
<pre><code class="hljs"><style>
/* 设置 id 为 "myHeader" 的元素的样式 */
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
/* 设置类名为 "city" 的所有元素的样式 */
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
<!-- 拥有唯一 id 的元素 -->
<h1 id="myHeader">My Cities</h1>
<!-- 拥有相同类名的多个元素 -->
<h2 class="city">London</h2>
<p>London is the capital of England.</p>
<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>
<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p></code></pre>
<h3>通过 ID 和链接实现 HTML 书签</h3>
<p>HTML 书签用于让读者跳转至网页的特定部分。</p>
<p>如果页面很长，那么书签可能很有用。</p>
<p>要使用书签，您必须首先创建它，然后为它添加链接。</p>
<p>然后，当单击链接时，页面将滚动到带有书签的位置。</p>
<p>首先，用 <code>id</code> 属性创建书签：</p>
<pre><code class="hljs"><h2 id="C4">第四章</h2>
</code></pre>
<p>然后，在同一张页面中，向这个书签添加一个链接（“跳转到第四章”）：</p>
<pre><code class="hljs"><a href="#C4">跳转到第四章</a></code></pre>
<h3>在 JavaScript 中使用 id 属性</h3>
<p>JavaScript 也可以使用 id 属性为特定元素执行某些任务。</p>
<p>JavaScript 可以使用 <code>getElementById()</code> 方法访问拥有特定 id 的元素:</p>
<pre><code class="hljs"><script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script></code></pre>
<h3>本章总结</h3>
<ul><li><code>id</code> 属性用于为 HTML 元素指定唯一的 id</li><li><code>id</code> 属性的值在 HTML 文档中必须是唯一的</li><li>CSS 和 JavaScript 可使用 <code>id</code> 属性来选取元素或设置特定元素的样式</li><li><code>id</code> 属性的值区分大小写</li><li><code>id</code> 属性还可用于创建 HTML 书签</li><li>JavaScript 可以使用 <code>getElementById()</code> 方法访问拥有特定 id 的元素</li></ul>
<p>我们的html复习第二章节就到这了,期待博主的下一篇,请关注博主吧</p>
<p style="text-align:center;"><img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/b1a38670822f6882748ae330ffcb52bd.jpeg" /></p>
<p><img alt="" class="left" src="https://i-blog.csdnimg.cn/blog_migrate/690537635b597007f3879f8e1d863637.png" /><img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/92fad79128203c0bdf4b83a927b9bf29.jpeg" /> </p>
<p> </p>
<p style="text-align:center;"> <img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/375f6b58972bca7070e038cbdca2714b.gif" /></p>
<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/m0_61981943"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/eb1909ab5ea24aee9246520c8622888d_m0_61981943.jpg!1">
<span class="profile-name">
梦幻编织者
</span>
</a>
</div>
<div class="profile-attend">
<a class="tool-attend tool-bt-button tool-bt-attend" href="javascript:;" data-report-view='{"mod":"1592215036_002","spm":"1001.2101.3001.4232","extend1":"关注"}'>关注</a>
<a class="tool-item-follow active-animation" style="display:none;">关注</a>
</div>
</div>
<div class="toolbox-middle">
<ul class="toolbox-list">
<li class="tool-item tool-item-size tool-active is-like" id="is-like">
<a class="tool-item-href">
<img style="display:none;" id="is-like-imgactive-animation-like" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarThumbUpactive.png" alt="">
<img class="isactive" style="display:none" id="is-like-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Active.png" alt="">
<img class="isdefault" style="display:block" id="is-like-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Black.png" alt="">
<span id="spanCount" class="count ">
5
</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="8" id="get-collection">
8
</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-reward">
<a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_830","spm":"1001.2101.3001.4237","dest":"","ab":"new"}'>
<img class="isdefault reward-bt" id="rewardBtNew" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newRewardBlack.png" alt="打赏">
<span 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 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">
11
</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/eb1909ab5ea24aee9246520c8622888d_m0_61981943.jpg!1" alt="">
<div class="share-tit">
复习html的第二章
</div>
<div class="share-dec">
HTML（英语：Hyper Text Markup Language，简称：HTML ）也叫作超文本标记语言，是一种使用结构化 Web 网页及其内容的标记语言，您可以使用 HTML 来建立自己的 WEB 站点。最后，在可用的六个标题级别中，您应该保证每个页面中标题级别的使用不超过三个，除非您认为有必要使用更多。自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义，如果只有术语名或者只有定义也是可行的，也就是说 与 在其中数量不限、对应关系不限。列表项项使用数字来标记。
</div>
<a id="copyPosterUrl" class="url" data-report-click='{"spm":"1001.2101.3001.7493"}' data-report-view='{"spm":"1001.2101.3001.7493"}'>复制链接</a>
</div>
<div class="share-code">
<div class="share-code-box" id='shareCode'></div>
<div class="share-code-text">扫一扫</div>
</div>
</div>
<div class="share-code-type">
</div>
</div>
</li>
</ul>
</div>
<div class="toolbox-right">
<div class="tool-directory">
<a class="bt-columnlist-show"
data-id="12352248"
data-free="true"
data-description=""
data-subscribe="false"
data-title="前端"
data-img="https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64"
data-url="https://blog.csdn.net/m0_61981943/category_12352248.html"
data-sum="5"
data-people="0"
data-price="0"
data-hotRank="0"
data-status="true"
data-oldprice="0"
data-join="false"
data-studyvip="false"
data-studysubscribe="false"
data-report-view='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}'
data-report-click='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}'>专栏目录</a>
</div>
</div>
</div>
</div>
<script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script>
<script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box ">
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/mangxi8200/article/details/81164702" 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~Rate-1-81164702-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/mangxi8200/article/details/81164702"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/mangxi8200/article/details/81164702" 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~Rate-1-81164702-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/mangxi8200/article/details/81164702"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-81164702-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-81164702-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>中<em>新</em>的<em>语义</em><em>元素</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/mangxi8200" target="_blank"><span class="blog-title">前端小白菜</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">07-23</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
376
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/mangxi8200/article/details/81164702" 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~Rate-1-81164702-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/mangxi8200/article/details/81164702"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-81164702-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-81164702-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">header、footer、nav等</div>
</a>
</div>
</div>
</div>
</div>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_commontools-9d6d0707b4.min.js" type="text/javascript" async></script>
<div class="second-recommend-box recommend-box ">
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_43759478/article/details/103793440" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-1-103793440-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_43759478/article/details/103793440"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_43759478/article/details/103793440" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-1-103793440-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_43759478/article/details/103793440"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-1-103793440-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-1-103793440-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">java web<em>复习</em><em>第二章</em><em>HTML</em>简介</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_43759478" target="_blank"><span class="blog-title">qq_43759478的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">01-01</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
115
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_43759478/article/details/103793440" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-1-103793440-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_43759478/article/details/103793440"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-1-103793440-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-1-103793440-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">get和post的区别：https://blog.csdn.net/qq_44721831/article/details/98471707
<body>
<form action="" method="get">
<table border="1" width="80%">
<tr>
行开始标记
...</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">11 条评论</span>
<span class="unlogin-comment-text">您还未登录，请先</span>
<span class="unlogin-comment-bt">登录</span>
<span class="unlogin-comment-text">后发表或查看评论</span>
</div>
</div>
<div class="recommend-box insert-baidu-box recommend-box-style ">
<div class="recommend-item-box no-index" style="display:none"></div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_40994889/article/details/127480528" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-2-127480528-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_40994889/article/details/127480528"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/weixin_40994889/article/details/127480528" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-2-127480528-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_40994889/article/details/127480528"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-127480528-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-127480528-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">操作系统<em>第二章</em><em>复习</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/weixin_40994889" target="_blank"><span class="blog-title">weixin_40994889的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">10-23</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
805
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/weixin_40994889/article/details/127480528" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-2-127480528-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_40994889/article/details/127480528"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-127480528-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-2-127480528-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">操作系统<em>复习</em></div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_45683093/article/details/103225033" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-3-103225033-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_45683093/article/details/103225033"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_45683093/article/details/103225033" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-3-103225033-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_45683093/article/details/103225033"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-103225033-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-103225033-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em><em>第二章</em><em>复习</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_45683093" target="_blank"><span class="blog-title">qq_45683093的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">11-24</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
917
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_45683093/article/details/103225033" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-3-103225033-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_45683093/article/details/103225033"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-103225033-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-3-103225033-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">1、列表<em>元素</em>
<em>HTML</em>语言三种常用的列表<em>元素</em>分为，ul<em>元素</em>（无序列表）、ol<em>元素</em>（有序列表）、dl<em>元素</em>（<em>定义</em>列表）。
<1>ul<em>元素</em>：无序列表是<em>网页</em>中最常用的列表，其各个列表项之间没有顺序级别之分，通常是并列的。
注意： 在<em>HTML5</em>中不再支持该<em>元素</em>的type属性。与之间相当于一个容器，可以容纳所有<em>元素</em>。但是中只能嵌套，直接在标记中输入文字的做法是不被允许的。
<2>ol元...</div>
</a>
</div>
</div>
</div>
<dl id="recommend-item-box-tow" class="recommend-item-box type_blog clearfix">
</dl>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/geticsen/article/details/84791016" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-4-84791016-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/geticsen/article/details/84791016"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/geticsen/article/details/84791016" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-4-84791016-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/geticsen/article/details/84791016"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-84791016-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-84791016-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">《编译原理》<em>第二章</em> <em>复习</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/geticsen" target="_blank"><span class="blog-title">Geticsen</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">12-04</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
400
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/geticsen/article/details/84791016" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-4-84791016-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/geticsen/article/details/84791016"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-84791016-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-4-84791016-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">高级语言及其语法描述
程序语言的<em>定义</em>
一个程序就是一个记号系统，如同自然语言一样，程序语言主要是由语法和<em>语义</em>两个方面<em>定义</em>，有时程序语言<em>定义</em>也包含语用信息。
语法：
任何一个语言都可以看成是一定的字符集（称为字母表）上的一串字符串（有限）。所谓语言的语法及时指这样的一组规则，用它可以生成一个合式的程序。这些规则一些<em>部分</em>称为词法规则，还有一<em>部分</em>称为语法规则。
词法规则是指单词符号...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/2301_80243318/article/details/138088572" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-5-138088572-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/2301_80243318/article/details/138088572"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/2301_80243318/article/details/138088572" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-5-138088572-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/2301_80243318/article/details/138088572"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-138088572-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-138088572-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>复习</em>第一，二，三章</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/2301_80243318" target="_blank"><span class="blog-title">2301_80243318的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">04-27</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
887
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/2301_80243318/article/details/138088572" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-5-138088572-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/2301_80243318/article/details/138088572"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-138088572-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-5-138088572-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">在小程序中，单选框由<radio-group/>(单项选择器)和<radio/>(单选项目)两个组件组合而成，一个包含多个<radio/>的<radio-group/>表示一组单选项，在同一组单选项中<radio/>是互斥的，当一个按钮被选中后，之前选中的按钮就变为非选。它们的属性如表4-8所示。view组件是块级组件，没有特殊功能，主要用于布局展示，相当于<em>HTML</em>中的 div，是布局中最基本的用户界面(User Interface，UI)组件，通过设置 view 的 CSS 属性可以实现各种复杂的布局。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_39739850/article/details/101127358" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-6-101127358-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_39739850/article/details/101127358"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_39739850/article/details/101127358" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-6-101127358-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_39739850/article/details/101127358"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-6-101127358-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-6-101127358-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">计算机网络总结：<em>第二章</em> 应用层</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_39739850" target="_blank"><span class="blog-title">qq_39739850的博客</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="">
1453
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_39739850/article/details/101127358" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-6-101127358-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"6","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/qq_39739850/article/details/101127358"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-6-101127358-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-6-101127358-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1"><em>第二章</em> 应用层
2.1 应用层协议原理
2.1.1 网络应用程序体系结构
主流体系结构：客户-服务器体系结构，对等（P2P）体系结构
–客户-服务器体系结构：有一个总是打开的主机称为服务器，它服务于来自许多 其他称为客户的主机的请求。客户相互之间不直接通信
–对等（P2P）体系结构：应用程序在间断连接的主机之间使用直接通信，这些主 机对被称为对等方。它有着自扩展性的特点
2.1.2 进程通信
...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_61981943/article/details/131127803" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-7-131127803-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_61981943/article/details/131127803"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/m0_61981943/article/details/131127803" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-7-131127803-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_61981943/article/details/131127803"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-131127803-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-131127803-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<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">
<a href="https://blog.csdn.net/m0_61981943" target="_blank"><span class="blog-title">m0_61981943的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">06-09</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
975
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/m0_61981943/article/details/131127803" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-7-131127803-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"7","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/m0_61981943/article/details/131127803"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-131127803-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-7-131127803-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>（英语：Hyper Text Markup Language，简称：<em>HTML</em> ）也叫作超文本标记语言，是一种使用结构化 Web <em>网页</em>及其内容的标记语言，您可以使用 <em>HTML</em> 来建立自己的 WEB 站点。最后，在可用的六个标题级别中，您应该保证每个页面中标题级别的使用不超过三个，除非您认为有必要使用更多。自<em>定义</em>列表中的一个术语名可以对应多重<em>定义</em>或者多个术语名对应同一个<em>定义</em>，如果只有术语名或者只有<em>定义</em>也是可行的，也就是说 <dt> 与 <dd> 在其中数量不限、对应关系不限。列表项项使用数字来标记。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_44031282/article/details/118424105" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-8-118424105-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_44031282/article/details/118424105"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/weixin_44031282/article/details/118424105" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-8-118424105-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_44031282/article/details/118424105"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-118424105-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-118424105-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<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">
<a href="https://blog.csdn.net/weixin_44031282" target="_blank"><span class="blog-title">weixin_44031282的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">07-08</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
587
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/weixin_44031282/article/details/118424105" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogOpenSearchComplete~Rate-8-118424105-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"8","strategy":"2~default~BlogOpenSearchComplete~Rate","dest":"https://blog.csdn.net/weixin_44031282/article/details/118424105"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-118424105-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogOpenSearchComplete%7ERate-8-118424105-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">概念
<em>HTML</em>是一种超文本标记语言，是用于创建<em>网页</em>的标准标记语言。
注意：
· <em>HTML</em>不是一种编程语言，而是一种标记语言。
· 标记语言是一套标记标签 (markup tag)
· <em>HTML</em> 使用标记标签来描述<em>网页</em>
· <em>HTML</em> 文档包含了<em>HTML</em> 标签及文本内容
· <em>HTML</em>文档也叫做 web 页面
[link]# 系列文章目录
提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 Python 机器学习入门之pandas的使用
提示：写完文章后，目录可以自动生成，如何生成可</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/qq_40751070/10749665" 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~OPENSEARCH~Rate-9-10749665-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/qq_40751070/10749665"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/qq_40751070/10749665" 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~OPENSEARCH~Rate-9-10749665-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/qq_40751070/10749665"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-10749665-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-10749665-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">计算机网络<em>第二章</em><em>复习</em></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">10-28</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/qq_40751070/10749665" 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~OPENSEARCH~Rate-9-10749665-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/qq_40751070/10749665"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-10749665-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-10749665-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">计算机网络（自顶向下方法）（第五版）<em>第二章</em><em>复习</em>要点</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/m0_65049472/87276512" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-10-87276512-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_65049472/87276512"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/m0_65049472/87276512" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-10-87276512-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_65049472/87276512"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-87276512-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-87276512-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>复习</em>.docx</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">12-13</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/m0_65049472/87276512" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-10-87276512-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_65049472/87276512"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-87276512-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-87276512-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1"><em>第二章</em>：图像标签和链接标签 * 图像标签：`路径" title="悬浮文字" alt="代替文字">` * 链接标签：`超链接的地址" target="_blank">文字或图片</a>` * 邮件链接：`收件人地址">站长邮箱</a>` * 锚链接：`...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/chenzhushen/5332584" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-11-5332584-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"11","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/chenzhushen/5332584"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/chenzhushen/5332584" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-11-5332584-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"11","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/chenzhushen/5332584"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-5332584-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-5332584-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">使用MVC框架开发租房网站第十二章项目</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">05-05</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/chenzhushen/5332584" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-11-5332584-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"11","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/chenzhushen/5332584"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-5332584-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-11-5332584-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">在"ch12"这个文件夹中，很可能包含了第十二章项目的源代码、数据库脚本、配置文件以及其他相关资源。学习者可以通过分析和运行这些文件，了解整个项目的结构和功能，同时也可以借此机会加深对MVC框架的理解和实践。 ...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/tcf88/2778763" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-12-2778763-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"12","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/tcf88/2778763"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/tcf88/2778763" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-12-2778763-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"12","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/tcf88/2778763"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-2778763-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-2778763-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">js2阶段的js第一章课后习题答案</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">10-23</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/tcf88/2778763" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-12-2778763-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"12","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/tcf88/2778763"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-2778763-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-12-2778763-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">本压缩包文件“js2阶段的js第一章课后习题答案”是针对JavaScript学习者的一个资源，特别是那些正在进行js2阶段学习的学员。这个章节通常涵盖JavaScript的基础概念，包括语法、变量、数据类型、操作符、流程控制以及...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_42859280/11244827" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-13-11244827-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"13","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42859280/11244827"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/weixin_42859280/11244827" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-13-11244827-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"13","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42859280/11244827"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-11244827-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-11244827-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">大三下学期期末<em>复习</em>.zip</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">06-17</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/weixin_42859280/11244827" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-13-11244827-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"13","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42859280/11244827"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-11244827-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-13-11244827-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">大三下学期期末<em>复习</em>: 卷 64G 的文件夹 PATH 列表 卷序列号为 364D-CC52 G:. │ ..txt │ ├─jsp课件 │ 1.ppt │ 2.ppt │ 3.ppt │ 4.ppt │ 5.ppt │ 6.ppt │ 7.ppt │ 8.ppt │ ├─matlab课件 │ 数字图像...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_45055856/article/details/140919125" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-14-140919125-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45055856/article/details/140919125"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_45055856/article/details/140919125" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-14-140919125-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45055856/article/details/140919125"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-140919125-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-140919125-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>-09.表单项标签</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_45055856" target="_blank"><span class="blog-title">程小白的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-05</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
211
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_45055856/article/details/140919125" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-14-140919125-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45055856/article/details/140919125"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-140919125-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-140919125-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">【代码】<em>HTML</em>-09.表单项标签。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_45055856/article/details/140876340" 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~BLOGTAG~default-15-140876340-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45055856/article/details/140876340"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_45055856/article/details/140876340" 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~BLOGTAG~default-15-140876340-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45055856/article/details/140876340"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140876340-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140876340-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>-04.<em>新</em>浪<em>新</em>闻-标题-超链接</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_45055856" target="_blank"><span class="blog-title">程小白的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-02</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
249
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_45055856/article/details/140876340" 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~BLOGTAG~default-15-140876340-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45055856/article/details/140876340"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140876340-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140876340-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">【代码】<em>HTML</em>-04.<em>新</em>浪<em>新</em>闻-标题-超链接。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/BDawn/article/details/140932228" 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~BLOGTAG~default-16-140932228-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/BDawn/article/details/140932228"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/BDawn/article/details/140932228" 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~BLOGTAG~default-16-140932228-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/BDawn/article/details/140932228"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140932228-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140932228-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1"><em>前端</em>面试宝典【<em>HTML</em>篇】【5】</div>
<div class="tag">最新发布</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/BDawn" target="_blank"><span class="blog-title">BDawn的专栏</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-05</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
67
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/BDawn/article/details/140932228" 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~BLOGTAG~default-16-140932228-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/BDawn/article/details/140932228"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140932228-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140932228-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">form标签用于<em>定义</em> <em>HTML</em> 表单，它用于收集用户输入的数据。而input 标签则是表单中最常用的<em>元素</em>之一，用于创建各种类型的输入控件。
template 标签是 <em>HTML5</em> 中引入的一个<em>新</em><em>元素</em>，用于<em>定义</em>文档中的不可见模板。这些模板可以被脚本动态地克隆并插入到文档的可见<em>部分</em>中，从而实现动态内容的快速构建。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_40431685/article/details/140879002" 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~BLOGTAG~default-17-140879002-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_40431685/article/details/140879002"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_40431685/article/details/140879002" 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~BLOGTAG~default-17-140879002-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_40431685/article/details/140879002"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140879002-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140879002-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">基于树莓派的智能家居中控系统：集成Flask、<em>HTML</em>、JavaScript与MQTT协议的文心一言AI接入（代码示例）</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_40431685" target="_blank"><span class="blog-title">嵌入式极客小张</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-02</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1146
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_40431685/article/details/140879002" 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~BLOGTAG~default-17-140879002-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_40431685/article/details/140879002"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140879002-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140879002-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">本文介绍了基于树莓派的AI接入文心一言智能家居中控系统的搭建过程。该系统利用树莓派作为主控单元，通过DHT11传感器和继电器模块实现环境数据采集和设备控制。后端采用Flask框架和SQLite数据库，<em>前端</em>使用<em>HTML</em>、CSS和JavaScript构建可视化界面，支持用户手动控制设备。系统还接入了文心一言API，实时获取天气信息，提升智能家居的自动化水平。通过该项目，用户能够享受更便捷的智能家居体验。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/3hhbicosyb" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-18-3hhbicosyb-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/3hhbicosyb"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://wenku.csdn.net/doc/3hhbicosyb" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-18-3hhbicosyb-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/3hhbicosyb"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-3hhbicosyb-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-3hhbicosyb-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="left ellipsis-online ellipsis-online-1">JS基础学习：<em>第二章</em> DOM编程与广告浮动实例</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block"></span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://wenku.csdn.net/doc/3hhbicosyb" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-18-3hhbicosyb-blog-131320675.235^v43^pc_blog_bottom_relevance_base5\",\"dist_request_id\":\"1722946854802_79202\"}","dist_request_id":"1722946854802_79202","ab_strategy":"landing_bge","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/3hhbicosyb"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-3hhbicosyb-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-3hhbicosyb-blog-131320675.235%5Ev43%5Epc_blog_bottom_relevance_base5'>
<div class="desc ellipsis-online ellipsis-online-1">本资源是一份关于JavaScript学习的PPT，主要集中在<em>第二章</em>，深入探讨了DOM编程中的document对象。DOM（Document Object Model）是用于处理和操作<em>HTML</em>或XML文档的标准方式。在这一章节中，核心知识点包括： 1. DOM...</div>
</a>
</div>
</div>
</div>
</div>
<div class="blog-footer-bottom" style="margin-top:10px;"></div>
<script src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script>
<script type="text/javascript">
window.csdn.csdnFooter.options = {
el: '.blog-footer-bottom',
type: 2
}
</script> </main>
<aside class="blog_container_aside">
<div id="asideProfile" class="aside-box active">
<div class="profile-intro d-flex">
<div class="avatar-box d-flex justify-content-center flex-column">
<a href="https://blog.csdn.net/m0_61981943" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/m0_61981943","ab":"new"}'>
<img src="https://profile-avatar.csdnimg.cn/eb1909ab5ea24aee9246520c8622888d_m0_61981943.jpg!1" class="avatar_pic">
<a href="https://blog.csdn.net/m0_61981943" data-report-click='{"spm":"1001.2101.3001.9180"}' target="_blank"><img class="identity" src="https://csdnimg.cn/release/blogv2/dist/mobile/img/vipIcon.png" alt=""></a>
</a>
</div>
<div class="user-info d-flex flex-column profile-intro-name-box">
<div class="profile-intro-name-boxTop">
<a href="https://blog.csdn.net/m0_61981943" target="_blank" class="" id="uid" title="梦幻编织者" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/m0_61981943","ab":"new"}'>
<span class="name" username="m0_61981943">梦幻编织者</span>
</a>
</div>
<div class="profile-intro-name-boxFooter-new">
<p class="profile-intro-name-leve">
<span>
博客等级
</span>
<img class="level" src="https://csdnimg.cn/identity/blog4.png">
</p>
<span class="profile-intro-name-years" title="已加入 CSDN 3年">码龄3年</span>
</div>
</div>
</div>
<div class="profile-intro-rank-information">
<dl>
<a href="https://blog.csdn.net/m0_61981943" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1">
<dd><span >63</span></dd>
<dt>原创</dt>
</a>
</dl>
<dl title="408">
<dd>408</dd>
<dt>点赞</dt>
</dl>
<dl title="1220">
<dd>1220</dd>
<dt>收藏</dt>
</dl>
<dl id="fanBox" title="1617">
<dd><span id="fan">1617</span></dd>
<dt>粉丝</dt>
</dl>
</div>
<div class="profile-intro-name-boxOpration">
<div class="opt-letter-watch-box">
<a class="personal-watch bt-button" id="btnAttent" >关注</a>
</div>
<div class="opt-letter-watch-box">
<a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/m0_61981943" target="_blank" rel="noopener">私信</a>
</div>
</div>
</div>
<a id="remuneration" data-report-click='{"spm":"1001.2101.3001.9809"}' rel="nofollow" href="" class="remuneration-box">
<img src="" alt="">
</a>
<div id="asideWriteGuide" class="aside-box side-write-guide-box type-2" data-report-view='{"spm":"3001.9728"}'>
<div class="content-box">
<a rel="nofollow" href="https://mp.csdn.net" target="_blank" class="btn-go-write" data-report-query="spm=3001.9728" data-report-click='{"spm":"3001.9728"}'>
<img src="https://img-home.csdnimg.cn/images/20240218021830.png" alt="写文章">
</a>
</div>
</div>
<div id="asideSearchArticle" class="aside-box">
<div class="aside-content search-comter">
<div class="aside-search aside-search-blog">
<input type="text" class="input-serch-blog" name="" autocomplete="off" value="" id="search-blog-words" placeholder="搜博主文章">
<a class="btn-search-blog" data-report-click='{"spm":"1001.2101.3001.9182"}'>
<img src="//csdnimg.cn/cdn/content-toolbar/csdn-sou.png?v=1587021042">
</a>
</div>
</div>
</div>
<div id="asideHotArticle" class="aside-box">
<h3 class="aside-title">热门文章</h3>
<div class="aside-content">
<ul class="hotArticle-list">
<li>
<a href="https://blog.csdn.net/m0_61981943/article/details/131599621" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/m0_61981943/article/details/131599621","ab":"new"}'>
SQL高级教程第三章
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">27661</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/m0_61981943/article/details/131052752" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/m0_61981943/article/details/131052752","ab":"new"}'>
Python爬取城市天气数据,并作数据可视化
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">13354</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/m0_61981943/article/details/131391922" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/m0_61981943/article/details/131391922","ab":"new"}'>
Flask新手教程
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">10603</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/m0_61981943/article/details/131021111" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/m0_61981943/article/details/131021111","ab":"new"}'>
python爬取旅游景点数据,以后想旅游就看热度和消费价格
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">7290</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/m0_61981943/article/details/131512743" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/m0_61981943/article/details/131512743","ab":"new"}'>
SQL高级教程
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">6749</span>
</a>
</li>
</ul>
</div>
</div>
<div id="asideCategory" class="aside-box ">
<h3 class="aside-title">分类专栏</h3>
<div class="aside-content">
<ul>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12364314.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12364314.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="title oneline">
mysql
</span>
</a>
<span class="special-column-num">1篇</span>
</li>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12351442.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12351442.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="title oneline">
python
</span>
</a>
<span class="special-column-num">6篇</span>
</li>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12352248.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12352248.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="title oneline">
前端
</span>
</a>
<span class="special-column-num">5篇</span>
</li>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12353129.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12353129.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="title oneline">
爬虫
</span>
</a>
<span class="special-column-num">1篇</span>
</li>
</ul>
</div>
</div>
<div id="asideNewComments" class="aside-box">
<h3 class="aside-title">最新评论</h3>
<div class="aside-content">
<ul class="newcomment-list">
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33744479" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33744479","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33744479","ab":"new"}'>python爬取一年天气数据</a>
<p class="comment ellipsis">
<a href="https://blog.csdn.net/m0_61981943" class="user-name" target="_blank">梦幻编织者: </a>
<span class="code-comments">url还有哪些city</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33729092" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33729092","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33729092","ab":"new"}'>python爬取一年天气数据</a>
<p class="comment ellipsis">
<a href="https://blog.csdn.net/weixin_53306407" class="user-name" target="_blank">心如朱迪: </a>
<span class="code-comments">换成是除改url,还要改别的吗</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/m0_61981943/article/details/131052752#comments_33437167" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/131052752#comments_33437167","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/131052752#comments_33437167","ab":"new"}'>Python爬取城市天气数据,并作数据可视化</a>
<p class="comment ellipsis">
<a href="https://blog.csdn.net/G1181646788" class="user-name" target="_blank">G1181646788: </a>
<span class="code-comments">请问既有多云又有雨这种情况，按照什么标准进行归类的呢</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/m0_61981943/article/details/130750530#comments_33386764" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130750530#comments_33386764","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130750530#comments_33386764","ab":"new"}'>django搭建图书管理系统</a>
<p class="comment ellipsis">
<a href="https://blog.csdn.net/m0_74453069" class="user-name" target="_blank">m0_74453069: </a>
<span class="code-comments">求源代码<img src="https://g.csdnimg.cn/static/face/emoji/056.png" alt='表情包' ></span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33316881" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33316881","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/m0_61981943/article/details/130895044#comments_33316881","ab":"new"}'>python爬取一年天气数据</a>
<p class="comment ellipsis">
<a href="https://blog.csdn.net/2401_85652069" class="user-name" target="_blank">2401_85652069: </a>
<span class="code-comments">如果想要这个图是动态的怎么办</span>
</p>
</li>
</ul>
</div>
</div>
<div id="asideArchive" class="aside-box" style="display:block!important; width:300px;">
<h3 class="aside-title">最新文章</h3>
<div class="aside-content">
<ul class="inf_list clearfix">
<li class="clearfix">
<a href="https://blog.csdn.net/m0_61981943/article/details/131938158" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/m0_61981943/article/details/131938158","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/m0_61981943/article/details/131938158","ab":"new"}'>PHP数据库</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/m0_61981943/article/details/131873774" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/m0_61981943/article/details/131873774","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/m0_61981943/article/details/131873774","ab":"new"}'>PHP高级教程</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/m0_61981943/article/details/131799661" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/m0_61981943/article/details/131799661","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/m0_61981943/article/details/131799661","ab":"new"}'>PHP循环</a>
</li>
</ul>
<div class="archive-bar"></div>
<div class="archive-box">
<div class="archive-list-item"><a href="https://blog.csdn.net/m0_61981943?type=blog&year=2023&month=07" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/m0_61981943?type=blog&year=2023&month=07"}'><span class="year">2023年</span><span class="num">63篇</span></a></div>
<div class="archive-list-item"><a href="https://blog.csdn.net/m0_61981943?type=blog&year=2022&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/m0_61981943?type=blog&year=2022&month=12"}'><span class="year">2022年</span><span class="num">1篇</span></a></div>
</div>
</div>
</div>
<!-- 详情页显示目录 -->
<!--文章目录-->
<div id="asidedirectory" class="aside-box">
<div class='groupfile' id="directory">
<h3 class="aside-title">目录</h3>
<div class="align-items-stretch group_item">
<div class="pos-box">
<div class="scroll-box">
<div class="toc-box"></div>
</div>
</div>
</div>
</div>
</div>
</aside>
<script>
$("a.flexible-btn").click(function(){
$(this).parents('div.aside-box').removeClass('flexible-box');
$(this).parents("p.text-center").remove();
})
</script>
<script type="text/javascript" src="https://g.csdnimg.cn/user-tooltip/2.7/user-tooltip.js"></script>
<script type="text/javascript" src="https://g.csdnimg.cn/user-medal/2.0.0/user-medal.js"></script> </div>
<div class="recommend-right align-items-stretch clearfix" id="rightAside" data-type="recommend">
<aside class="recommend-right_aside">
<div id="recommend-right" >
<div class='flex-column aside-box groupfile' id="groupfile">
<div class="groupfile-div">
<h3 class="aside-title">目录</h3>
<div class="align-items-stretch group_item">
<div class="pos-box">
<div class="scroll-box">
<div class="toc-box"></div>
</div>
</div>
</div>
</div>
</div>
<div class='aside-box kind_person d-flex flex-column'>
<h3 class="aside-title">分类专栏</h3>
<div class="align-items-stretch kindof_item" id="kind_person_column">
<div class="aside-content">
<ul>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12364314.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12364314.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="">
mysql
</span>
</a>
<span class="special-column-num">1篇</span>
</li>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12351442.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12351442.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="">
python
</span>
</a>
<span class="special-column-num">6篇</span>
</li>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12352248.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12352248.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="">
前端
</span>
</a>
<span class="special-column-num">5篇</span>
</li>
<li>
<a class="clearfix special-column-name" href="https://blog.csdn.net/m0_61981943/category_12353129.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/m0_61981943/category_12353129.html","ab":"new"}'>
<div class="special-column-bar "></div>
<img src="https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'">
<span class="">
爬虫
</span>
</a>
<span class="special-column-num">1篇</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</aside>
</div>
<div class="recommend-right1 align-items-stretch clearfix" id="rightAsideConcision" data-type="recommend">
<aside class="recommend-right_aside">
<div id="recommend-right-concision" >
<div class='flex-column aside-box groupfile' id="groupfileConcision">
<div class="groupfile-div1">
<h3 class="aside-title">目录</h3>
<div class="align-items-stretch group_item">
<div class="pos-box">
<div class="scroll-box">
<div class="toc-box"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
<div class="mask-dark"></div>
<script type="text/javascript">
var timert = setInterval(function() {
sideToolbar = $(".csdn-side-toolbar");
if (sideToolbar.length > 0) {
sideToolbar.css('cssText', 'bottom:64px !important;')
clearInterval(timert);
}
}, 200);
</script>
<div class="skin-boxshadow"></div>
<div class="directory-boxshadow"></div>
<div class="comment-side-box-shadow comment-side-tit-close" id="commentSideBoxshadow">
<div class="comment-side-content">
<div class="comment-side-tit">
<div class="comment-side-tit-count">评论 <span class="count">11</span></div>
<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 id="rewardNew" class="reward-popupbox-new">
<p class="rewad-title">打赏作者<span class="reward-close"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></span></p>
<dl class="profile-box">
<dd>
<a href="https://blog.csdn.net/m0_61981943" data-report-click='{"mod":"popu_379","dest":"https://blog.csdn.net/m0_61981943","ab":"new"}'>
<img src="https://profile-avatar.csdnimg.cn/eb1909ab5ea24aee9246520c8622888d_m0_61981943.jpg!1" class="avatar_pic">
</a>
</dd>
<dt>
<p class="blog-name">梦幻编织者</p>
<p class="blog-discript">你的鼓励将是我创作的最大动力</p>
</dt>
</dl>
<div class="reward-box-new">
<div class="reward-content"><div class="reward-right"></div></div>
</div>
<div class="money-box">
<span class="choose-money choosed" data-id="1">¥1</span>
<span class="choose-money " data-id="2">¥2</span>
<span class="choose-money " data-id="4">¥4</span>
<span class="choose-money " data-id="6">¥6</span>
<span class="choose-money " data-id="10">¥10</span>
<span class="choose-money " data-id="20">¥20</span>
</div>
<div class="sure-box">
<div class="sure-box-money">
<div class="code-box">
<div class="code-num-box">
<span class="code-name">扫码支付：</span><span class="code-num">¥1</span>
</div>
<div class="code-img-box">
<div class="renovate">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png">
<span>获取中</span>
</div>
</div>
<div class="code-pay-box">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/newWeiXin.png" alt="">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/newZhiFuBao.png" alt="">
<span>扫码支付</span>
</div>
</div>
</div>
<div class="sure-box-blance">
<p class="tip">您的余额不足，请更换扫码支付或<a target="_blank" data-report-click='{"mod":"1597646289_003","spm":"1001.2101.3001.4302"}' href="https://i.csdn.net/#/wallet/balance/recharge?utm_source=RewardVip" class="go-invest">充值</a></p>
<p class="is-have-money"><a class="reward-sure">打赏作者</a></p>
</div>
</div>
</div>
<div class="pay-code">
<div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div>
<div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div>
<div class="content-code">
<div id="payCode" data-id="">
<div class="renovate">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png">
<span>点击重新获取</span>
</div>
</div>
<div class="pay-style"><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div>
</div>
<div class="bt-close">
<svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12">
<defs>
<style type="text/css"></style>
</defs>
<path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path>
</svg>
</div>
<div class="pay-balance">
<input type="radio" class="pay-code-radio" data-type="details">
<span class="span">钱包余额</span>
<span class="balance" style="color:#FC5531;font-size:14px;">0</span>
<div class="pay-code-tile">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt="">
<div class="pay-code-content">
<div class="span">
<p class="title">抵扣说明：</p>
<p> 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。</p>
</div>
</div>
</div>
</div>
<a class="pay-balance-con" href="https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a>
</div>
<div style="display:none;">
<img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'>
</div>
<div class="keyword-dec-box" id="keywordDecBox"></div>
</body>
<!-- 富文本柱状图 -->
<link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/chart.css" />
<script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/lib/chart.min.js"></script>
<script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/widget2chart.js"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-be82269d23.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-bf594a7338.min.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/atom-one-light.css">
<script src="https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script>
<script>
// 全局声明
if (window.csdn === undefined) {
window.csdn = {};
}
window.csdn.sideToolbar = {
options: {
report: {
isShow: true,
},
qr: {
isShow: false,
},
guide: {
isShow: true
}
}
}
$(function() {
$(document).on('click', "a.option-box[data-type='report']", function() {
window.csdn.loginBox.key({
biz: 'blog',
subBiz: 'other_service',
cb: function() {
window.csdn.feedback({
"type": 'blog',
"rtype": 'article',
"rid": articleId,
"reportedName": username,
"submitOptions": {
"title": articleTitle,
"contentUrl": articleDetailUrl
},
"callback": function() {
showToast({
text: "感谢您的举报，我们会尽快审核！",
bottom: '10%',
zindex: 9000,
speed: 500,
time: 1500
})
}
})
}
})
});
})
</script>
<script src="https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script>
<script src="https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script>
<script src="https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/pc/js/common-a425354f6a.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/pc/js/detail-c40727c863.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> 
