网页标记使用技巧汇总.docx
《网页标记使用技巧汇总.docx》由会员分享，可在线阅读，更多相关《网页标记使用技巧汇总.docx（50页珍藏版）》请在冰点文库上搜索。
网页标记使用技巧汇总
目录
1用好基本图像标记img1
1.1给图片加边框2
1.2给图片加动态说明和替代文字3
1.3图像与文字混排3
1.4动态替换图像4
1.5在网页加入影像片断5
2用好HTML的表格标记6
2.1作系列横单线6
2.2作系列竖单线7
2.3系列双横线8
3表单设计基础10
3.1
3.2表单输入标记11
3.3下拉菜单标记12
3.4选项标记12
3.5多行文本输入标记13</p><p>4表单的文本框14</p><p>4.1一个单行文本框的例子14</p><p>4.2检验用户输入的信息15</p><p>5用好表单的按钮16</p><p>5.1制作常规按钮16</p><p>5.2改变按钮的外观16</p><p>5.3动态变换文本按钮17</p><p>5.4动态变换图像按钮18</p><p>6用好帧窗口标记20</p><p>6.1左大右下两窗口21</p><p>6.2一顶一左一右页面22</p><p>7帧窗口之间的交互技巧24</p><p>7.1在导航窗口点击链接，在另一窗口打开网页24</p><p>7.2在B窗口中按下一个按钮，在C窗口中写一行字24</p><p>7.3各窗口的尺寸设置26</p><p>8播放视频28</p><p>8.1链接一个视频文件28</p><p>8.2自动载入视频28</p><p>9播放音乐30</p><p>9.1点播音乐30</p><p>9.2自动载入音乐30</p><p>9.3IE中的背景音乐32</p><p>10表单概述33</p><p>11表单外观的美化39</p><p>1用好基本图像标记img</p><p>网址：</p><p>导航：</p><p>DIY部落>网页设计>html>Html系列教程>正文</p><p>网页中最引人入胜的莫过于那丰富多彩的图像了。</p><p>成功的站点中不能没有绚丽的图像，否则便使测览者觉得索然无味。</p><p>下面介绍HTML语言中的基本图像标记：</p><p><img>。</p><p>其基本语法结构如下：</p><p><img</p><p>align=top|middle|center|bottom|left|right</p><p>class=type</p><p>id=Value</p><p>name=value</p><p>src=../../url</p><p>title=text</p><p>alt=value</p><p>border=n</p><p>height=n</p><p>width=n</p><p>hspace=n</p><p>vspace=n</p><p>ismap=image</p><p>usemap=url</p><p>onload=function</p><p>onabort=function</p><p>onerror=function</p><p>dynsrc=../../url</p><p>controls=controls</p><p>loop=n</p><p>start=type></p><p> 可以看出，关于基本图像标记<img>的应用参数多达21项。</p><p>当然，我们实际应用的只是其中几项，只有在需要实现特殊效果的情况下，才需要使用较多的参数。</p><p>下面先介绍一下各参数的具体含义：</p><p> align：</p><p>是指定图像的位置是靠左、靠右、居中、靠上或者是靠底。</p><p>默认情况下是靠上，即align＝top。</p><p>在图文混排时，这个参数很有用。</p><p> class和id：</p><p>分别指定图像所属的类型和图像的id号。</p><p> name：</p><p>用于设定图像的名称。</p><p> src：</p><p>规定插入的图像的url地址，也就是含路径的图像文件名。</p><p> title：</p><p>设定图像的标题。</p><p> alt：</p><p>表示图像的替代字，主要用于在浏览器还没有装入图像（或关闭图像显示）的时候，先显示有关此图像的信息。</p><p>这是初学者最易忽略的参数，因不设定它在正常显示时没问题。</p><p> border：</p><p>设定图片的边框。</p><p> height和width：</p><p>分别用于指定图像的高度和宽度，可以与图片原来的宽度和高度不同。</p><p> hspace和vspace：</p><p>分别用于设定图像的左右边框大小和上下边框大小，在图文混排时会用到。</p><p> ismp和usemap：</p><p>在应用图像地图时使用。</p><p>ismap表示图像地图的数据存放在服务器中，当鼠标在图像上的某个区域上时，可以将此区域的坐标传送给服务器处理。</p><p>usemap则用于设定图像地图的名称。</p><p> onload、onabort、onerror对应于设定的子程序，分别在图像被载入、取消载入、载入出错的情况下各自对应的子程序，不常用。</p><p> dynsrc：</p><p>指定要下载的影像片断的url地址。</p><p> controls：</p><p>设定影像播放的控制接钮。</p><p> loop：</p><p>指定影像片断的播放次数，当loop=-1时，影像片断将循环播放直至页面更新。</p><p> start：</p><p>设定何时开始播放影像片断，有三种选择：</p><p>start=fileopen表示页面载入后即开始播放，默认的就是这种状态；start=mouseover表示当鼠标移到影像上即开始播放；start=fileopen,mouseover表示当有上面两种情况之一发生时就开始播放。</p><p>应用技巧</p><p>1.1给图片加边框</p><p>上边这张图片的边框是border="4"所产生的效果，注意：</p><p>边框的颜色默认的是黑色，不美观，而<img>标记也没有设置边框颜色的参数，我们可以通过设置Class参数调用CSS达到改变边框颜色的目的，如本例的完整代码是：</p><p><imgsrc="width="180"height="60"border="4"alt="网页教学网欢迎您"align="left"class="style1">，这里的CSS的“style1”放在网页源代码的<head>与</head>之间，其代码为：</p><p><styletype="text/css"></p><p><!</p><p>--</p><p>.style1{border-color:</p><p>#009900}</p><p>--></p><p></style></p><p>1.2给图片加动态说明和替代文字</p><p> 若想制作当鼠标移到图片上出现一行简短说明文字的效果，不必去使用图层技术（特殊效果的说明除外），设定title参数就行了。</p><p>例：</p><p>在上例的图片的代码改成这样：</p><p><imgsrc="width="180"height="60"border="4"title="网页教学网－专业的网页教学站点"alt="网页教学网欢迎您"align="left"class="style1">。</p><p>这样，当鼠标移到图片上，就会显示出说明文字“网页教学网－专业的网页教学站点”。</p><p> 给图片加上替代文字是一种好习惯，象上例那样设置alt参数，当用户关闭图像显示或页面刚刚下载时，图片还没来不得及显示时，图像的替代文字就会显示出来，这样用户就能知道对应的图像内容。</p><p>1.3图像与文字混排</p><p> 图文混排主要是设置align参数。</p><p>在这里要注意：</p><p> 1）top、middle、center、bottom所产生的效果只是一行文字，在多行文本与图象对齐时要用left和right参数值。</p><p> 2）<img>中的对齐参数align所产生的效果是指图片与周围文字的位置关系，而图片在页面中的位置对齐是在图片所在的页面元素中设置的。</p><p>如下面这段代码：</p><p><palign="left"><imgsrc="width="180"height="60"border="4"alt="网页教学网欢迎您"align="top"class="style1">图文混排示例</p></p><p> 在上面这段代码中，标记<p>中的align="left"表示图片的位置在窗口的左端；而<img>中的align="top"则表示图片旁边的文字与图片的顶端对齐。</p><p>3）为了避免图片与旁边文字挨得太近不便阅读，可以通过设置hspace参数来控制图片与文字间的距离，一般设置hspace="10"（表示图片的左右有10个像素的空白）就能达到较好的效果。</p><p>1.4动态替换图像</p><p>鼠标不在图片上</p><p>鼠标移到图片上</p><p> 当用户的鼠标放在图片上时，图片会自动更换，鼠标离开之后，图片又会恢复原来的样了。</p><p>象上边所示的这种效果，当把鼠标移到上面时，看到的效果似乎是那个白色窗口向上下展开了，实际上是换了一张图片。</p><p>鼠标移开，又恢复了原样。</p><p>制作这样的效果，先要给欲替换的图片设定名字，本例中是name="webjx"；然后设定onmuseover和onmouseout参数。</p><p>本例<img>标记的完整代码如下：</p><p><imgsrc="width="180"height="60"align="left"name="webjx"onmouseover="webjx.src='onmouseout="webjx.src='alt="网页教学网地址"vspace="10"hspace="10"></p><p> 采用本例来制作动态按钮将会达到很吸引人的效果。</p><p>1.5在网页加入影像片断</p><p> 例：</p><p>在video目录下有一介绍“网页制作”的影像片断文件“web.avi”，现要在网页中播放。</p><p>那么源代码是这样的：</p><p><imgdynsrc="start="mouseover"width="380"height="288"controlsloop="1"alt="网页制作视频教程"></p><p> 上面这段代码的效果是，当鼠标移开影像片断上时即开始训动媒体播放器播放影像一次，并且还设定了显示播放器控制面板，以便对播放过程进行控制。</p><p> 从上面的代码可以看出，在网页中加入影像片断与加普通图像基本相同，如它们都要指定来源、设定大小和替代文字等。</p><p>但在这里请注意：</p><p>加入影像片断时要使用“dynsrc”参数，且不能再在同个<img>标记中使用“src”参数，否则将不能播放影像片断，只能显示替代文字了。</p><p>2</p><p>用好HTML的表格标记</p><p>对于表格，是网页制作中的重头戏，一些图形化网页制作工具（如：</p><p>Dreamweaver、Fontpage等）对它也支持的非常好，但HTML为表格设置了几十个参数，图形化网页制作工具要对它全面支持就有点免为其难了。</p><p>由于参数太多，且大部分参数大家也比较熟悉，就不在这里一一介绍了，下面的例子中仅对一些关键性参数作详细介绍。</p><p>2.1作系列横单线</p><p> 这是系列横单线试验，效果还好吧？</p><p> 在这个例子中，用到了表格主标题标记<caption>，它的语法如下：</p><p><caption</p><p>align=left|center|right</p><p>valign=top|bottom></p><p> align和valign分别用于设定标题的水平位置和垂直位置。</p><p>align的默认值是center；valign的默认值是top。</p><p>利用<caption>标记可以方便地在紧靠边表格的顶部或底部写上文字，且居中，若用其它办法要麻烦得多。</p><p>另外在本例中能使表格产生单线效果是设置了<table>标记的rules和frame参数，rules参数是对表格的内部边框作显示控制。</p><p> rules="none"：</p><p>表示不加内部边框；</p><p> rules="rows"：</p><p>表示只显示水平方向的边框；</p><p> rules="cols：</p><p>表示只显示垂直方向上的边框；</p><p> rules="all"：</p><p>则是显示所有方向上的边框，这也是默认值；</p><p> frame="void"：</p><p>表示不加外边框；</p><p> frame="above"：</p><p>表示显示上边的外边框；</p><p> frame="below"：</p><p>表示显示下边的外边框；</p><p> frame="lhs"：</p><p>表示显示左边的外边框；</p><p> frame="rls"：</p><p>表示显示右边的外边框；</p><p> frame="hsides"：</p><p>表示显示上下外边框；</p><p> frame="vsides"：</p><p>表示显示左右外边框；</p><p> frame="box"则表示显示所有外边框。</p><p> 明白了参数值的含义，制作本例的效果就简单了，本例完成后的源代码如下：</p><p><tablewidth="60%"border="1"cellspacing="0"cellpadding="0"rules="rows"frame="hsides"></p><p><caption>这是系列横单线试验</caption></p><p><tr></p><p><td>这是系列横单线试验，效果还好吧？</p><p></td></p><p></tr></p><p><tr></p><p><td></td></p><p></tr></p><p><tr></p><p><td></td></p><p></tr></p><p></table></p><p> 用这种方法画系列单线，即快又整齐，且所用代码也很少。</p><p>2.2作系列竖单线</p><p>本例这种效果看起来是不是有点特色，其实在制作方法上与上例没有多少区别，只是改变了rules和frame的参数值，使表格只显示垂直方向的内外边框，其它与上例相同，本例完成后的源代码是：</p><p><tableborder="1"cellspacing="1"cellpadding="8"rules="clos"frame="vsides"height="115"align="left"hspace="10"width="180"></p><p><tr></p><p><td>更上一层楼</td></p><p><td>欲穷千里目</td></p><p><td>黄河入海流</td></p><p><td>白日依山尽</td></p><p><td><p><br>登黄鹤楼</p></td></p><p></tr></p><p></table></p><p>2.3系列双横线</p><p> 这是在例一的基础上再增加设定了cellspacing参数所产生的效果。</p><p> 本例采用与例一相同的方法，通过设定rules和frame参数，使表格只显示水平方向的内外边框线，并增加了设定cellspacing参数使其产生双线效果，但是<table>标记默认的双线颜色不一样（因它的本意是用两种颜色来产生立体效果的），所以又通过设定bordercolorlight和bordercolordark参数来改变双线的颜色，以达到双线颜色一致的目的。</p><p>另外为了使表格内的文字内容上下留空，又设定了cellpadding参数，当然也可以通过设定单元格高度来达到这个目的，但那样要增加许多代码。</p><p>下面介绍这几个参数的含义：</p><p> cellspacing="n"：</p><p>单元格间距，也就是内外边框线的间距；</p><p> cellpadding="n"：</p><p>单元格边距，即单元格内内容与内边框的距离；</p><p> bordercolorlight="#n"：</p><p>设定立体边框线中较浅部分的颜色，用颜色名称或十六进制数表示。</p><p> bordercolordark="#n"：</p><p>设定立体边框线中较深部分的颜色，用颜色名称或十六进制数表示。</p><p> 用本例的方法制作双横线，比用其它方法方便、快捷，所用代码也较少，当横线的数量越多，效果越明显。</p><p>本例完成后的代码为：</p><p><tablewidth="60%"border="1"cellspacing="6"cellpadding="3"bordercolorlight="#006633"bordercolordark="#006633"rules="rows"frame="hsides"></p><p><tr><td>这是在例一的基础上再增加设定了cellspacing参数所产</td></tr></p><p><tr><td>生的效果。</p><p></td></tr></p><p><tr><td></td></tr></p><p></table></p><p> 同样，在例二的基础上再加上例三的方法就可以方便地制作出双竖线效果，你可以试试。</p><p>当然表格在网页制作中的作用远远不止这些，通过这三个例子可以看出，灵活应用表格的参数设定，可以产生一些特殊效果。</p><p>3</p><p>表单设计基础</p><p>表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段。</p><p>一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。</p><p>用户填写了所需的资料之后，按下“提交资料”按钮，这样所填资料就会通专门的CGI接口传到Web服务器上。</p><p>网页的设计者随后就能在Web服务器上看到用户填写的资料，从而完成了从用户到作者之间的反馈和交流。</p><p>对于免费个人网站，往往服务器不提供CGI功能，也可以电子邮件来接收用户的反馈信息。</p><p> 表单中主要包括下列元素：</p><p>button——普通按钮</p><p>radio——单选按钮</p><p>checkbox——复选框</p><p>select——下拉式菜单</p><p>text——单行文本框</p><p>textarea——多行文本框</p><p>submit——提交按钮</p><p>reset——重填按钮</p><p> 用HTML设计表单常用的标记是：</p><p><form>、<input>、<Option>、<Select>、<textarea>和<isindex>等标记。</p><p>3.1<form>表单标记</p><p> 该标记的主要作用是设定表单的起止位置，并指定处理表单数据程序的url地址。</p><p>其基本语法结构如下：</p><p><form</p><p>action＝url</p><p>method=get|post</p><p>name＝value</p><p>onreset=function</p><p>onsubmit＝function</p><p>target=window></p><p></form></p><p> 其中action：</p><p>用于设定处理表单数据程序url的地址。</p><p>这样的程序通常是CGI应用程序，采用电子邮件方式时，用action="mailto:</p><p>你的邮件地址"。</p><p> method：</p><p>指定数据传送到服务器的方式。</p><p>有两种主要的方式，当method=get时，将输入数据加在action指定的地址后面传送到服务器；当method=post时则将输入数据按照HTTP传输协议中的post传输方式传送到服务器，用电子邮件接收用户信息采用这种方式。</p><p> name：</p><p>用于设定表单的名称。</p><p>onrest和onsubmit是主要针对“reset”按钮和“submit”按钮来说的，分别设定了在按下相应的按钮之后要执行的子程序。</p><p> target：</p><p>指定输入数据结果显示在那个窗口，这需要与<frame>标记配合使用。</p><p>3.2<input>表单输入标记</p><p> 此标记在表单中使用频繁，大部分表单内容需要用到此标记。</p><p>其语法如下：</p><p><inPut</p><p>aligh=left|righ|top|middle|bottom</p><p>name=value</p><p>type=text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button</p><p>value=value</p><p>src=../../url</p><p>checked</p><p>maxlength=n</p><p>size=n</p><p>onclick=function</p><p>onselect=function></p><p> align：</p><p>是用于设定表单的位置是靠左（left）、靠右（right）、居中（middle）、靠上top）还是靠底（bottom）。</p><p> name：</p><p>设定当前变量名称。</p><p> type：</p><p>决定了输入数据的类型。</p><p>其选项较多，各项的意义是：</p><p>type=text：</p><p>表示输入单行文本；</p><p>typet=textarea：</p><p>表示输入多行文本；</p><p>type=password:</p><p>表示输入数据为密码，用星号表示；</p><p>type－checkbox：</p><p>表示复选框；</p><p>type－radio：</p><p>表示单选框；</p><p>type一submit：</p><p>表示提交按钮，数据将被送到服务器；</p><p>tyPe－reset：</p><p>表示清除表单数据，以便重新输入；</p><p>type－file：</p><p>表示插入一个文件；</p><p>type－hidden：</p><p>表示隐藏按钮；</p><p>type＝image：</p><p>表示插入一个图像；</p><p>type一button：</p><p>表示普通按钮；</p><p> value：</p><p>用于设定输入默认值，即如果用户不输入的话，就采用此默认值；</p><p> src：</p><p>是针对type=image的情况来说的，设定图像文件的地址；</p><p> checked：</p><p>表示选择框中，此项被默认选中；</p><p> maxlength：</p><p>表示在输入单行文本的时候，最大输入字符个数；</p><p> size：</p><p>用于设定在输入多行文本时的最大输入字符数，采用width，height方式；</p><p> onclick：</p><p>表示在按下输入时调用指定的子程序；</p><p> onselect：</p><p>表示当前项被选择时调用指定的子程序。</p><p>3.3<select>下拉菜单标记</p><p> 用<select>标记可以在表间中插入一个下拉菜单，它需与<option>标记联用，因为下拉菜单中的每个选项要用<option>标记来定义。</p><p><select>标记的语法如下：</p><p><select</p><p>name=nametext</p><p>size=n</p><p>multiple></p><p> 其中name：</p><p>设定下拉式菜单的名称；</p><p> size：</p><p>设定菜单框的高度，也就是一次显示几个菜单项，一般取默认值（size="1"）；</p><p> multiple：</p><p>设定为可以进行多选。</p><p>3.4<option>选项标记</p><p> 该标记为下拉菜单中一个选项，语法很简单：</p><p><option</p><p>selected</p><p>value=value></p><p> 其中selected：</p><p>表示当前项被默认选中；</p><p> value：</p><p>表示该项对应的值，在该项被中之后，该项的值就会被送到服务器进行处理。</p><p>3.5<textarea>多行文本输入标记</p><p> 这是一个建立多行文本输入框的专用标记，其语法如下：</p><p><textarea</p><p>name=name</p><p>cols=n</p><p>rows=n</p><p>wrap=off|hard|soft></p><p> 各参数含义：</p><p>name：</p><p>文本框名称；clos：</p><p>宽度；rows：</p><p>高度（行数）；wrap：</p><p>换行控制，off：</p><p>不自动换行；hard：</p><p>自动硬回车换行，换行标记一同被传送到服务器中去；soft：</p><p>自动软回车换行，换行标记不会传送到服务器中去。</p><p> 表单所涉及的标记较多，参数也较复杂，而实际制作表单时就是这些标记的组合应用，但一般的表单不可能涉及所有参数，我们还是那个原则，能用默认值的尽量用默认值，绝不设定一个不用的参数。</p><p>我在后面的文章中将通过实例介绍一些常用参数的应用技巧。</p><p>4</p><p>表单的文本框</p><p>表单的文本框分为单行文本框和多行文本框，故名思义，单行文本框用于输入一些简短的信息，如：</p><p>姓名、E_mail地址、口令等等；多行文本框用于输入内容较长的信息，如：</p><p>用户意见、评论、留言等。</p><p>只要你理解了表单的文本框参数的含义，制作接收信息的文本框是不难的，请看下面的例子。</p><p>4.1一个单行文本框的例子</p><p> 本例的源代码如下：</p><p><formname="form1"action="mailto:</p><p>fyy0528@"method="post"enctype="text/plain"></p><p><p>您的姓名：</p><p><inputtype="text"name="text1"size="12"maxlength="20"></p><p>您的E_mail：</p><p><inputtype="text"name="text2"size="20"maxlength="24"value="*****@*.*"></p><p>输入口令：</p><p><inputtype="password"name="text3"size="8"maxlength="8"></p></p><p><palign="center"></p><p><inputtype="submit"name="提交"value="提交"></p><p><inputtype="reset"name="重写"value="重写"></p></p><p></form></p><p> 本例中用了</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("20"); var id = "312502"; var total_page = "50"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bingdoc.com/d-312502.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </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="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-7431595.html" title="allegro使用汇总.docx">allegro使用汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-8449852.html" title="allegro使用汇总Word文件下载.docx">allegro使用汇总Word文件下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-15047171.html" title="建筑使用汇总.docx">建筑使用汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-15139936.html" title="常用word的使用汇总.docx">常用word的使用汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-2062084.html" title="使用分类汇总汇总平均分.docx">使用分类汇总汇总平均分.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-2386903.html" title="STM8S使用常用问题汇总.docx">STM8S使用常用问题汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-200702.html" title="AIX使用经验汇总.docx">AIX使用经验汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-548326.html" title="Excel使用技巧汇总.docx">Excel使用技巧汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-2441212.html" title="Win10使用技巧汇总.docx">Win10使用技巧汇总.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bingdoc.com/p-9579924.html" title="土地使用税汇总.docx">土地使用税汇总.docx</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="docx"></em> <a href="https://m.bingdoc.com/p-185042.html" target="_parent" title="绩效考核调查问卷(完整版).docx">绩效考核调查问卷(完整版).docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185043.html" target="_parent" title="内蒙古锡林郭勒盟阿巴嘎旗中小学、幼儿园教师进城考试真题库及答案.docx">内蒙古锡林郭勒盟阿巴嘎旗中小学、幼儿园教师进城考试真题库及答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185044.html" target="_parent" title="平潭县私立城东中学教师招聘考试和解析(备考必测).docx">平潭县私立城东中学教师招聘考试和解析(备考必测).docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185045.html" target="_parent" title="南漳县人民医院医药护技人员考试试题及解析.docx">南漳县人民医院医药护技人员考试试题及解析.docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185046.html" target="_parent" title="莲湖区移动公司招聘考试附参考答案.docx">莲湖区移动公司招聘考试附参考答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185047.html" target="_parent" title="坪山区畜牧兽医站、动物检疫站聘用干部考试试题汇编.docx">坪山区畜牧兽医站、动物检疫站聘用干部考试试题汇编.docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185048.html" target="_parent" title="青海省西宁市城北区农业银行考试试题及答案.docx">青海省西宁市城北区农业银行考试试题及答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185049.html" target="_parent" title="杞县事业单位审计(局)系统招聘考试《审计基础知识》真题库及答案.docx">杞县事业单位审计(局)系统招聘考试《审计基础知识》真题库及答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bingdoc.com/p-185050.html" target="_parent" title="桥西区烟草专卖局(公司)招聘考试试题及参考答案.docx">桥西区烟草专卖局(公司)招聘考试试题及参考答案.docx</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.bingdoc.com/search.html?q=%e7%bd%91%e9%a1%b5">网页</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e6%a0%87%e8%ae%b0">标记</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e4%bd%bf%e7%94%a8">使用</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e6%8a%80%e5%b7%a7">技巧</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bingdoc.com/search.html?q=%e6%b1%87%e6%80%bb">汇总</a></li> </ul> </div> <div style=" font-size: 16px; background-color:#e5f0f7; 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 class="tag tag0" href="https://m.bingdoc.com/mark/allegroshiyonghuizong.html" >allegro使用汇总</a></li><li class="tagPopup"><a class="tag tag1" href="https://m.bingdoc.com/mark/embedbiaoqianshiyongwangye.html" >embed标签使用网页</a></li><li class="tagPopup"><a class="tag tag2" href="https://m.bingdoc.com/mark/55wangyechangyongjiqiao.html" >55网页常用技巧</a></li><li class="tagPopup"><a class="tag tag3" href="https://m.bingdoc.com/mark/cadjiqiaoyongfahuizong.html" >CAD技巧用法汇总</a></li><li class="tagPopup"><a class="tag tag4" href="https://m.bingdoc.com/mark/win10shiyongjiqiaohuizong.html" >Win10使用技巧汇总</a></li><li class="tagPopup"><a class="tag tag0" href="https://m.bingdoc.com/mark/macosshiyongjiqiaoshubiao.html" >MacOS使用技巧鼠标</a></li> <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://m.bingdoc.com/mark/jianzhuyingwenhuizong.html">建筑英文汇总</a></li> <li class="tagPopup"><a target="_parent" class="tag tag2" href="https://m.bingdoc.com/mark/worddeshiyongwordshiyong.html">word的使用word使用</a></li> <li class="tagPopup"><a target="_parent" class="tag tag3" href="https://m.bingdoc.com/mark/jianzhudatihuizong.html">建筑答题汇总</a></li> <li class="tagPopup"><a target="_parent" class="tag tag4" href="https://m.bingdoc.com/mark/liangcifenleishiyong.html">量词分类使用</a></li> <li class="tagPopup"><a target="_parent" class="tag tag0" href="https://m.bingdoc.com/mark/fenleishiyong.html">分类使用</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bingdoc.com/">首页</a> > <a href="https://m.bingdoc.com/booklist-00018.html">初中教育</a><span> > </span><a href="https://m.bingdoc.com/booklist-0001800001.html">语文</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bingdoc.com/BookRead.aspx?id=%7cwKK%7crHWKk8%3d&parto=2eVRzHVqRuiBaFB%2bL8laV3QXMTeEuKNAqv1qykKbE0YwoV6iGBYm%2bS0gCi7oS9zFe2W2bkIjnY0BWfUqn%2fAkFo3P2vqXsHJc%2b1xpDr3hozIANRGfqxFiZ02MZclhgmmciCwvCkXZlcy7EOUnoiFX0kOOAkGBqc2gdqjkcnH3TMpMpWalO07elQtZIhzJGz7rvfbs0hb%2fzl89wmAAYMhnUqNxNYUz53k7" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bingdoc.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-2023 冰点文库 网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备19020893号-</a>2</p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f82ede2a6dd69d4ed35205d3eb25b840"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</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.bingdoc.com/" title="冰点文库"><img src="https://www.bingdoc.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.bingdoc.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bingdoc.com/">首页 </a></li> <li><a target="_parent"href="https://m.bingdoc.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bingdoc.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bingdoc.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bingdoc.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bingdoc.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bingdoc.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.bingdoc.com/p-312502.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识 timestamp: '1717013527', // 必填，生成签名的时间戳 nonceStr: 'EDDEA82AD2755B24C4E168C5FC2EBD40', // 必填，生成签名的随机串 signature: '63de13047389036d6fcb5bc4cee1bc6b886c00a4',// 必填，签名，见附录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.bingdoc.com/p-312502.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx3a9604896163fa38', // 必填，公众号的唯一标识 timestamp: '1717013527', // 必填，生成签名的时间戳 nonceStr: 'EDDEA82AD2755B24C4E168C5FC2EBD40', // 必填，生成签名的随机串 signature: '63de13047389036d6fcb5bc4cee1bc6b886c00a4',// 必填，签名，见附录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.bingdoc.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.bingdoc.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>