HTML手册注意点.docx

HTML手册注意点.docx

《HTML手册注意点.docx》由会员分享，可在线阅读，更多相关《HTML手册注意点.docx（28页珍藏版）》请在冰豆网上搜索。

HTML手册注意点

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill"HelloWorld"Gates'

标题很重要

请确保将HTMLheading标签只用于标题。

不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

应该将h1用作主标题（最重要的），其后是h2（次重要的），再其次是h3，以此类推。

HTML提示-如何查看源代码

您一定曾经在看到某个网页时惊叹道“WOW!

这是如何实现的？

”

如果您想找到其中的奥秘，只需要单击右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox），其他浏览器的做法也是类似的。

这么做会打开一个包含页面HTML代码的窗口。

注释：

浏览器会自动地在段落的前后添加空行。

（

是块级元素）

提示：

使用空的段落标记去插入一个空行是个坏习惯。

用
标签代替它！

（但是不要用
标签去创建列表。

不要着急，您将在稍后的篇幅学习到HTML列表。

）

HTML输出-有用的提示

我们无法确定HTML被显示的确切效果。

屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于HTML，您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。

所有连续的空格或空行都会被算作一个空格。

需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。

文本格式化标签

标签

描述

定义粗体文本。

定义大号字。

定义着重文字。

定义斜体字。

定义小号字。

定义加重语气。

定义下标字。

定义上标字。

定义插入字。

定义删除字。

不赞成使用。

使用代替。

不赞成使用。

使用代替。

不赞成使用。

使用样式（style）代替。

“计算机输出”标签

标签

描述

定义计算机代码。

定义键盘码。

定义计算机代码样本。

定义打字机代码。

定义变量。

定义预格式文本。
不赞成使用。
使用
代替。
</p><p>不赞成使用。</p><p>使用<pre>代替。</p><p><xmp></p><p>不赞成使用。</p><p>使用<pre>代替。</p><p>引用、引用和术语定义</p><p>标签</p><p>描述</p><p><abbr></p><p>定义缩写。</p><p><acronym></p><p>定义首字母缩写。</p><p><address></p><p>定义地址。</p><p><bdo></p><p>定义文字方向。</p><p><blockquote></p><p>定义长的引用。</p><p><q></p><p>定义短的引用语。</p><p><cite></p><p>定义引用、引证。</p><p><dfn></p><p>定义一个定义项目。</p><p>不赞成使用的标签和属性</p><p>在HTML4中，有若干的标签和属性是被废弃的。</p><p>被废弃（Deprecated）的意思是在未来版本的HTML和XHTML中将不支持这些标签和属性。</p><p>这里传达的信息很明确：</p><p>请避免使用这些被废弃的标签和属性！</p><p>应该避免使用下面这些标签和属性：</p><p>标签</p><p>描述</p><p><center></p><p>定义居中的内容。</p><p><font>和<basefont></p><p>定义HTML字体。</p><p><s>和<strike></p><p>定义删除线文本</p><p><u></p><p>定义下划线文本</p><p>属性</p><p>描述</p><p>align</p><p>定义文本的对齐方式</p><p>bgcolor</p><p>定义背景颜色</p><p>color</p><p>定义文本颜色</p><p>对于以上这些标签和属性：</p><p>请使用样式代替！</p><p>style属性淘汰了“旧的”bgcolor属性。</p><p>background-color属性为元素定义了背景颜色：</p><p>background-color属性为元素定义了背景颜色：</p><p>style="background-color:</p><p>red"</p><p>style属性淘汰了旧的<font>标签。</p><p>font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸：</p><p>style="font-family:</p><p>arial;color:</p><p>red;font-size:</p><p>20px;"</p><p>style属性淘汰了旧的"align"属性。</p><p>text-align属性规定了元素中文本的水平对齐方式：</p><p>style="text-align:</p><p>center"</p><p>有两种使用<a>标签的方式：</p><p>1.通过使用href属性-创建指向另一个文档的链接</p><p>2.通过使用name属性-创建文档内的书签</p><p>HTML链接-name属性</p><p>name属性规定锚（anchor）的名称。</p><p>name属性用于创建HTML内部的书签。</p><p>书签不会以任何特殊方式显示，它对读者是不可见的。</p><p>当使用命名锚（namedanchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。</p><p>命名锚的语法：</p><p><aname="label">Texttobedisplayed</a></p><p>提示：</p><p>锚的名称可以是任何你喜欢的名字。</p><p>实例</p><p>HTML文档内部的已命名的锚：</p><p><aname="tips">UsefulTipsSection</a></p><p>然后，我们创建指向相同文档中“有用的提示”部分的链接：</p><p><ahref="#tips">VisittheUsefulTipsSection</a></p><p>或者，创建从另一个页面指向该文档中“有用的提示”部分的链接：</p><p><ahref="</p><p>VisittheUsefulTipsSection</p><p></a></p><p>在上面的代码中，我们将#符号和锚名称添加到URL的末端，就可以直接链接到tips这个命名锚了。</p><p>基本的注意事项-有用的提示：</p><p>注释：</p><p>请始终将正斜杠添加到子文件夹。</p><p>假如这样书写链接：</p><p>href="HTTP请求。</p><p>这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：</p><p>href="</p><p>提示：</p><p>命名锚经常用于在大型文档开始位置上创建目录。</p><p>可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。</p><p>如果您经常访问XX百科，您会发现其中几乎每个词条都采用这样的导航方式。</p><p>提示：</p><p>假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。</p><p>不会有错误发生。</p><p>格中的空单元格</p><p>在大多数浏览器中，没有内容的表格单元显示得不太好。</p><p><tableborder="1"></p><p><tr></p><p><td>row1,cell1</td></p><p><td>row1,cell2</td></p><p></tr></p><p><tr></p><p><td>row2,cell1</td></p><p><td></td></p><p></tr></p><p></table></p><p>在浏览器显示如下：</p><p>row1,cell1</p><p>row1,cell2</p><p>row2,cell1</p><p>注意：</p><p>这个空的单元格的边框没有被显示出来。</p><p>（不过MozillaFirefox可以将整个边框显示出来。</p><p>）为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。</p><p><tableborder="1"></p><p><tr></p><p><td>row1,cell1</td></p><p><td>row1,cell2</td></p><p></tr></p><p><tr></p><p><td>row2,cell1</td></p><p><td>&nbsp;</td></p><p></tr></p><p></table></p><p>在浏览器中显示如下：</p><p>row1,cell1</p><p>row1,cell2</p><p>row2,cell1</p><p> </p><p>基本的注意事项-有用的提示：</p><p><thead>,<tbody>和<tfoot>很少被用到，这是由于浏览器对它们的支持不太好。</p><p>希望这种情况在未来版本的XHTML中会有所改观。</p><p>如果你使用IE5.0或者更新的版本，可以查看在我们的《XML教程》中的具体例子。</p><p>表格标签</p><p>表格</p><p>描述</p><p><table></p><p>定义表格</p><p><caption></p><p>定义表格标题。</p><p><th></p><p>定义表格的表头。</p><p><tr></p><p>定义表格的行。</p><p><td></p><p>定义表格单元。</p><p><thead></p><p>定义表格的页眉。</p><p><tbody></p><p>定义表格的主体。</p><p><tfoot></p><p>定义表格的页脚。</p><p><col></p><p>定义用于表格列的属性。</p><p><colgroup></p><p>定义表格列的组。</p><p>无序列表</p><p>无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。</p><p>无序列表始于<ul>标签。</p><p>每个列表项始于<li>。</p><p><ul></p><p><li>Coffee</li></p><p><li>Milk</li></p><p></ul></p><p>浏览器显示如下：</p><p>∙Coffee</p><p>∙Milk</p><p>列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。</p><p>有序列表</p><p>同样，有序列表也是一列项目，列表项目使用数字进行标记。</p><p>有序列表始于<ol>标签。</p><p>每个列表项始于<li>标签。</p><p><ol></p><p><li>Coffee</li></p><p><li>Milk</li></p><p></ol></p><p>浏览器显示如下：</p><p>1.Coffee</p><p>2.Milk</p><p>列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。</p><p>定义列表</p><p>自定义列表不仅仅是一列项目，而是项目及其注释的组合。</p><p>自定义列表以<dl>标签开始。</p><p>每个自定义列表项以<dt>开始。</p><p>每个自定义列表项的定义以<dd>开始。</p><p><dl></p><p><dt>Coffee</dt></p><p><dd>Blackhotdrink</dd></p><p><dt>Milk</dt></p><p><dd>Whitecolddrink</dd></p><p></dl></p><p>浏览器显示如下：</p><p>Coffee</p><p>Blackhotdrink</p><p>Milk</p><p>Whitecolddrink</p><p>定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。</p><p>列表标签</p><p>标签</p><p>描述</p><p><ol></p><p>定义有序列表。</p><p><ul></p><p>定义无序列表。</p><p><li></p><p>定义列表项。</p><p><dl></p><p>定义定义列表。</p><p><dt></p><p>定义定义项目。</p><p><dd></p><p>定义定义的描述。</p><p><dir></p><p>已废弃。</p><p>使用<ul>代替它。</p><p><menu></p><p>已废弃。</p><p>使用<ul>代替它。</p><p>表单</p><p>表单是一个包含表单元素的区域。</p><p>表单元素是允许用户在表单中（比如：</p><p>文本域、下拉列表、单选框、复选框等等）输入信息的元素。</p><p>表单使用表单标签（<form>）定义。</p><p><form></p><p>...</p><p>input元素</p><p>...</p><p></form></p><p>注意，表单本身并不可见。</p><p>同时，在大多数浏览器中，文本域的缺省宽度是20个字符。</p><p>表单的动作属性（Action）和确认按钮</p><p>当用户单击确认按钮时，表单的内容会被传送到另一个文件。</p><p>表单的动作属性定义了目的文件的文件名。</p><p>由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。</p><p><formname="input"action="html_form_action.asp"method="get"></p><p>Username:</p><p><inputtype="text"name="user"/></p><p><inputtype="submit"value="Submit"/></p><p></form></p><p>表单标签</p><p>标签</p><p>描述</p><p><form></p><p>定义供用户输入的表单</p><p><input></p><p>定义输入域</p><p><textarea></p><p>定义文本域（一个多行的输入控件）</p><p><label></p><p>定义一个控制的标签</p><p><fieldset></p><p>定义域</p><p><legend></p><p>定义域的标题</p><p><select></p><p>定义一个选择列表</p><p><optgroup></p><p>定义选项组</p><p><option></p><p>定义下拉列表中的选项</p><p><button></p><p>定义一个按钮</p><p><isindex></p><p>已废弃。</p><p>有<input>代替。</p><p>图像标签（<img>）和源属性（Src）</p><p>在HTML中，图像由<img>标签定义。</p><p><img>是空标签，意思是说，它只包含属性，并且没有闭合标签。</p><p>要在页面上显示图像，你需要使用源属性（src）。</p><p>src指"source"。</p><p>源属性的值是图像的URL地址。</p><p>定义图像的语法是：</p><p><imgsrc="url"/></p><p>URL指存储图像的位置。</p><p>如果名为"boat.gif"的图像位于的images目录中，那么其URL为</p><p>浏览器将图像显示在文档中图像标签出现的地方。</p><p>如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。</p><p>图像标签</p><p>标签</p><p>描述</p><p><img></p><p>定义图像。</p><p><map></p><p>定义图像地图。</p><p><area></p><p>定义图像地图中的可点击区域。</p><p>背景（Backgrounds）</p><p><body>拥有两个配置背景的标签。</p><p>背景可以是颜色或者图像。</p><p>背景颜色（Bgcolor）</p><p>背景颜色属性将背景设置为某种颜色。</p><p>属性值可以是十六进制数、RGB值或颜色名。</p><p><bodybgcolor="#000000"></p><p><bodybgcolor="rgb（0,0,0）"></p><p><bodybgcolor="black"></p><p>以上的代码均将背景颜色设置为黑色。</p><p>背景（Background）</p><p>背景属性将背景设置为图像。</p><p>属性值为图像的URL。</p><p>如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。</p><p><bodybackground="clouds.gif"></p><p><bodybackground="</p><p>URL可以是相对地址，如第一行代码。</p><p>也可以使绝对地址，如第二行代码。</p><p>基本的注意事项-有用的提示：</p><p><body>标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的HTML标准（HTML4和XHTML）中已被废弃。</p><p>W3C在他们的推荐标准中已删除这些属性。</p><p>应该使用层叠样式表（CSS）来定义HTML元素的布局和显示属性。</p><p>颜色值</p><p>颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。</p><p>每种颜色的最小值是0（十六进制：</p><p>#00）。</p><p>最大值是255（十六进制：</p><p>#FF）。</p><p>这个表格给出了由三种颜色混合而成的具体效果：</p><p>Color</p><p>ColorHEX</p><p>ColorRGB</p><p> </p><p>#000000</p><p>rgb（0,0,0）</p><p> </p><p>#FF0000</p><p>rgb（255,0,0）</p><p> </p><p>#00FF00</p><p>rgb（0,255,0）</p><p> </p><p>#0000FF</p><p>rgb（0,0,255）</p><p> </p><p>#FFFF00</p><p>rgb（255,255,0）</p><p> </p><p>#00FFFF</p><p>rgb（0,255,255）</p><p> </p><p>#FF00FF</p><p>rgb（255,0,255）</p><p> </p><p>#C0C0C0</p><p>rgb（192,192,192）</p><p> </p><p>#FFFFFF</p><p>rgb（255,255,255）</p><p>颜色名</p><p>大多数的浏览器都支持颜色名集合。</p><p>提示：</p><p>仅仅有16种颜色名被W3C的HTML4.0标准所支持。</p><p>它们是：</p><p>aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white,yellow。</p><p>如果需要使用其它的颜色，需要使用十六进制的颜色值。</p><p>Color</p><p>ColorHEX</p><p>ColorName</p><p> </p><p>#F0F8FF</p><p>AliceBlue</p><p> </p><p>#FAEBD7</p><p>AntiqueWhite</p><p> </p><p>#7FFFD4</p><p>Aquamarine</p><p> </p><p>#000000</p><p>Black</p><p> </p><p>#0000FF</p><p>Blue</p><p> </p><p>#8A2BE2</p><p>BlueViolet</p><p> </p><p>#A52A2A</p><p>Brown</p><p>颜色值</p><p>颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。</p><p>每种颜色的最小值是0（十六进制：</p><p>#00）。</p><p>最大值是255（十六进制：</p><p>#FF）。</p><p>1600万种不同的颜色</p><p>通过计算256x256x256，从0到255的红色、绿色和蓝色的值一共可以组合出1600万种不同的颜色。</p><p>大多数现代的显示器有能力显示出至少16384种不同的颜色。</p><p>灰阶</p><p>当所有颜色取相等的值时，灰色就可以被显示出来。</p><p>为了使您更容易地选择合适的灰色，我们为您制作了一幅灰阶色表。</p><p>提示：</p><p>仅有16种颜色名被W3C的HTML4.0标准支持，它们是：</p><p>aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。</p><p>如果使用其它颜色的话，就应该使用十六进制的颜色值。</p><p>来自W3School的HTML快速参考。</p><p>可以打印它，以备日常使用。</p><p>HTMLBasicDocument</p><p><html></p><p><head></p><p><title>Documentnamegoeshere</title></p><p></head></p><p><body></p><p>Visibletextgoeshere</p><p></body></p><p></html></p><p>TextElements</p><p><p>Thisisaparagraph</p></p><p><br>（linebreak）</p><p><hr>（horizontalrule）</p><p><pre>Thistextispreformatted</pre></p><p>LogicalStyles</p><p><em>Thistextisemphasized</em></p><p><strong>Thistextisstrong</strong></p><p><code>Thisissomecomputercode</code></p><p>PhysicalStyles</p><p><b>Thistextisbold</b></p><p><i>Thistextisitalic</i></p><p>Links,Anchors,andImageElements</p><p><ahref="isaLink</a></p><p><ahref="src="URL"</p><p>alt="AlternateText"></a></p><p><ahref="mailto:</p><p>webmaster@">Sende-mail</a>Anamedanchor:</p><p><aname="tips">UsefulTipsSection</a></p><p><ahref="#tips">JumptotheUsefulTipsSection</a></p><p>Unorderedlist</p><p><ul></p><p><li>Firstitem</li></p><p><li>Nextitem</li></p><p></ul></p><p>Orderedlist</p><p><ol></p><p><li>Firstitem</li></p><p><li>Nextitem</li></p><p></ol></p><p>Definitionlist</p><p><dl></p><p><dt>Firstterm</dt></p><p><dd>Definition</dd></p><p><dt>Nextterm</dt></p><p><dd>Definition</dd></p><p></dl></p><p>Tables</p><p><tableborder="1"></p><p><tr></p><p><th>someheader</th></p><p><th>someheader</th></p><p></tr></p><p><tr></p><p><td>sometext</td></p><p><td>sometext</td></p><p></tr></p><p></table></p><p>Frames</p><p><framesetcols="25%,75%"></p><p> <framesrc="page1.htm"></p><p> <framesrc="page2.htm"></p><p></frameset></p><p>Forms</p><p><formaction="method="post/get"></p><p><inputtype="text"name="lastname"</p><p>value="Nixon"size="30"maxlength="50"></p><p><inputtype="password"></p><p><inputtype="checkbox"checked="checked"></p><p><inputtype="radio"checked="checked"></p><p><inputtype="submit"></p><p><inputtype="reset"></p><p><inputtype="hidden"></p><p><select></p><p><option>Apples</p><p><optionselected>Bananas</p><p><option>Cherries</p><p></select></p><p><textareaname="Comment"rows="60"</p><p>cols="20"></textarea></p><p></form></p><p>Entities</p><p>&lt;isthesameas<</p><p>&gt;isthesameas></p><p>&#169;isthesameas©</p><p>OtherElements</p><p><!</p><p>--Thisisacomment--></p><p><blockquote></p><p>Textquotedfromsomesource.</p><p></blockquote></p><p><address></p><p>Address1<br></p><p>Address2<br></p><p>City<br></p><p></address></p><p>框架</p><p>通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。</p><p>每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。</p><p>使用框架的坏处：</p><p>∙开发人员必须同时跟踪更多的HTML文档</p><p>∙很难打印整张页面</p><p>框架结构标签（<frameset>）</p><p>∙框架结构标签（<frameset>）定义如何将窗口分割为框架</p><p>∙每个frameset定义了一系列行或列</p><p>∙rows/columns的值规定了每行或每列占据屏幕的面积</p><p>编者注：</p><p>frameset标签也被某些文章和书籍译为框架集。</p><p>框架标签（Frame）</p><p>Frame标签定义了放置在每个框架中的HTML文档。</p><p>在下面的这个例子中，我们设置了一个两列的框架集。</p><p>第一列被设置为占据浏览器窗口的25%。</p><p>第二列被设置为占据浏览器窗口的75%。</p><p>HTML文档"frame_a.htm"被置于第一个列中，而</p>
		</div>
           <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div>
        
            <script> 
                function showmore() 
                {
                    $(".readmore").hide();
                    $(".detail-article").css({ 
                        "height":"auto",
                        "overflow": "hidden"
                    });
                }
                $(document).ready(function() {
                    var dh = $(".detail-article").height();
                    if(dh >100)
                    {  
                        $(".detail-article").css({ 
                            "height":"100px",
                            "overflow": "hidden"
                        });
                    }
                    else
                    {
                        $(".readmore").hide(); 
                    } 
                    
            }); 
        </script>  
    </div>  
    <script>
        var defaultShowPage = parseInt("5"); 
        var id = "8828575";
        var total_page = "28";
        var mfull = false;
        var mshow = false;
        function DownLoad() {
            window.location.href='https://m.bdocx.com/down/8828575.html';
        } 
        
        function relate() {
            var reltop = $('#relate').offset().top-50; 
            $("html,body").animate({ scrollTop: reltop }, 500); 
        }
    </script> 
    
        <script> var pre = "https://file1.bdocx.com/fileroot1/2023-1/31/595995fe-4b2d-458c-8c1c-4560a3b0a6e8/595995fe-4b2d-458c-8c1c-4560a3b0a6e8";  
            var freepage = parseInt('20'); 
            var total_c = parseInt('28');
            var start = defaultShowPage;
            var adcount = 0; 
            var adindex = 0;
            var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;19;";
            var end = start;
            function ShowSvg() {
                end = start + defaultShowPage;
                if (end > freepage) end = freepage;  
                for (var i = start; i < end; i++) {
                    var imgurl = pre + (i + 1) + '.gif';
                
                    var html = "<img  src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\"  alt=\"HTML手册注意点.docx_第" + (i + 1) + "页\"   width='100%'/>";
                
                 
                $("#page").append("<div class='page'>" + html + "</div>"); 
                $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); 
                if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1)
                {
                    if(adindex > (adcount-1)) adindex = 0; 
                    $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>");  
                    document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML;
                    adindex += 1;
                }  
            } 
            start = end; 
            if (start > (freepage - 1)) {
                if (start < total_c)
                {
                    $("#pageMore").removeClass("btnmore");
                    $("#pageMore").html("亲，该文档总共" + total_c + "页，到这儿已超出免费预览范围，如果喜欢就下载吧！");
                }
                else
                {
                    $("#pageMore").removeClass("btnmore");
                    $("#pageMore").html("亲，该文档总共" + total_c + "页全部预览完了，如果喜欢就下载吧！");
                }
            } 
        } 
        //$(document).ready(function () {
        //     ShowSvg(); 
        //}); 
    </script>   
    <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
        <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div>
        <div id="relatelist" style="padding-left:5px;">
        <ul>
    
    
            <li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873349.html" title="护士护理护士长竞聘述职PPT模板.pptx">护士护理护士长竞聘述职PPT模板.pptx</a> 
                    </li><li><em class="pdf"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873344.html" title="【漫画】图解5G信令流程：05 服务请求.pdf">【漫画】图解5G信令流程：05 服务请求.pdf</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873112.html" title="西餐餐桌服务工作标准.docx">西餐餐桌服务工作标准.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872953.html" title="氨氮复习题及参考答案.docx">氨氮复习题及参考答案.docx</a> 
                    </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872917.html" title="《诗经&#183;关雎》古诗赏析.docx">《诗经&#183;关雎》古诗赏析.docx</a> 
                    </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872789.html" title="慢性阻塞性肺疾病教学查房PPT课件.ppt">慢性阻塞性肺疾病教学查房PPT课件.ppt</a> 
                    </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872682.html" title="部编版语文七年级下册--第25课《活板》课件(共52张PPT).pptx">部编版语文七年级下册--第25课《活板》课件(共52张PPT).pptx</a> 
                    </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872480.html" title="条例2.pptx">条例2.pptx</a> 
                    </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872245.html" title="中古典戏曲的流变发展.ppt">中古典戏曲的流变发展.ppt</a> 
                    </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872156.html" title="SWOT分析法(很全面)ppt课件.ppt">SWOT分析法(很全面)ppt课件.ppt</a> 
                    </li>
        </ul>
		</div>
    </div>
        
    <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8">
        <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div>
        <div  id="relatelist" style="padding-left:5px;">
		<ul>
    
    
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685944.html" target="_parent" title="主题活动《幼儿健康发展学与玩新方案》2013.ppt">主题活动《幼儿健康发展学与玩新方案》2013.ppt</a></li>
        
            <li><em class="pptx"></em>
                <a href="https://m.bdocx.com/doc/2685945.html" target="_parent" title="乐高零件名称认识.pptx">乐高零件名称认识.pptx</a></li>
        
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685946.html" target="_parent" title="乐高教育课程招生体会.ppt">乐高教育课程招生体会.ppt</a></li>
        
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685947.html" target="_parent" title="书信格式作文写作指导.ppt">书信格式作文写作指导.ppt</a></li>
        
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685948.html" target="_parent" title="乐观处事.ppt">乐观处事.ppt</a></li>
        
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685949.html" target="_parent" title="义务教育体育与健康课程标准解读与学校体育改革策略中国教育科学研究院.ppt">义务教育体育与健康课程标准解读与学校体育改革策略中国教育科学研究院.ppt</a></li>
        
            <li><em class="pptx"></em>
                <a href="https://m.bdocx.com/doc/2685950.html" target="_parent" title="乡村里的中国记录片介绍.pptx">乡村里的中国记录片介绍.pptx</a></li>
        
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685951.html" target="_parent" title="主题班会ppt(励志教育).ppt">主题班会ppt(励志教育).ppt</a></li>
        
            <li><em class="ppt"></em>
                <a href="https://m.bdocx.com/doc/2685952.html" target="_parent" title="九(2)家长会课件(一切为了孩子).ppt">九(2)家长会课件(一切为了孩子).ppt</a></li>
         
        </ul>
		</div>
    </div>
      
         <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px;  font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;">
             相关搜索</div> 
    <div class="widget-box pt0" style="border: none; padding:0px 5px;">   
        <ul class="taglist--inline multi">
         <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=HTML">HTML</a></li>      <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%89%8b%e5%86%8c">手册</a></li>      <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%b3%a8%e6%84%8f">注意</a></li>      </ul>
    </div>  
        <br />  
        <div >
            当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a>  &gt; 
            <a href="https://m.bdocx.com/booklist-00024.html">成人教育</a><span> &gt; </span><a href="https://m.bdocx.com/booklist-0002400002.html">自考</a>
        </div>
        
     
        <br />  
    
    
    <div class="cssnone">
        <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=QSE%2fcjc3w6A%3d&parto=9gQfNFueWSDrV5d%2fahcekpHNibNG0vP5TvlhdVHWnVIfXG5YWyuB6mjCF3o%2beRR%2fVFUVz3FnrNBpDA9SMcI47UeokmMXgc9obWJ9uI3do1sZvUewaboWwZ0DjMrKUASMTUMjx5Zox7qe8ZzSxwG1yimml87fOH4XNgPVOXWdoihm9Tdl7i5v5EGvooTzzCcGVm5So7kWla6WH%2bV9Qc6jcEp9Ssi7%2fLUj" frameborder="0" style="width: 0px; height: 0px">
        </iframe>
    </div> 
    
        <span id="LabelScript"></span>
        <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script>
    </form>
    
    <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
           
        <div class="siteInner"> 
          <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script><script>(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)</script>
           
        </div>
    </div> 
    <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
        <div class="trlogoside" id="navlogo" style="display: none;">
            <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a>
            <div class="trnavclose" id="navclose">
                <span></span>
            </div>
        </div>
        <div class="navcontainer">
            <div class="row">
                <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> 
                     
<li><a  target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/">首页 </a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new"  class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new"  class="hottip"></a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li>  
 
<li><a  target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li>  

                </ul>
            </div>
        </div>
    </div>   
    <script type="text/javascript">
        function stopPropagation(e) {
            var ev = e || window.event;
            if (ev.stopPropagation) {
                ev.stopPropagation();
            }
            else if (window.event) {
                window.event.cancelBubble = true;//兼容IE
            }
        }
        $("#navmore").click(function (e) {
            $("#navcontent").show();
            $("#navlogo").show();
            stopPropagation(e);
            var navcontentwidth = $("#navcontent").width();
            $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
            $("#navcontent").show().animate({ "right": 0 }, 300);
        });
        $(document).bind('click', function () {
            var navcontentwidth = $("#navcontent").width();
            $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
            $("#navlogo").fadeOut(300);
        });
        $("#navcontent").click(function (e) {
            stopPropagation(e);
        });
        $("#navclose").click(function (e) {
            var navcontentwidth = $("#navcontent").width();
            $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
            $("#navlogo").fadeOut(300);
        });
    </script>


<script> 
    function BaseShare(title, desc, imgUrl) {
        var link = "https://m.bdocx.com/doc/8828575.html";
        if (wx) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
                timestamp: '1727649907', // 必填，生成签名的时间戳
                nonceStr: 'A67F096809415CA1C9F112D96D27689B', // 必填，生成签名的随机串
                signature: 'a1ae4097767b3c4343592d2629b59d95686d209f',// 必填，签名，见附录1
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems']  // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                //openTagList: ["wx-open-launch-weapp"]//H5打开小程序
            });
            wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
                wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
                    menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
                });
                var shareData = {
                    title: title, // 分享标题
                    desc: desc,//这里请特别注意是要去除html
                    link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: imgUrl, // 分享图标
                };
                wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
                wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
            });
        }
    }
    function BaseShare(title, desc, imgUrl, link) {
        if (link=="")
            link = "https://m.bdocx.com/doc/8828575.html";
        if (wx) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
                timestamp: '1727649907', // 必填，生成签名的时间戳
                nonceStr: 'A67F096809415CA1C9F112D96D27689B', // 必填，生成签名的随机串
                signature: 'a1ae4097767b3c4343592d2629b59d95686d209f',// 必填，签名，见附录1
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems']  // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                //openTagList: ["wx-open-launch-weapp"]//H5打开小程序
            });
            wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
                wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
                    menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
                });
                var shareData = {
                    title: title, // 分享标题
                    desc: desc,//这里请特别注意是要去除html
                    link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: imgUrl, // 分享图标
                };
                wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
                wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
            });
        }
    }
</script>

<script>
    $(document).ready(function () {
        var arr = $(".headercontent");
        for (var i = 0; i < arr.length; i++) {
            (function (index) {
                var url = "https://m.bdocx.com/header.aspx";
                $.get(url + "?t=" + (new Date()).valueOf(), function (d) {
                    try {
                        arr.eq(index).empty().html(d);
                    } catch (e) { }
                    try {
                        arr.html(d);
                    } catch (e) { }
                });
            })(i);
        }
    });
</script>


<script  src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script>
<script charset="utf-8">
    $("img.lazys").lazyload({
        threshold: 200,
        effect: "fadeIn"
    });
</script>
</body>
</html>