HTML基础知识点总结 HTML

HTML知识点总结 -------------------------------------------------------------------------------------------------------- Web概念： 1>Web三要素： - 浏览器：向服务器发起请求，下载服务器中的网页(HTML)，然后执行THML显示出内容。 - 服务器：接收服务器的请求，发送响应的页面到浏览器。 - HTTP协议：浏览器与服务器的通信协议。 2>常用浏览器：IE、Edge、Firefox、Chrome(Opera)、safari。 3>HTML工作原理： - HTML是部署在服务器上的文本文件； - 根据HTTP协议，浏览器发出请求给服务器，服务器做出响应，给浏览器返回一个HTML； - 浏览器解释执行HTML，从而显示内容； - HTML部署在服务器上，运行在浏览器上。 HTML简介： 1>HTML(HyperText Markup Language)：超文本标记语言，一种纯文本类型的语言； 2>用该语言编写的文件，以.html或者.htm为后缀； 3>由浏览器解释执行； 4>HTML页面上，可以嵌套用脚本语言编写的程序段，如JavaScript； 5>可以理解标签固定的XML； 6>HTML标记通常也被称为HTML标签(HTML tag)； 7>注释语法：，注释不能嵌套； 8>不是HTML标签，它为浏览器提供一项信息(声明)，即HTML是用什么版本编写的。元素： 1>元素是所有头部元素的容器； 2>内的元素可声明元信息，指示浏览器在何处可以找到样式表，包含的脚本等等； 3>这些标签可添加在head部分：、<meta>、<link>、、； 4><title>元素： - 定义浏览器工具栏中的标题； - 提供网页被添加到收藏夹时显示的标题； - 显示在搜索引擎结果中的页面标题。 5><meta>元素： - 提供关于HTML文档的元数据； - 元数据不会显示在页面上，但是对于机器是可读的； - 用于规定页面的描述、关键词、文档作者、最后修改时间，以及其他元素； - 常用属性有：content、http-equiv、charset。文本元素： 1>文本元素是网页上的重要组成部分，直接书写的文本会用浏览器默认的样式显示； 2>包含在文本元素中的文本，则会被显示为元素所拥有的样式，文本元素包括： - 标题元素； - 段落元素； - 列表元素； - 分区元素； - 行内元素。标题元素： 1>标题元素让文本以醒目的方式显示，往往用于文章的标题； 2>基本语法：......； - #表示从1、2、3、4、5、6； - 从到，即标题1到标题6。列表： 1>列表是指将具有相似特性或具有先后顺序的几行文字进行对齐排列； 2>所有的列表都由列表类型和列表项组成： - 列表类型：有序列表<ol>和无序列表<ul>； - 列表项：<li>，用于只是具体的列表内容。 3>有序列表： - <ol>元素编写有序列表，用于列出页面上特定次序的一些项目； - <ol>元素中也只能包含列表项元素<li>。 4>无序列表： - <ul>元素表示无序列表，用于列出页面上没有特定次序的一些项目； - <ul>元素中只能包含具体的列表项元素<li>； - 列表中包含的每一项都必须包含再起始标记<li>和结束标记</li>之间。 5>列表嵌套：将列表元素嵌套使用，可以创建多层列表。分区： 1>分区元素用于为元素分组。常用于页面布局； 2>块分区元素：； 3>行内分区元素：，设置同一行文字内的不同格式； 4>块级元素： - 默认情况下，块级元素会独占一行，即元素前后都会自动换行； - 如：<strong>【HTML基础知识点总结】</strong>、、。 5>行内元素： - 不会换行，可以和其他行内元素位于同一行； - 如：、。行内元素： 1>元素是内联元素，可用作文本的容器； 2>元素也没有特定的含义，当与CSS一同使用时，元素可用于为部分文本设置样式属性； 3><i>元素用来定义斜体字； 4><em>元素用来定义着重文字； 5><b>元素用来定义粗体文字； 6>元素用来定义加重文字； 7><del>元素用来定义带删除线的文字； 8><u>元素用来定义带下划线的文字； 9>空格折叠：默认情况下，HTML中多格空格、多个制表符、多个换行符会压缩成单个空格，即只显示一个空格； 10>使用<br>元素再任何地方创建手工换行； 11>小于号：<；大于号：>；空格：。图像和超链接： 1>使用<img>元素将图像添加到页面，src是必须属性； 2>使用元素创建一个超链接，语法是：文本： - href属性：连接url； - target属性：目标打开方式，可取值为_blank、_self等。 3>锚点： - 锚点是文档中某行的一个记号，用于链接到文档中的某个位置； - 定义锚点：锚点； - 链接到的锚点：在冒点名前加上#，回到锚点。表格： 1>表格的作用： - 表格通常用来组织结构化的信息； - 表格是一些被称作单元格的矩形框按照从左到右，从上到下的顺序排列在一起而形成的； - 表格的数据存放在单元格里。 2>创建表格： - 定义表格：使用成对的<table></table>标记； - 创建行：使用成对<tr></tr>标记； - 创建列：使用成对<td></td>标记。 3><table>元素： - border; - width/height; - align; - cellpadding：单元格边框与内容之间的边距； - cellspacing：单元格之间的间距。 4><tr>元素： - align/valign； 5><td>元素： - align； valign； width/height； colspan：使当前单元格沿着水平方向延伸，值为正整数，代表此单元格水平延伸的单元格数； rowspan：使当前单元格沿着垂直方向延伸，值为正整数，代表此单元格垂直延伸的单元格数； 6>行分组： - 表格可划分为3个部分：表头、表主体和表尾； - 表头行分组：<thead></thead>； - 表主体行分组：<tbody></tbody>； - 表尾行分组：<tfoot></tfoot>。表单： 1>表单是用于显示、收集信息，并提交信息到服务器； 2>表单二要素：form元素、表单控件； 3>表单是从浏览器向服务器传输数据的手段； 4>定义表单：使用成对的<form></form>标记，表示要将此元素中所涵盖的控件中的数据传输给服务器； 5>主要属性： - action：表单提交的url； - method：指出表单数据提交的方式； - enctype：表单数据进行编码的方式。 6>表单控件： - 表单可以包含很多不同类型的表单控件； - 表单控件是一种HTML元素，是信息输入项； 7>表单控件包括： - input元素：文本框、密码框、单选框、复选框、按钮、隐藏域、文件选择框； - 其他元素：标签、文本域、下拉选。 8>文本框：<input type="text"/> 9>密码框：<input type="password"/> 10>单选框：<input type="radio"/> 11>复选框：<input type="checkbox"/> 12>提交按钮：<input type="submit"/> 13>重置按钮：<input type="reset"/> 14>普通按钮：<input type="button"/> 15>隐藏域：<input type="hidden"/> 16>文件选择框：<input type="file"/> 17>文本域：相当于多行文本框，语法<textarea></textarea> 18>下拉选：下拉选择内容，语法： <option value="https://www.it610.com/article/1">Java</option> <option value="https://www.it610.com/article/2">PHP</option> <option value="https://www.it610.com/article/3">Android</option> 19>标签：表单中的文本，用于给控件设置显示名称，语法：<label for="控件ID">文本</label>，for设置该文本所关联的控件ID，关联后点击标签等同于点击控件。 -------------------------------------------------------------------------------------------------------- <br></p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script>  <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1536208.html" title="佳能750d可以换什么样的镜头"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="佳能750d可以换什么样的镜头" src="http://img.readke.com/230412/20240a053-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1536208.html"> <b>佳能750d可以换什么样的镜头 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1925049.html" title="面料涤纶里料棉纶的衣服怎么洗面料涤纶里料棉纶的衣服如何洗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="面料涤纶里料棉纶的衣服怎么洗面料涤纶里料棉纶的衣服如何洗" src="http://img.readke.com/230504/0R4251c9-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1925049.html"> <b>面料涤纶里料棉纶的衣服怎么洗面料涤纶里料棉纶的衣服如何洗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1570620.html" title="快赔和保险有什么区别"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="快赔和保险有什么区别" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1570620.html"> <b>快赔和保险有什么区别 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0P225D52021.html" title="mole|预算不超过2000元，要有5g、不卡，朋友们能否给点建议？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="mole|预算不超过2000元，要有5g、不卡，朋友们能否给点建议？" src="https://p0.ssl.img.360kuai.com/t0196dc91619fd32c1c.jpg?size=639x292"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/0P225D52021.html"> <b>mole|预算不超过2000元，要有5g、不卡，朋友们能否给点建议？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09192241R2021.html" title="崇德老人八字例解（六）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="崇德老人八字例解（六）" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/09192241R2021.html"> <b>崇德老人八字例解（六） </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2086096.html" title="痛风后果严重吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="痛风后果严重吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2086096.html"> <b>痛风后果严重吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3992764.html" title="stm32逻辑分析porta"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="stm32逻辑分析porta" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3992764.html"> <b>stm32逻辑分析porta </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1785340.html" title="秋葵焯水要切开不"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="秋葵焯水要切开不" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1785340.html"> <b>秋葵焯水要切开不 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2607108.html" title="万能看图王怎么卸载？万能看图王卸载方法"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="万能看图王怎么卸载？万能看图王卸载方法" src="http://img.readke.com/230702/21321SU1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2607108.html"> <b>万能看图王怎么卸载？万能看图王卸载方法 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3059930.html" title="含有近义词的词语含有近义词的词语四字"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="含有近义词的词语含有近义词的词语四字" src="http://img.readke.com/230824/0T3001336-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3059930.html"> <b>含有近义词的词语含有近义词的词语四字 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3143488.html" title="利用手机QQ无限刷手机上网流量三网通用"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="利用手机QQ无限刷手机上网流量三网通用" src="http://img.readke.com/230911/1F61442A-0-lp.png"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3143488.html"> <b>利用手机QQ无限刷手机上网流量三网通用 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1196234.html" title="新冠疫苗接种后的注意事项打新冠疫苗可以吃生鱼片吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="新冠疫苗接种后的注意事项打新冠疫苗可以吃生鱼片吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1196234.html"> <b>新冠疫苗接种后的注意事项打新冠疫苗可以吃生鱼片吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/976163.html" title="戒烟的过程中有点心慌是什么情况，要怎么办啊？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="戒烟的过程中有点心慌是什么情况，要怎么办啊？" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/976163.html"> <b>戒烟的过程中有点心慌是什么情况，要怎么办啊？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3094245.html" title="得了艾滋病应该怎么办如果患上艾滋病怎么办"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="得了艾滋病应该怎么办如果患上艾滋病怎么办" src="http://img.readke.com/230831/10513TI4-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3094245.html"> <b>得了艾滋病应该怎么办如果患上艾滋病怎么办 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/942793.html" title="夏天如何培养天竺葵盆栽夏天如何培养天竺葵，夏天如何培养天竺葵苗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="夏天如何培养天竺葵盆栽夏天如何培养天竺葵，夏天如何培养天竺葵苗" src="http://img.readke.com/221126/0252043000-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/942793.html"> <b>夏天如何培养天竺葵盆栽夏天如何培养天竺葵，夏天如何培养天竺葵苗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/010641335H022.html" title="wi-fi|联想发布 Yoga 7i 翻转本：可选 14/16 英寸屏"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="wi-fi|联想发布 Yoga 7i 翻转本：可选 14/16 英寸屏" src="https://p0.ssl.img.360kuai.com/t01fcb5e3808244a4b9.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/010641335H022.html"> <b>wi-fi|联想发布 Yoga 7i 翻转本：可选 14/16 英寸屏 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3104240.html" title="分享一下你们最喜欢的微信头像？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="分享一下你们最喜欢的微信头像？" src="http://img.readke.com/230902/2002341542-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3104240.html"> <b>分享一下你们最喜欢的微信头像？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3073503.html" title="《雪鹰领主》进入薪火宫的条件雪鹰领主招募"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="《雪鹰领主》进入薪火宫的条件雪鹰领主招募" src="http://img.readke.com/230826/210T41421-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3073503.html"> <b>《雪鹰领主》进入薪火宫的条件雪鹰领主招募 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3556826.html" title="虚拟主机如何搭建shopex，虚拟主机如何搭建传奇游戏"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="虚拟主机如何搭建shopex，虚拟主机如何搭建传奇游戏" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3556826.html"> <b>虚拟主机如何搭建shopex，虚拟主机如何搭建传奇游戏 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3448919.html" title="考研申请书"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="考研申请书" src="http://img.readke.com/231114/0245395441-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3448919.html"> <b>考研申请书 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/02164540102022.html" title="JavaScript|JavaScript之DOM增删改查(重点)" target="_blank">JavaScript|JavaScript之DOM增删改查(重点) </a></li> <li><a href="/c/020643WO2022.html" title="flex|C语言-使用goto语句从循环中跳出" target="_blank">flex|C语言-使用goto语句从循环中跳出 </a></li> <li><a href="/c/01264295b2022.html" title="quill|Quill编辑器插入自定义HTML记录" target="_blank">quill|Quill编辑器插入自定义HTML记录 </a></li> <li><a href="/c/011J24M62022.html" title="HTML基础" target="_blank">HTML基础 </a></li> <li><a href="/c/0113422J32022.html" title="HTML基本知识" target="_blank">HTML基本知识 </a></li> <li><a href="/c/0113422H22022.html" title="web前端笔记|web前端学习-第一天" target="_blank">web前端笔记|web前端学习-第一天 </a></li> <li><a href="/c/0113422G32022.html" title="百度网盘|教你优雅绕开百度网盘限速机制" target="_blank">百度网盘|教你优雅绕开百度网盘限速机制 </a></li> <li><a href="/c/01104203392022.html" title="数据可视化|几款免费在线甘特图工具" target="_blank">数据可视化|几款免费在线甘特图工具 </a></li> <li><a href="/c/011041bO2022.html" title="HTML+Js实战项目|在网页中实现icon小图标的几种方法" target="_blank">HTML+Js实战项目|在网页中实现icon小图标的几种方法 </a></li> <li><a href="/c/01094195152022.html" title="如何修改网页小图标，浏览器页面上的图标。" target="_blank">如何修改网页小图标，浏览器页面上的图标。 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇：<a href='/c/121IC6392021.html'>shell 中的printf用法</a> </p> <p class="post-next fr ellipsis">下一篇：<a href='/c/121IC6412021.html'>ExQuilla的使用和破解</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1121334N22021.html" title="使用git将本地代码提交到码云上去"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="使用git将本地代码提交到码云上去" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/1121334N22021.html" title="使用git将本地代码提交到码云上去">使用git将本地代码提交到码云上去</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/10293002162021.html" title="SpringBoot实现阿里云快递物流查询的示例代码"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="SpringBoot实现阿里云快递物流查询的示例代码" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/10293002162021.html" title="SpringBoot实现阿里云快递物流查询的示例代码">SpringBoot实现阿里云快递物流查询的示例代码</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0ZGD4492021.html" title="炒股如炒菜"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="炒股如炒菜" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0ZGD4492021.html" title="炒股如炒菜">炒股如炒菜</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0ZGC23H021.html" title="最美的风景只能自己去欣赏"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="最美的风景只能自己去欣赏" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0ZGC23H021.html" title="最美的风景只能自己去欣赏">最美的风景只能自己去欣赏</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09252455T2021.html" title="如何挑选生腰果（海南腰果怎么分？）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何挑选生腰果（海南腰果怎么分？）" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09252455T2021.html" title="如何挑选生腰果（海南腰果怎么分？）">如何挑选生腰果（海南腰果怎么分？）</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/09101V4302021.html" title="梅花香自苦寒来"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="梅花香自苦寒来" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/09101V4302021.html" title="梅花香自苦寒来">梅花香自苦寒来</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z21301R2021.html" title="相亲相爱的两宝"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="相亲相爱的两宝" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z21301R2021.html" title="相亲相爱的两宝">相亲相爱的两宝</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z112U3R021.html" title="百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z112U3R021.html" title="百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化">百度智能云天工物联网支持多种类数据传输，MQTT助力数据、语音、视觉应用智能化</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/12303940U2021.html" title="4D习书之旅|4D习书之旅第10章"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="4D习书之旅|4D习书之旅第10章" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/12303940U2021.html" title="4D习书之旅|4D习书之旅第10章">4D习书之旅|4D习书之旅第10章</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z91Q3X2021.html" title="开心的活着就挺好"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="开心的活着就挺好" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z91Q3X2021.html" title="开心的活着就挺好">开心的活着就挺好</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>