前端知识点总结—HTMLHTML：HTML4.01指的是网页技术HTML5：HTML4.01的升级版一、WebWeb与Internet基础知识1.Internet:globalComputerInternet,Internet,Internet,interactivenetwork2.提供服务访问网站：www(worldwideweb)服务Email：电子邮件服务BBS：电子公告牌，俗称论坛FTP：文件上传下载telenet：远程登录3.Internet上的应用程序1.C/S程序C：Client客户端S：Server服务器代表：QQ、微信、网络游戏2.B/S程序B：Browser浏览器S：服务器服务器代表：网站4.webweb：AB/运行在互联网上的S结构应用程序，俗称网站。w3c：（万维网联盟）w3c：制定网络技术规范网络的工作原理：基于浏览器、服务器和通信协议，实现信息的传输和显示。1.通信协议HTTP/HTTPS规定了数据如何传输和打包2.服务器1.功能1.存储网页信息，提供程序运行环境2.接收用户请求并给予响应3.具有一定的安全功能2.服务器产品1.TOMCAT2.APACHE3.IIS3.服务器技术1.php2.java3..NET3.浏览器功能：1.代理用户（UA：useragent）提交请求2.以图形方式显示网页3.作为HTML和JS的解释器浏览器产品：1.IE2.chrome3.firefox4.opera5.safari浏览器技术：1.HTML2.CSS3.Javascript2.HTML快速入门1.什么是HTML？HTML:HyperTextMarkupLanguageex:普通文本a:英文首字符超文本a:超链接普通文本b:英文第二字符超文本b:boldlanguage:语言，有自己的语法结构特点：1.后缀为.html或.htm2.由浏览器解析执行3.脚本语言（javascript）可以嵌套4.带尖括号的标记用于标识2.HTML的基本语法1.标签和标签称为“元素”，或“标签”"，在一个网页中，主要代表一些功能。使用标签时，必须用<>标签括起来：1.封闭型也叫双标签语法：contentex:Baidubold注意：必须有始有终。2.非封闭型也称单标签语法：orex:![]()
or![]()
or
二、标签嵌套1、什么是嵌套？一对令牌出现在一对令牌中，形成级联功能。2.语法ex:Thisisdemotextex:thisItisademotextCorrect,notrecommendedex:dfdsfsdfs错误说明：1.换行缩进，如果是双标必须出现成对3.Element(tag)属性作用：修饰元素语法：1.必须声明在起始标签2.之间用“=”连接attributenameandvalue/tag>3.元素允许有多个属性，每个属性用空格分隔ex:alignattributeofptagtitle属性的值为center，title属性的值为"Thisisaparagraph"
标准属性（普通属性）：id：定义元素的唯一标识（名称）title：定义鼠标悬停在元素上时提示的文字。style：在css中，定义内联样式class：在css中，引用类选择器4.注释语法：注意：1.注释不能自己嵌套2.不能嵌套在标签中三、HTML文件结构1.HTML文件结构1.文件类型声明功能：告诉浏览器HTML版本类型语法：写在网页顶部2.HTML页面写一对根标签文档类型声明下面。根标签包含两部分：文件头：定义网页的全局信息。文件体：定义网页显示的内容2.构建网页结构结构1.文档类型声明2.HTML页面结构在主要内容（body）位置显示“我的第一个网页”3.head元素head是其他head元素的容器1.
定义基本信息：编码格式，关键字、描述内容等
2.>/title>定义网页的标题3.<style></style>定义内部样式4.定义或引用javascript文件5.<link>引入外部样式4.body元素显示网页内容主要内容1.特殊字符表示空格<表示一个<>表示一个>?版权所有￥￥2.文本标记1.文本样式<b></b>：粗体<i></i>：斜体<u></u>：下划线<s></s>：删除线<sup></sup>：上标<sub></sub>：下标2.标题元素语法：在网页上以醒目的方式显示文本的语法：<hn>Content</hn>n:1-6<h1>Content</h1>一级标题...<h6>Content</h6>六级标题特点：1.字体大小可变2.加粗3.上下文之间有垂直空格语法：<p></p>属性：align值：left/center/right4。换行元素语法：<br>or<br/>5.分隔符元素语法：<hr>or<hr/>属性：1.size表示横线的大小（height），取值为px或%number2.width宽度，取值为px或%数3.align水平对齐left/center/right4.color水平线的颜色，取值为合法的颜色值6.preFormatting功能：在html中保留回车和空格code语法：<pre>content</pre>七、分区元素1、块分区元素作用：用于页面中元素的布局语法：<div></div>2、行分区元素的作用：to处理同一行文本中的不同样式语法：<span></span>八、内联元素和块级元素1、块级元素在网页中占据单行的元素是常见的块级元素元素块级元素：1.标题元素h1-h62.段落元素p3.div4.结构标签（header...）2.内联元素多个元素在同一行显示，常见的内联元素排列从左到右：span,b,i,u,s,sup,sub,a,img3.内联块的显示方式与内联元素相同，但具有块级元素的特性4.table..4.图片和链接1.URL1。目录结构文件目录：文件夹嵌套结构2.URLURL：UniformResourceLocator统一资源定位符，俗称路径功能：用来表示网络中任意资源的位置。三、路径的出现1、绝对路径绝对路径就是完整的路径，绝对可以找到你要找的资源。1、网络资源通讯协议+服务器主机+文件目录结构+文件名ex：http://www.jd.com/index/logo.png2、本地资源从最高盘符搜索C:\xampp\htdocs\1801-02\01-HTML\Day02\day.txt二、相对路径1、什么是相对路径？从当前文件位置开始查找资源文件的路径就是相对路径。1、同级目录直接引用ex:Koala.jpg2、子目录先进入，再引用ex:img/Koala2.jpg3、父目录先返回，再引用ex:。./Koala1.jpg3.Root从服务器根目录开始查找相对路径。Performance://codeboy/img/logo.png五、图片1.图片格式1.压缩比高的jpg2.png背景透明3.gif动画2.图片标记Tag：<img>或<img/>属性：1.src源，要显示的图片的url2.width宽度，取值为px或%的数字3.height高度，取值为px或%的数字4.alt提示文字图片错误时显示6.链接1.语法<a>content</a>2.属性1.href链接url2.target目标，指定打开网页的方式取值：_blank打开默认值_self在新标签页，在当前页面打开新网页2.设置图片超链接，打开天慕网（www.tmooc.cn）3.其他表现形式1.下载资源让LinkURL，只需链接到rar/zip文件href="*.zip/*.rar"2.电子邮件链接href="mailto:合法电子邮件地址"3.返回页面顶部href="#"4.链接到javascripthref="javascript:jsscript"七、锚点1、什么是锚点？它是网页中的一个标记，可以通过超链接调整到标记的位置。2.使用锚点1.定义锚点1.使用a标签的name属性定义锚点<aname="anchorname"></a>2.使用任意标签的id属性定义锚点<ANYid="Anchorpointname"></ANY>2.链接到锚点<ahref="#anchorpointname"></a><ahref="url#Anchorpointname"></a>8.表格1.表格的语法1.表格<table></table>2.行<tr></tr>--->表第3行。单元格/列<td></td>--->表格数据2.表格属性1.表格属性width:widthheight:heightborder：设置表格边框align：设置表格值的水平对齐方式：left/center/rightcellpadding：设置单元格的内边距（content和td间距之间）cellspacing：设置单元格的外边距（td边框外的距离）bgcolor：背景色2.tr属性align设置水平对齐方式currentrow取值：left/center/rightvalign设置当前行的垂直对齐方式Value：top/middle/bottombgcolor设置当前行的背景色3.td属性width：widthheight：heightalign：水平对齐方式valign：垂直对齐bgcolor:列背景色colspan:跨列rowspan:跨行3.可选标签1.表格标题标签：<caption></caption>如果设置表格标题，必须在<下的第一个子元素位置table>2.行/列标题标签：<th></th>alltd可以用<th>代替4.表格的复杂应用可以把连续的几行分成一组统一管理。1.行分组1.表头行<thead></thead>如果表中最上面的行被分组，可以放在表头行2.表体行<tbody></tbody>允许几行placed在tbody中统一管理3.如果表格footerrow的最后一行<tfoot></tfoot>被分组，可以放在footerrow2.不规则的表格1.跨行rowspan从表的位置开始指定单元格，垂直向下合并几个单元格（包括你自己），合并后的单元格将被删除。2、跨列colspan从指定单元格的位置开始，向右横向合并若干个单元格（包括自身），合并后的单元格需要删除。九、列表1、列表的作用是从上到下（从左到右）显示所有的数据，可以在数据前加上显示标识。二、列表的组成列表由“列表类型”和“列表项”组成1、列表类型有序列表：<ol></ol>有序列表无序列表：<ul></ul>无序列表2。列表项用于表示列表中的数据（嵌套在列表中）<li></li>listitem3.Orderedlist1.type作用：指定列表的排序类型值：1默认值，按数字排序小写字母大写字母i小写罗马数字I大写罗马数字2.start函数：指定起始编号，值：数字4.无序列表1.type函数：指定列表值的标识类型：圆盘：实心圆circle：空心圆square：实心方形none：不显示logo5、一个列表嵌套在一个列表中，出现另一个列表。嵌套列表只能出现在liex:<ol><li>这是有序列表的内容<ul><li>Content</li></ul></li></ol>10.定义list1.什么是定义列表定义列表常用于给出一类事物或对名词进行解释等。2.语法1.<dl></dl>代表一个定义列表2.<dt></dt>代表定义列表中要解释的名词3.<dd></dd>代表定义列表中的名词解释定义表内容ex:<dl><dt>名词</dt><dd>解释具体内容</dd></dl>使用场合：图文混合时使用11.结构标记1.structure的作用是用来描述整个网页的结构（代替div进行布局）提高标签的语义二、常用的结构标签1、<header></header>作用：定义网页的头部或者某个区域2.<nav></nav>作用：定义网页的导航链接3.<section></section>作用：主要内容4.<aside></aside>作用：定义侧边栏页面中的信息，靠近边缘。5.<footer></footer>功能：定义网页底部的信息，如：网站备案号、说明、版权等。6.<article></article>功能：定义与文字描述相关的内容，如：论坛帖子、微博条目、用户评论等12.表单（重点难点）1.表单的作用1.提供可以与用户交流的信息交互式可视化界面2.收集用户信息并提交给服务器2.表单的组成部分1.表单控件的前端部分，与用户交互的可视化控件2.服务器端处理提交的数据，***.php3。表单标签<form></form>属性：1.action功能：定义提交表单时发生的动作，通常定义服务器上handler的url地址，ex:action="login.php"2.method功能：指定表单数据提交方式的取值：1.get(默认值)1.纯文本提交，要提交的数据会显示在地址栏2.安全性低3.已提交数据有大小限制，限制为2KB4.向服务器请求数据时，使用get方法2.post1.隐式提交，提交的数据不会显示2.安全性更高3.没有限制到提交数据的大小4.向服务器传输数据时，使用post方法3.delete4.put3.enctype作用：指定表单数据的编码方式，允许提交什么样的数据server1.application/x-www-form-urlencoded默认值，允许向服务器提交任意字符（文件不能提交）2.multipart/form-data允许向服务器提交文件3.text/plain只能向服务器提交普通字符4.表单控件是可以与用户交互的可视化元素1.类别：1.input元素2.textarea多行文本域元素3.select和option选项框元素4.其他元素2.input元素1.功能：在页面上提供各种输入控件，如：文本框、密码框、单选按钮、复选框等。2.语法标记：<input>或<input/>属性：1.type指定要创建的输入控件的类型2.name定义控件的名称，提交给服务器使用（必填）3.value控件的值并提交给服务器在终端使用4.disabled来禁用控件，不能操作，也不能提交给服务器。使用没有值的这个属性，只要它出现在标记中，它就被禁用。三、input元素详解1.文本框和密码框文本框：<inputtype="text">密码框：<inputtype="password">属性：1.maxlength指定限制输入的字符数2.readonly只读，只能查看，不能修改，但允许提交。3.placeholder占位符，即默认显示在控件上的文字。13.按钮1.提交按钮type="submit"功能：将表单的数据提交到服务器上的指定程序2.重置按钮type="reset"功能：将表单内容恢复到初始化状态3.普通按钮type="button"没有功能属性：value:按钮上显示的文本3.单选按钮和复选框Radiobuttons:type="radio"Checkbox:type="checkbox"属性：name除了定义控件中除了名称，还可以起到分组checked的作用设置默认选中项，没有value属性4.隐藏字段和文件选择框1.隐藏字段type="hidden"想要提交给服务器的数据，但不想显示给用户可以放在隐藏字段中。2.文件选择框type="file"注意：1.method的值必须是post2.enctype的值必须是multipart/form-data3.textarea元素1.功能允许输入多行文本2.语法标记：<textarea></textarea>属性：1.name定义控件名称，提供给服务器使用2.readonly只读3.cols指定文本域的列数，即,一行可以显示多少个英文字符（中文减半）4.rows指定文本域的行数，即默认显示多少行数据。如果超过行，将出现滚动条。14.选项框1.语法1.<select></select>作用：表示页面上的一个选项框2.<option></option>作用：显示选项框内的内容项2.属性1.select属性1.name定义选项框的名称2.size定义显示选项的个数，默认值为13.multiple设置多选，无值属性注意：只有滚动列表支持多选2.option属性1.value定义optionValue2.selected设置默认选中项，无value属性5.其他元素1.label元素功能：关联文本字段表单控件语法：<label></label>属性：用于关联id值与表单控件2.是控件组<fieldset></fieldset>定义控件的组<legend></legend>指定组的标题3.浮框功能：允许引入另一个网页在一个网页中。语法：<iframe></iframe>属性：1.src待导入页面的URL路径2.width宽度3.height高度4.frameborder浮动框边框，默认值115。单位换算1px=0.025rem；</p>
</div>
</div>
<div class="zuowen_sxy">
<div class="prev">上一篇：<a title="nadejs进程管理注意事项" href="/houduanjishu/239430.html">nadejs进程管理注意事项</a> </div>
<div class="prev">下一篇：<a title="串联执行N个（未知）函数" href="/houduanjishu/239432.html">串联执行N个（未知）函数</a> </div>
</div>
<div class="related_about">
<div class="related_about_t"><code>前端知识点总结—HTML相关文章</code></div>
<ul>
<li><a href="/kejifunen/354966.html" target="_blank" title="全面总结！你不知道的智能穿戴设备">全面总结！你不知道的智能穿戴设备</a></li>
<li><a href="/kejifunen/354257.html" target="_blank" title="前端售价500万的Spotcat S200智能猫眼评测">前端售价500万的Spotcat S200智能猫眼评测</a></li>
<li><a href="/kejifunen/353692.html" target="_blank" title="iTutorGroup首届前端技术沙龙！如何最大化用户体验">iTutorGroup首届前端技术沙龙！如何最大化用户体验</a></li>
<li><a href="/kejifunen/353153.html" target="_blank" title="【总结】从20年前到现在，我们有什么样的跑鞋">【总结】从20年前到现在，我们有什么样的跑鞋</a></li>
<li><a href="/kejifunen/352804.html" target="_blank" title="【总结】开启“手腕革命”的可穿戴设备家族">【总结】开启“手腕革命”的可穿戴设备家族</a></li>
<li><a href="/kejifunen/352536.html" target="_blank" title="老用户通知您！选择家用指纹锁的4个基本知识点">老用户通知您！选择家用指纹锁的4个基本知识点</a></li>
<li><a href="/kejifunen/352419.html" target="_blank" title="亚洲消费电子展！智能新品总结VR、可穿戴设备成亮点">亚洲消费电子展！智能新品总结VR、可穿戴设备成亮点</a></li>
<li><a href="/kejifunen/352241.html" target="_blank" title="图片奖励和个人测试！ HTC Vive VR设备评测体验总结">图片奖励和个人测试！ HTC Vive VR设备评测体验总结</a></li>
<li><a href="/kejifunen/352197.html" target="_blank" title="可穿戴设备智能手环上的传感器总结">可穿戴设备智能手环上的传感器总结</a></li>
<li><a href="/kejifunen/351800.html" target="_blank" title="【总结】智能手环原理介绍">【总结】智能手环原理介绍</a></li>
<li><a href="/kejifunen/351037.html" target="_blank" title="2015MWC总结！智能手机普及度下降，可穿戴设备出现">2015MWC总结！智能手机普及度下降，可穿戴设备出现</a></li>
<li><a href="/kejifunen/350424.html" target="_blank" title="真正球迷必备的知识点， 2018世界杯的新玩法你知道多少？ ">真正球迷必备的知识点， 2018世界杯的新玩法你知道多少？ </a></li>
<li><a href="/kejifunen/349773.html" target="_blank" title="【年终总结】2015年全球最流行的VR设备">【年终总结】2015年全球最流行的VR设备</a></li>
<li><a href="/kejifunen/349772.html" target="_blank" title="【总结】各种第一代手环的发展史">【总结】各种第一代手环的发展史</a></li>
<li><a href="/kejifunen/348922.html" target="_blank" title="【总结】为什么小米手环比Apple Watch更有趣">【总结】为什么小米手环比Apple Watch更有趣</a></li>
<li><a href="/kejifunen/347949.html" target="_blank" title="滴滴2017年终总结！完成74.3亿订单，AI拉动3000万">滴滴2017年终总结！完成74.3亿订单，AI拉动3000万</a></li>
<li><a href="/kejifunen/346154.html" target="_blank" title="可穿戴设备总结！从头到脚智能">可穿戴设备总结！从头到脚智能</a></li>
<li><a href="/kejifunen/345353.html" target="_blank" title="肖洪波太感人了！前端智能化三大挑战堪比螺丝道场 - GTIC">肖洪波太感人了！前端智能化三大挑战堪比螺丝道场 - GTIC</a></li>
<li><a href="/kejifunen/343695.html" target="_blank" title="印象笔记推出“快速阅读总结”并开启全终端限时免费使用">印象笔记推出“快速阅读总结”并开启全终端限时免费使用</a></li>
<li><a href="/kejifunen/343024.html" target="_blank" title="入华五年的总结：印象笔记发布《中国知识工作者研究报告》">入华五年的总结：印象笔记发布《中国知识工作者研究报告》</a></li>
</ul>
</div>
</div>
<div class="main-right">
<div class="right_fix">
<div class="r_con">
<div class="r_title">最新推荐</div>
<ul>
<li><em>1</em><a href="/kejifunen/370309.html" title="超级详细的总结！ 2014年可穿戴设备市场及产业链分析" target="_blank">超级详细的总结！ 2014年可穿戴设备市场及产业链分析</a></li>
<li><em>2</em><a href="/kejifunen/369782.html" title="苹果WWDC2016亮点总结 iOS-macOS-watch" target="_blank">苹果WWDC2016亮点总结 iOS-macOS-watch</a></li>
<li><em>3</em><a href="/kejifunen/369323.html" title="【年终总结】黑科技井喷！ 2015年十大可穿戴技术将如何改变" target="_blank">【年终总结】黑科技井喷！ 2015年十大可穿戴技术将如何改变</a></li>
<li><em>4</em><a href="/kejifunen/369311.html" title="2015年度总结！耳机圈一片混乱，小米和魅族一加真的是你的菜" target="_blank">2015年度总结！耳机圈一片混乱，小米和魅族一加真的是你的菜</a></li>
<li><em>5</em><a href="/kejifunen/368154.html" title="用科技武装自己 新颖时尚的智能穿戴设备总结 " target="_blank">用科技武装自己 新颖时尚的智能穿戴设备总结 </a></li>
<li><em>6</em><a href="/kejifunen/367847.html" title="【E测】根据9万+条经验总结，您在购买冰箱时考虑过这些问题吗" target="_blank">【E测】根据9万+条经验总结，您在购买冰箱时考虑过这些问题吗</a></li>
<li><em>7</em><a href="/kejifunen/367794.html" title="脑电波可穿戴设备总结！智能穿戴的智能化革命" target="_blank">脑电波可穿戴设备总结！智能穿戴的智能化革命</a></li>
<li><em>8</em><a href="/kejifunen/367787.html" title="2018年终总结！今年人工智能让你失望了吗？ " target="_blank">2018年终总结！今年人工智能让你失望了吗？ </a></li>
<li><em>9</em><a href="/kejifunen/367466.html" title="【总结】2016下半年VR融资事件" target="_blank">【总结】2016下半年VR融资事件</a></li>
<li><em>10</em><a href="/kejifunen/367147.html" title="【总结盘点】看脸时代！是谁把小米手环从简约的神坛上推了下来？" target="_blank">【总结盘点】看脸时代！是谁把小米手环从简约的神坛上推了下来？</a></li>
</ul>
</div>
<div class="r_con">
<div class="r_title">猜你喜欢</div>
<ul class="you_like">
<li><em>1</em><a href="/kejifunen/365560.html" title="【总结】看看2016年的微软HoloLens！布局-挑战-野" target="_blank">【总结】看看2016年的微软HoloLens！布局-挑战-野</a></li>
<li><em>2</em><a href="/kejifunen/364948.html" title="【总结】十大最佳儿童可穿戴设备，让孩子更安全" target="_blank">【总结】十大最佳儿童可穿戴设备，让孩子更安全</a></li>
<li><em>3</em><a href="/kejifunen/364881.html" title="清华教授总结触觉传感器研究突破与进展" target="_blank">清华教授总结触觉传感器研究突破与进展</a></li>
<li><em>4</em><a href="/kejifunen/364731.html" title="外媒对Huawei Watch的评测总结，给Apple Wa" target="_blank">外媒对Huawei Watch的评测总结，给Apple Wa</a></li>
<li><em>5</em><a href="/kejifunen/363342.html" title="有必要安装前端净水器吗？个人经验，请勿模仿！ " target="_blank">有必要安装前端净水器吗？个人经验，请勿模仿！ </a></li>
<li><em>6</em><a href="/kejifunen/362859.html" title="国内为数不多的智能穿戴支付产品之一的对比总结与分析" target="_blank">国内为数不多的智能穿戴支付产品之一的对比总结与分析</a></li>
<li><em>7</em><a href="/kejifunen/362106.html" title="HTC 智能手表传闻总结 设计和节能是亮点" target="_blank">HTC 智能手表传闻总结 设计和节能是亮点</a></li>
<li><em>8</em><a href="/kejifunen/361741.html" title="三星智能手表评测总结 国外同行眼中的Galaxy Gear（" target="_blank">三星智能手表评测总结 国外同行眼中的Galaxy Gear（</a></li>
<li><em>9</em><a href="/kejifunen/361713.html" title="索尼PS VR问答总结 戴眼镜的人可以使用PS VR吗？ " target="_blank">索尼PS VR问答总结 戴眼镜的人可以使用PS VR吗？ </a></li>
<li><em>10</em><a href="/kejifunen/361614.html" title="Oculus开发者大会总结！ Rift 比 HTC Vive" target="_blank">Oculus开发者大会总结！ Rift 比 HTC Vive</a></li>
<li><em>11</em><a href="/kejifunen/361198.html" title="外媒总结了 Apple Watch 发布推迟的 5 个原因" target="_blank">外媒总结了 Apple Watch 发布推迟的 5 个原因</a></li>
<li><em>12</em><a href="/kejifunen/360865.html" title="总结！谈智能行业的辉煌和背后的无奈" target="_blank">总结！谈智能行业的辉煌和背后的无奈</a></li>
<li><em>13</em><a href="/kejifunen/360658.html" title="京东纳信！ 10 2014年智能硬件行业总结" target="_blank">京东纳信！ 10 2014年智能硬件行业总结</a></li>
<li><em>14</em><a href="/kejifunen/360196.html" title="【总结】开循环的“误区”！那些与iPhone“牵手”的“非苹" target="_blank">【总结】开循环的“误区”！那些与iPhone“牵手”的“非苹</a></li>
<li><em>15</em><a href="/kejifunen/358594.html" title="可穿戴设备！走在行业最前端的行业" target="_blank">可穿戴设备！走在行业最前端的行业</a></li>
<li><em>16</em><a href="/kejifunen/358405.html" title="全面总结康佳新电视，哪一款更好？ " target="_blank">全面总结康佳新电视，哪一款更好？ </a></li>
<li><em>17</em><a href="/kejifunen/357817.html" title="《果壳》顾晓彬！ 2014年智能手表行业年度总结" target="_blank">《果壳》顾晓彬！ 2014年智能手表行业年度总结</a></li>
<li><em>18</em><a href="/kejifunen/356889.html" title="【总结】2015年流行智能手环综合评测与分析" target="_blank">【总结】2015年流行智能手环综合评测与分析</a></li>
<li><em>19</em><a href="/kejifunen/356462.html" title="【总结】迷雾中的虚拟现实技术将走向何方（一）" target="_blank">【总结】迷雾中的虚拟现实技术将走向何方（一）</a></li>
<li><em>20</em><a href="/kejifunen/355902.html" title="【总结】二代失败者都可以使用的跑步装备" target="_blank">【总结】二代失败者都可以使用的跑步装备</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="related_article"></div>
<div class="footer">
<p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p>
<p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。
如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
</body>
</html>
