HTML知识点

  • 格式:docx
  • 大小:674.18 KB
  • 文档页数:10

HTML基础知识

一、 什么HTML

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

二、 HTML能干什么

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

三、 HTML长什么样子

• 声明为 HTML5 文档

• 元素是 HTML 页面的根元素

• 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。

元素描述了文档的标题 </p><p>• <body> 元素包含了可见的页面内容 </p><p>• <h1> 元素定义一个大标题 </p><p>• <p> 元素定义一个段落 </p><p> 四、 HTML都包含那些标签 </p><p>橘黄色字体的标签是经常用到得,需要掌握是什么意思,可以产生什么效果。 </p><p>!--...--> 定义注释 </p><p><!DOCTYPE> 定义文档类型 </p><p><a> 定义超文本链接 </p><p><abbr> 定义缩写 </p><p><address> 定义文档作者或拥有者的联系信息 </p><p><applet> HTML5中不赞成使用。定义嵌入的 applet。 </p><p><area> 定义图像映射内部的区域 </p><p><article>New 定义一个文章区域 </p><p><aside>New 定义页面的侧边栏内容 </p><p><audio>New 定义音频内容 </p><p><b> 定义文本粗体 </p><p><base> 定义页面中所有链接的默认地址或默认目标。 </p><p><basefont> HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 </p><p><bdi>New 允许您设置一段文本,使其脱离其父元素的文本方向设置。 </p><p><bdo> 定义文字方向 </p><p><big> 定义大号文本,HTML5不支持 </p><p><blockquote> 定义长的引用 </p><p><body> 定义文档的主体 </p><p><br> 定义换行 </p><p><button> 定义一个点击按钮 </p><p><canvas>New 定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形 <caption> 定义表格标题 </p><p><center> HTML5不支持,不赞成使用。定义居中文本。 </p><p><col> 定义表格中一个或多个列的属性值 </p><p><colgroup> 定义表格中供格式化的列组 </p><p><div> 定义文档中的节 </p><p><dl> 定义列表详情 </p><p><dt> 定义列表中的项目 </p><p><em> 定义强调文本 </p><p><form> 定义了HTML文档的表单 </p><p><frame> 定义框架集的窗口或框架 </p><p><frameset> 定义框架集 </p><p><h1> to <h6> 定义 HTML 标题 </p><p><head> 定义关于文档的信息 </p><p><header>New 定义了文档的头部区域 </p><p><hr> 定义水平线 </p><p><html> 定义 HTML 文档 </p><p><i> 定义斜体字 </p><p><iframe> 定义内联框架 </p><p><img> 定义图像 </p><p><input> 定义输入控件 </p><p><label> 定义 input 元素的标注 </p><p><li> 定义列表的项目 </p><p><link> 定义文档与外部资源的关系 <main> 定义文档的主体部分。 </p><p><map> 定义图像映射 </p><p><mark>New 定义带有记号的文本。请在需要突出显示文本时使用 <em> 标签。 </p><p><menu> 不赞成使用。定义菜单列表。 </p><p><meta> 定义关于 HTML 文档的元信息。 </p><p><meter>New 定义度量衡。仅用于已知最大和最小值的度量。 </p><p><nav>New 定义导航链接的部分 </p><p><object> 定义内嵌对象 </p><p><ol> 定义有序列表。 </p><p><optgroup> 定义选择列表中相关选项的组合。 </p><p><option> 定义选择列表中的选项。 </p><p><output>New 定义不同类型的输出,比如脚本的输出。 </p><p><p> 定义段落。 </p><p><s> 不赞成使用。定义加删除线的文本。 </p><p><script> 定义客户端脚本。 </p><p><section>New <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 </p><p><select> 定义选择列表(下拉列表)。 </p><p><small> 定义小号文本。 </p><p><source>New <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。 </p><p><span> 定义文档中的节。 </p><p><strike> HTML5不支持,不赞成使用。定义加删除线文本。 </p><p><strong> 定义强调文本。 </p><p><style> 定义文档的样式信息。 <sub> 定义下标文本。 </p><p><summary>New <summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。 </p><p><sup> 定义上标文本。 </p><p><table> 定义表格。 </p><p><tbody> 定义表格中的主体内容。 </p><p><td> 定义表格中的单元。 </p><p><textarea> 定义多行的文本输入控件。 </p><p><tfoot> 定义表格中的表注内容(脚注)。 </p><p><th> 定义表格中的表头单元格。 </p><p><thead> 定义表格中的表头内容。 </p><p><time>New 定义日期或时间,或者两者。 </p><p><template>New 定义日期或时间,或者两者。 </p><p><title> 定义文档的标题。 </p><p><tr> 定义表格中的行。 </p><p><track>New <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。 </p><p><tt> 定义打字机文本。 </p><p><u> 不赞成使用。定义下划线文本。 </p><p><ul> 定义无序列表。 </p><p><var> 定义文本的变量部分。 </p><p><video>New <video> 标签定义视频,比如电影片段或其他视频流。 </p><p><wbr>New 规定在文本中的何处适合添加换行符。 </p><p> 五、 HTML实例 </p><p>1) 我的第一个网页 </p><p>2) 注释标签:对代码进行说明 </p><p><!-- 单行注释,也可以对多行文字进行注释 --> </p><p>3) 常用格式标签 </p><p><b>加粗</b> </p><p><i>斜体</i> </p><p><u>下划线</u> </p><p><s>删除线</s> </p><p><p>段落标签</p> </p><p><hr>:分割线 </p><p><br>:换行 </p><p><sup>上标</sup> </p><p><sub>下标</sub> <pre>保留当前格式样式</pre> </p><p><strong>(粗字体)强调文本</strong> </p><p>4) 标题标签 </p><p>5) 列表标签 </p><p>6) 超链接: </p><p>7) 分隔窗口 </p><p>8) 块级元素和行内元素 </p><p>块级元素:凡是默认自动占满网页整行的元素(自动换行),称为块级元素 </p><p><hr> <p> <h1>-<h6> <div> <ul> <li> <dl> <dt> <dd> <table> <pre> <tr> ... </p><p>行内元素:不能占满网页整行的元素 </p><p><font> <img> <span> <a> <b> <br> <buttom> <i> <span> <sub> <sup> <select> ... </p><p>9) 表格标签 </p><p>tr:行; td:单元格 </p><p>10) 表单元素: </p><p>11) 多行文本域 </p> </div> </div> </article> </div> </div> <div class="recommended"> <div class="theme-pd-hj"> <div class="hd-main"> <div class="hd-main-pd"> <div class="header hd-position"> <div class="title"> <h3>合集下载</h3> <i class="bg bg-4"></i> </div> </div> </div> </div> <div class="container-article"> <div class="article-ul"> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/20f0fb0ce53a580217fcfe7e.webp" alt="(完整版)HTML复习的知识点"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="20f0fb0ce53a580217fcfe7e" data-did="37055030">(完整版)HTML复习的知识点</h2> <div class="module-content-item"> <div class="item-overflow"> <p>第1章: </p><p>网页的分类与扩展名、WEB标准 </p><p>(1) 网页分类:静态网页、动态 </p><p>(2) 扩展名: </p><p> Html网页: .html, .htm </p><p> CSS: .css </p><p> Javascript: .js </p><p>(3) web标准 </p><p>结构标准: html </p><p>表现标准 :css层叠样式表 </p><p>行为标准:javaScript </p><p>第2章: </p><p>常见的HTML标记、常用的图片格式 </p><p>1、HTML标记 </p><p> < /html>:创建一个HTML文档,也称根标记。 </p><p>< /head>:设置文档标题和其它在网页中不显示的信息,也成为头部标记。 </p><p></p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/5b72ba14844769eae009edbf.webp" alt="HTML知识点总结"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="5b72ba14844769eae009edbf" data-did="310521700">HTML知识点总结</h2> <div class="module-content-item"> <div class="item-overflow"> <p>HTML5</p><p>HTML5新特性</p><p>HTML5中的一些有趣的新特性:</p><p>用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素,比如article、footer、header、nav、section新的表单控件,比如calendar、date、time、email、url、searchHTML5中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如</p><p>Command定义命令按钮。datalist定义下拉列表。</p><p>Footer定义section或page的页脚。Header定义section或page的页眉。Commend定义命令按钮。</p><p>Web上的视频</p><p>直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5规定了一种通过video元素来包含视频的标准方法。</p><p>画布canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成:</p><p></p><p>varc=document.getElementById("myCanvas");</p><p>varcxt=c.getContext("2d");</p><p>cxt.fillStyle="#FF0000";</p><p>cxt.fillRect(0,0,150,75);</p><p></p><p>JavaScript使用id来寻找canvas元素:</p><p>varc=document.getElementById("myCanvas");</p><p>然后,创建context对象:</p><p>varcxt=c.getContext("2d");</p><p>getContext("2d")对象是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。下面的两行代码绘制一个红色的矩形:</p><p>cxt.fillStyle="#FF0000";</p><p>cxt.fillRect(0,0,150,75);</p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/3bca7d11e87101f69e3195a3.webp" alt="HTML初级知识点总结,最详细的总结"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="3bca7d11e87101f69e3195a3" data-did="312906573">HTML初级知识点总结,最详细的总结</h2> <div class="module-content-item"> <div class="item-overflow"> <p>HTML </p><p> 超文本标记语言,一种规范 </p><p> 预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置 </p><p> 一. HTML基本语法与基本结构(重点) </p><p> 标记的使用 </p><p> 1、标记一般成对出现,包含开始标记和结束标记 </p><p> 2、标记可以嵌套使用,但是不能交叉使用 </p><p> 3、标记不区分大小写 </p><p> 属性的使用(属性控制内容的格式,额外的格式) </p><p> 1、书写位置在开始标记中 </p><p> 2、格式:属性名=“属性值”,多个属性之间使用空格分割 </p><p> 3、不同的标记属性可能相同也可能不同 </p><p> 4、属性使用的标记中,只能对本标中的内容记产生影响 </p><p> 5、属性不冲突时,效果叠加,属性冲突时,就近原则 </p><p> html的基本结构 </p><p> ----声明网页 </p><p> ----网页的头部信息 </p><p> 标题----网页的标题 </p><p> </p><p> ----网页的主体,网页内容主要展示的部分 </p><p> 网页的主要内容 </p><p> </p><p> </p><p> 二. 文本格式的应用 </p><p> 1、标题标记,n的取值1-6,1级标题最大 </p><p> 效果:加粗显示,带有自动换行 </p><p> 属性:align 控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐) </p><p> 2、段落标记</p><p> 效果:把内容分段展示,自动换行 </p><p> 属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐) </p><p> 3、换行符,单标记,不需要结束标记,换行但不分段 </p><p> 空格符号: 表示一个空格 </p><p> 强制换行符: </p><p> 4、水平线标记</p><p> 效果:水平线,默认是一个粗细为2px(像素)的线条 </p><p> 属性:size 控制水平线的粗细,取值为整数,单位为像素(px) </p><p> width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对于浏览器窗口百分比) </p><p> noshade 设置水平线不带有阴影,该属性不需要取值 </p> </div> </div> </div> </div> </div> </div> <div class="module"> <div class="module-pd"> <div class="ralative-content"> <div class="left-a"> <img src="https://imgs-1438308264.cos.ap-hongkong.myqcloud.com/fb26271d54270722192e453610661ed9ad51557c.webp" alt="HTML知识点汇总"> </div> <div class="module-content"> <h2 class="rt-a text-overflow" data-doc-id="fb26271d54270722192e453610661ed9ad51557c" data-did="427494108">HTML知识点汇总</h2> <div class="module-content-item"> <div class="item-overflow"> <p>HTML知识点汇总</p><p>⼀、什么是HTML</p><p> HTML是⽤来描述⽹页的⼀种语⾔。</p><p> HTML是指超⽂本标记语⾔(不仅包含纯⽂本,还包含图⽚、超链接、⾳频、视频等)。</p><p> HTML使⽤⼀套标记标签来描述⽹页。</p><p>⼆、HTML标签的作⽤</p><p> 充当⽹页⾻架。</p><p> 语义化,使⽹络爬⾍更好的抓取⽹站信息。</p><p>三、HTML⾻架</p><p>1 </p><p>2 </p><p>3 </p><p>4 </p><p>5 </p><p>6 </p><p>7 </p><p>8 </p><p>9 </p><p> 1、DOCTYPE是document type(⽂档类型)的简写,在⽹页中⽤来说明当前使⽤的XHTML或者HTML是什么版本</p><p> 2、head是对HTML进⾏⼀些附加信息,内容不显⽰在⽹页中</p><p> 3、body是HTML的主体部分,显⽰在⽹页中的内容</p><p>四、head标签中可以放的元素</p><p> 1、meta标签 </p><p> ⽤于声明字符编码级</p><p> ⽤于提供给搜索引擎关键字</p><p> ⽤于提供给搜索引擎⽹页简单描述</p><p> 2、title标签</p><p> 标识⽂档标题,该标题会显⽰在浏览器的标题栏的标签页上</p><p> 3、style标签</p><p> 编写页⾯内部样式</p><p> 4、link标签</p><p> :⽤于引⼊css样式</p><p> </p><p> 5、script标签</p><p> 引⼊外部js⽂件</p><p>五、HTML语法</p><p> 1、标签之间对空格,缩进,换⾏不敏感,浏览器只会当做⼀个空格处理</p><p> 2、标签名必须使⽤⼀对尖括号包裹,标签⼀般都是成对出现,单标签除外</p><p> 常见单标签: </p><p> 3、标签属性写法: 键值对形势(key="value")</p><p> eg: 六、HTML中标签分类</p><p> 1、块级元素:h1-h6、p、div、ol、ul、dl、form、table等</p><p> 2、⾏内元素 a、img、span、strong、em等 </p><p> 块级元素特点:</p><p> 1、独占⼀⾏;</p><p> 2、⾼度,⾏⾼以及外边距和内边距都可控制;</p><p> 3、宽度缺省是⽗容器的宽度,除⾮设定⼀个宽度;</p><p> 4、它可以容纳内联元素和其他块元素。(注意:p标签不可包含div)</p><p> ⾏内元素特点: </p><p> 1、设置宽⾼⽆效</p><p> 2、对margin仅设置左右⽅向有效,上下⽆效;padding设置上下左右都有效,即会撑⼤空间</p><p> 3、不会⾃动进⾏换⾏</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="recommended" id="downtip"> <div class="tag"> <ul class="tag-header"> <li> <a href="javascript:;" title="下载提示" data-tab-target="tip" class="" id="onTagDownload"> 下载提示 <i class="iconfont icon-you bottom"></i> </a> </li> </ul> <div class="tab-items"> <div class="tab-item tip" data-tab-item="tip"> <div class="list"> <ol> <li>1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。</li> <li>2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。</li> <li>3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。</li> </ol> </div> </div> </div> </div> </div> <div class="recommended"> <div class="article-box"> </div> </div> </div> <div class="temp-rg" id="target-element"> <div class="relevant-box temp-mg"> <div class="content" id="side-list"> <div class="header hd-bm hd-scollor"> <div class="title"> <h3>文档推荐</h3> <i class="bg bg-1"></i> </div> </div> <ul class="container-ul"> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/1222308047.html" target="_blank" title="HTML网页设计基础的知识点" class="ul-doc-a text-overflow-clamp">HTML网页设计基础的知识点</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:5</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/1022541592.html" target="_blank" title="html基础知识" class="ul-doc-a text-overflow-clamp">html基础知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:3</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-pdf"></i> <div class="cont-rg flex-column"> <a href="/doc/3e20209119.html" target="_blank" title="HTML知识" class="ul-doc-a text-overflow-clamp">HTML知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:9</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/3622270483.html" target="_blank" title="html基础知识总结" class="ul-doc-a text-overflow-clamp">html基础知识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:2</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-ppt"></i> <div class="cont-rg flex-column"> <a href="/doc/4819460906.html" target="_blank" title="HTML基础知识" class="ul-doc-a text-overflow-clamp">HTML基础知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:66</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/4821974082.html" target="_blank" title="html网页设计知识点" class="ul-doc-a text-overflow-clamp">html网页设计知识点</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:3</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-pdf"></i> <div class="cont-rg flex-column"> <a href="/doc/6619759179.html" target="_blank" title="HTML基础知识总结" class="ul-doc-a text-overflow-clamp">HTML基础知识总结</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:12</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/6e19759182.html" target="_blank" title="HTML基础知识" class="ul-doc-a text-overflow-clamp">HTML基础知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:6</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-pptx"></i> <div class="cont-rg flex-column"> <a href="/doc/7619743197.html" target="_blank" title="html-知识" class="ul-doc-a text-overflow-clamp">html-知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:100</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/7921404031.html" target="_blank" title="html基础知识" class="ul-doc-a text-overflow-clamp">html基础知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:2</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-docx"></i> <div class="cont-rg flex-column"> <a href="/doc/7222349219.html" target="_blank" title="html知识点总结详细" class="ul-doc-a text-overflow-clamp">html知识点总结详细</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:4</em> </div> </div> </div> </div> </li> <li> <div class="ul-doc flex-start"> <i class="icon-doc"></i> <div class="cont-rg flex-column"> <a href="/doc/8f19892616.html" target="_blank" title="HTML 基础知识" class="ul-doc-a text-overflow-clamp">HTML 基础知识</a> <div class="bottom"> <div class="left"> <div class="star star-5"></div> <em>页数:15</em> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="relevant-box"> <div class="content"> <div class="header hd-bm"> <div class="title"> <h3>最新文档</h3> <i class="bg bg-4"></i> </div> </div> <ul class="container-ul"> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0719720953.html" target="_blank" class="new-li-a text-overflow">HTML知识点</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/016047398.html" target="_blank" class="new-li-a text-overflow">装饰工程战略合作协议新编完整版</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0d13545388.html" target="_blank" class="new-li-a text-overflow">边际效用递减规律</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0911505625.html" target="_blank" class="new-li-a text-overflow">四年级上数学期末试卷冲刺一百_人教新课标版(,无答案)-最新教学文档</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0c1703588.html" target="_blank" class="new-li-a text-overflow">组织机构、质量、安全、技术管理体系图</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0c21290764.html" target="_blank" class="new-li-a text-overflow">副主任工作总结4篇_村副主任工作总结</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0d20882802.html" target="_blank" class="new-li-a text-overflow">泰山石敢当的故事</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0822899316.html" target="_blank" class="new-li-a text-overflow">2016建设合同范本</a> </li> <li class="new-down-li"> <i class="icon-docx"></i> <a href="/doc/0d19833442.html" target="_blank" class="new-li-a text-overflow">幼儿园开学安全教育活动总结(精选6篇)</a> </li> <li class="new-down-li"> <i class="icon-doc"></i> <a href="/doc/0f23098836.html" target="_blank" class="new-li-a text-overflow">一年级语文语文下暑假作业</a> </li> </ul> </div> </div> </div> </div> </div> </main> <div class="broadside"> <div class="user-cursor" id="toTop"> <div class="user-about" title="置顶"> <i class="iconfont icon-you bottom"></i> </div> </div> </div> <footer> <div class="container"> <div class="ft-content"> <div class="ft-logo"> <a href="/" target="_blank" title="文档之家" class="flex-column-center"> <img src="/pc/icon/icon-logo1.png" alt="文档之家"> <p>文档之家</p> </a> </div> <div class="ft-info"> <nav class="footer-nav"> <ul> <li><strong class="ft-block">关于</strong></li> <li><a href="/about/about-us.html">关于我们</a></li> <li><a href="/about/contact-us.html">联系我们</a></li> </ul> <ul> <li><strong class="ft-block">版权相关</strong></li> <li><a href="/about/copyright-statement.html">版权声明</a></li> <li><a href="/about/infringement-complaint.html">侵权投诉</a></li> <li><a href="/about/disclaimer.html">免责声明</a></li> </ul> <ul> <li><strong class="ft-block">网站声明</strong></li> <li><a href="/about/user-agreement.html">用户协议</a></li> <li><a href="/about/privacy-policy.html">隐私政策</a></li> <li><a href="/about/sitemap.html">网站地图</a></li> </ul> <ul> <li><strong class="ft-block">帮助中心</strong></li> <li><a href="/about/download-instructions.html">下载说明</a></li> <li><a href="/about/download-failure-solution.html">下载失败解决</a></li> <li><a href="/about/redownload-order.html">订单重下载</a></li> </ul> </nav> <div class="ft-side"> <h3>微信客服</h3> </div> </div> </div> </div> <div class="ft-box"> <div class="ft-text"> <p>文档之家 版权所有 - ©2024</p> </div> </div> </footer> <script src="/pc/js/index.js"></script> </body> </html>