HTML语言简易入门教程.docx
《HTML语言简易入门教程.docx》由会员分享，可在线阅读，更多相关《HTML语言简易入门教程.docx（17页珍藏版）》请在冰豆网上搜索。
HTML语言简易入门教程
第一课基础
Html是英文HyperTextMarkupLanguage的缩写，中文意思是“超文本标志语言”，用它编写的文件（文档）的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。
您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。
Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束（例如标志对），因此在Html文档中这样的标志对都必须是成对使用的。
当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML（HyperTextMarkupLanguage）语言所构成。
HTML（超文件标记语言）是一种建立网页文件的语言，透过标记式的指令（Tag），将影像、声音、图片、文字等连结显示出来。
HTML标记是由<和>所括住的指令，主要分为:
单标记指令、双标记指令（由<起始标记>，所构成）。
HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后（以.htm或.html为文件后缀保存）将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器（Server）上，对外发布信息。
HTML文件基本架构
文件开始
标头区开始
...标题区
标头区结束
本文区开始
本文区内容
本文区结束
文件结束
网页文件格式。
标头区:
记录文件基本资料，如作者、编写时间。
标题区:</p><p>文件标题须使用在标头区内，可以在浏览器最上面看到标题。</p><p><BODY>本文区:</p><p>文件资料，即在浏览器上看到的网站内容。</p><p> 注意事项</p><p> 通常一份HTML网页文件包含二个部份:</p><p><HEAD>...</HEAD>标头区、<BODY>...</BODY>本文区。</p><p>而<HTML>和</HTML>代表网页文件格式。</p><p> 习惯上一个网站的首页名称通常订为index.htm或index.html这样只要浏览网站，浏览器便会自动的找出index.htm文件。</p><p> </p><p>第二课字体</p><p> </p><p><hn>...</hn>标题，设定标题字体大小，n=1（大）~6（小）会自动跳下一行。</p><p>通常用在如章节、段落等标题上。</p><p>如:</p><p><h2>标题</h2></p><p>标题</p><p>如:</p><p><h3align=center>标题</h3>（标题置中）</p><p>标题</p><p><b>...</b>粗体字。</p><p>如:</p><p><b>粗体字</b></p><p>粗体字</p><p><i>...</i>斜体字。</p><p>如:</p><p><i>斜体字</i></p><p>斜体字</p><p><del>...</del>横线（表示删除）。</p><p>如:</p><p><del>横线</del></p><p><tt>...</tt>打字体（固定宽度文字）。</p><p>如:</p><p><tt>打字体</tt></p><p>打字体</p><p><sup>...</sup>上标字。</p><p>如:</p><p>字体<sup>上标字</sup></p><p>字体上标字</p><p><sub>...</sub>下标字。</p><p>如:</p><p>字体<sub>下标字</sub></p><p>字体下标字</p><p><!</p><p>...>注解（不会显示在浏览器上），可以多行。</p><p>如:</p><p><!</p><p>更新日期:</p><p>2000/1/1></p><p>第三课表格</p><p> </p><p> 表格是html的一项非常重要功能，利用其多种属性能够设计出多样化的表格。</p><p>使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。</p><p> 常用表格标记</p><p><table>...</table>表格指令。</p><p>相关属性:</p><p>·align调整</p><p>·bgcolor背景颜色</p><p>·border边框</p><p>·height高度</p><p>·width宽度</p><p><caption>...</caption>表格标题。</p><p>相关属性:</p><p>·align调整</p><p><tr>...</tr>表格列（</tr>可省略）。</p><p>相关属性:</p><p>·align调整</p><p><th>...</th>表格栏标题（表头）粗体字（</th>可省略）。</p><p>相关属性:</p><p>·align调整</p><p>·colspan栏宽</p><p>·rowspan栏高</p><p><td>...</td>表格栏资料（储存格）（</td>可省略）。</p><p>相关属性:</p><p>·align调整</p><p>·bgcolor背景颜色</p><p>·height高度</p><p>·width宽度</p><p>·colspan栏宽</p><p>·rowspan栏高</p><p> </p><p>举例</p><p>如:</p><p>（基础型）</p><p><tableborder=1align=center></p><p><tr><td>太平洋网络学院<td>太平洋网络学院</p><p><tr><td>太平洋网络学院<td>太平洋网络学院</p><p></table></p><p>太平洋网络学院</p><p>太平洋网络学院</p><p>太平洋网络学院</p><p>太平洋网络学院</p><p>如:</p><p>（加强型）增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。</p><p><tableborder=1align=centerbgcolor=#ccccff></p><p><caption>表格标题</caption></p><p><tr></p><p><td></p><p><thcolspan=2>行标题1</p><p><thcolspan=2>行标题2</p><p><tr></p><p><throwspan=2>列标题1</p><p><td>a<td>a<td>a<td>a</p><p><tr><td>b<td>b<td>b<td>b</p><p><tr></p><p><throwspan=2>列标题2</p><p><td>c<td>c<td>c<td>c</p><p><tr><td>d<td>d<td>d<td>d</p><p></table></p><p>表格标题</p><p>行标题1</p><p>行标题2</p><p>列标题1</p><p>a</p><p>a</p><p>a</p><p>a</p><p>b</p><p>b</p><p>b</p><p>b</p><p>列标题2</p><p>c</p><p>c</p><p>c</p><p>c</p><p>d</p><p>d</p><p>d</p><p>d</p><p>第四课标示</p><p>html提供许多种类的标示标记，作项目标示，而且可以作巢状式标示！</p><p> 常用标示标记</p><p><li>标示项目。</p><p>如:</p><p><ol></p><p><li>第一项</p><p><li>第二项</p><p></ol></p><p>1.第一项</p><p>2.第二项</p><p><ol>...</ol>编号标示，可标示数字或英文、罗马字母。</p><p>如:</p><p><oltype=i></p><p><li>第一项</p><p><li>第二项</p><p></ol></p><p>i.第一项</p><p>ii.第二项</p><p><ul>...</ul>符号标示，可标示数字或英文、罗马字母。</p><p>如:</p><p><ul></p><p><li>第一项</p><p><li>第二项</p><p></ul></p><p>∙第一项</p><p>∙第二项</p><p><dt>定义项目。</p><p><dd>定义资料。</p><p><dl>...</dl>定义标示。</p><p>如:</p><p><dl></p><p><dt>十进制:</p><p><dd>0、1、2、3、4、5、6、7、8、9</p><p><dt>十六进制:</p><p><dd>0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f</p><p></dl></p><p>十进制:</p><p>0、1、2、3、4、5、6、7、8、9</p><p>十六进制:</p><p>0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f</p><p> </p><p>巢状式标示</p><p>巢状式标示如:</p><p><ol><li>第一章</p><p><oltype=i></p><p><li>第一节</p><p><ul></p><p><li>第一段</p><p><li>第二段</p><p></ul></p><p><li>第二节</p><p></ol><li>第二章</p><p><li>第三章</p><p></ol></p><p>1.第一章</p><p>i.第一节</p><p>▪第一段</p><p>▪第二段</p><p>ii.第二节</p><p>2.第二章</p><p>3.第三章</p><p>其他标示标记</p><p><dir>...</dir>目录式标示（自动加圆点）。</p><p>如:</p><p>网络学院:</p><p><dir></p><p><li>新手上路</p><p><li>软件教室</p><p><li>设计教室</p><p><li>开发教室</p><p></dir></p><p>网络学院:</p><p>新手上路</p><p>软件教室</p><p>设计教室</p><p>开发教室</p><p> 注意事项</p><p> 标示项目符号也可以用<font>...</font>标记，以符号字元（○、◆、◎、★、■...等）标示。</p><p> 如:</p><p><fontcolor=#ff0000>●</font></p><p> 特殊符号:</p><p> 在html文件中，有些符号是代表特定的意义的。</p><p>所以当我们要使用这些特殊符号时，便要用替代指令。</p><p>符号</p><p>替代指令</p><p>"</p><p>"或"</p><p>&</p><p>&或&</p><p><</p><p><或<</p><p>></p><p>>或></p><p>不可分空格</p><p> </p><p>第五课区段标记 </p><p>一个网站不仅要内容丰富外，也要有美观简洁的版面。</p><p>html所提供的区段标记功能，如果可以好好的利用也会有相当不错的效果。</p><p> 常用区段标记</p><p><hr>产生水平线。</p><p>如:</p><p><hraling=certenwidth=90%></p><p><br>跳下一行。</p><p>如:</p><p>太平洋网络学院，<br>网上学电脑的好去处。</p><p>太平洋网络学院，</p><p>网上学电脑的好去处。</p><p><p>...</p>段落，跳下一行并加一行空白。</p><p>（</p>可省略）</p><p>如:</p><p>太平洋网络学院，<p>网上学电脑的好去处。</p><p>太平洋网络学院，</p><p>网上学电脑的好去处。</p><p><center>...</center>置中。</p><p>如:</p><p><center>置中</center></p><p>置中</p><p><nobr>...</nobr>不跳下一行。</p><p>如:</p><p><nobr>太平洋网络学院，</nobr>网上学电脑的好去处。</p><p>太平洋网络学院，网上学电脑的好去处。</p><p><pre>...</pre>以文件原始格式显示。</p><p>如:</p><p><pre>原始格式:</p><p>文件</pre></p><p>原始格式:</p><p>文件</p><p> </p><p>第六课链接 </p><p> 链接可说是html中最重要的功能！</p><p>因为html拥有链接的功能，使你能接上internet、www……享受多姿多彩的网络世界。</p><p>基本上链接分成:</p><p>外部链接——链接至网络的某个url网址或文件，可参考考网络链接方式。</p><p>内部链接——链接html文件的某个区段。</p><p>网络链接方式</p><p>网络链接方式:</p><p>//主机名称/路径/文件名称</p><p>网址如:</p><p>http:</p><p>//</p><p>文件传输如:</p><p>ftp:</p><p>//</p><p>gropher传输如:</p><p>gropher:</p><p>//</p><p>远端登入如:</p><p>telnet:</p><p>//</p><p>文件下载如:</p><p>file:</p><p>//data/html/file.zip</p><p>netnews传输如:</p><p>news:</p><p>e-mail如:</p><p>mailto:</p><p>******************.cn</p><p>常用链接标记</p><p><base>设定基本url位置或路径，以後只要设定文件名称即会自动加上位置或路径。</p><p>相关属性:</p><p>·href链接的url位址或文件</p><p>·target指定链接到的url位址或文件显示于那一个视窗（可和<frame>视窗标记配合使用或开新的视窗）</p><p>如:</p><p><basehref="http:</p><p>//</p><p><ahref="kk.htm">■</a></p><p><basehref="http:</p><p>//target=frame1></p><p><a>...</a>链接指令。</p><p>相关属性:</p><p>·href链接的url位址或文件</p><p>·name名称</p><p>·target指定链接到的url位址或文件显示于那一个视窗（可和<frame>视窗标记配合使用或开新的视窗）</p><p>如:</p><p>外部链接</p><p><ahref="http:</p><p>//</p><p><ahref="http:</p><p>//target=frame1>■</a></p><p> </p><p>内部链接</p><p>·ch1.htm文件</p><p><ahref=#a>■</a>（欲链接至html文件a点）</p><p><aname=a>■</a>（html文件a点）</p><p>·ch2.htm文件</p><p><ahref=ch1.htm#a>■</a>（欲链接至ch1.htm文件a点）</p><p>"■"表示链接点，可以是文字或图案。</p><p>（即游标移到时，会变成手指形状的地方）</p><p><link>链接指令（用于head区，设定css文件）。</p><p><meta>储存应用资讯，可设定时间载入网页（用于head区）。</p><p>相关属性:</p><p>·charset设定</p><p>·content回应表头资料内容,若是数字表示秒数</p><p>·http-equiv回应表头,若设定为refresh载入url设定</p><p>·urlhtml位置</p><p>如:</p><p>·设定中文自动跳行。</p><p><metahttp-equiv="content-type"content="text/html;charset=gb2312"></p><p>·设定十秒回到首页。</p><p>（若不设定html文件位置则再载入原html文件）</p><p><metahttp-equiv="refresh"content=10url=index.htm></p><p>设定链接、未链接部份颜色</p><p>设定链接、未链接部份颜色，用<body>...</body>标记。</p><p>相关属性:</p><p>·alink按下链接部份未放开时颜色</p><p>·link未看过的链接部份颜色</p><p>·vlink已看过的链接部份颜色</p><p>如:</p><p><bodylink=#0000ffalink=#ff0000vlink=#00ff00></p><p> </p><p>第八课设置图片</p><p> 图片增加了网站版面的美观，不过也不要放了大量的图片，而拖慢网站传输的效率</p><p> 有关设定图片的方法共有以下几种:</p><p>1.设定html文件背景图片、背景颜色。</p><p><body>...</body>标记。</p><p>如:</p><p><bodybackground=a.gif>...</body>或</p><p><bodybgcolor=#000000>...</body></p><p>2.设定图片。</p><p><img>标记。</p><p>3.设定地图。</p><p><map>...</map>标记。</p><p> 常用图片标记</p><p><img>指令</p><p>相关属性:</p><p>·align调整</p><p>·alt提示字</p><p>·border边框</p><p>·height高度</p><p>·src文件或url位址</p><p>·usemap地图名称</p><p>·width宽度</p><p>如:</p><p>可插入图片（gif、jpg格式）、avi电影</p><p><center></p><p><imgsrc="../../../images/pcedu_lo.gif"alt="太平洋网络学院"align=topborder=1></p><p></center></p><p><map>...</map>地图</p><p>相关属性:</p><p>·name名称</p><p><area>设定地图动作区域</p><p>相关属性:</p><p>·coords设定动作区域座标（左上角座标:</p><p>x1,y1;右下角座标:</p><p>x2,y2）</p><p>·href动作区域连结点（可载入位址或文件）</p><p>·nohref动作区域连结点不动作</p><p>·shape外型</p><p>举例</p><p>设定地图</p><p><imgborder=0src=a.gifusemap=#a></p><p><mapname=a></p><p><areashape=rectcoords=0,0,200,100href=1.htm></p><p><areashape=rectcoords=0,100,200,200nohref></p><p><areashape=rectcoords=0,200,200,300href=3.htm></p><p></map></p><p>第九课加入声音 </p><p>html不仅能插入图片，也可以载入midi音乐、wav音效喔！</p><p>常用音乐标记</p><p><bgsound>背景音乐、音效。</p><p>相关属性:</p><p>·loop循环,背景音乐播放次数</p><p>·src文件或url位址（可为wav、midi格式）</p><p>如:</p><p><bgsoundsrc=m-1.midloop=true></p><p>内嵌音乐插件</p><p><embed>...</embed>内嵌插件。</p><p>相关属性:</p><p>·height高度</p><p>·width宽度（可设百分比%）</p><p>·src设定内嵌物件的url位址</p><p>·loop循环,背景音乐播放次数</p><p>·autostart自动播放</p><p>如:</p><p><embedsrc=m-1.midwidth=145height=60autostart=trueloop=true></embed></p><p> </p><p>第十课滚动条</p><p>这是由ie提供的滚动条，可不要被众多的属性吓到了，越多的属性功能越强喔！</p><p>【文字卷动标记】</p><p><marquee>...</marquee>文字卷动（滚动条）。</p><p>【相关属性】</p><p>·behavior=设定卷动方式</p><p>--alternate交替来回卷动</p><p>--scroll卷动（预设）</p><p>--slide滑动</p><p>·bgcolor=color背景颜色</p><p>·direction=设定卷动方向</p><p>·height=n高度</p><p>·loop=n循环,卷动次数（预设循环）</p><p>·scrollamount=n设定卷动距离</p><p>·scrolldelay=milliseconds设定卷动时间</p><p>·truespeed=milliseconds设定卷动速度</p><p>·width=n宽度（可设百分比%）</p><p>【举例】</p><p>如:</p><p><marqueebgcolor=redbehavior=alternatedirection=leftscrollamout=10scrolldelay=100><fontcolor=white>太平洋网络学院</font></marquee></p><p>如:</p><p><marqueebgcolor=greenheight=50behavior=scrolldirection=upscrollamout=10scrolldelay=300><fontcolor=white><center>太平洋网络学院</center></font></marquee></p><p> </p><p>一html的标签</p><p>table，tbody,tr,td称为html的标签，以双标签的形式出现，所谓双标签，也就是有一个<table>就有一个对应的</table>与之对应，同样适用于其他的双标签。</p><p>一般标签都为双标签。</p><p>标签最终所显示的网页效果由各个属性来表达，属性可选择使用，不一定全部都用。</p><p>在整个图片或帖子里双标签以首尾呼应的方式出现。</p><p><tablealign=centerbackground="背景图片地址"border=0cellpadding=0cellspacing=0bordercolor=#0000ffwidth="100%"></p><p><tbody></p><p><tr></p><p><td></p><p>这里是图片,文字或帖子内容.</p><p></td></p><p></tr></p><p></tbody></p><p></table></p><p><table>的常用参数设定：</p><p><tablewidth="400"border="1"cellspacing="2"cellpadding="2"align="center"valign="top"background="myweb.gif"bgcolor="#0000ff"bordercolor="#cf0000"bordercolorlight="#00ff00"bordercolordark="#00ffff"></p><p>width="400"</p><p>表格宽度，接受绝对值（如width=80）及相对值（width=80%）。</p><p>border="1"</p><p>表格边框的厚度，不同浏览器有不同的内定值。</p><p>cellspacing="2"</p><p>表格格线的厚度</p><p>align="center"</p><p>表格的摆放位置（水平），可选值为：</p><p>left（居左）,right（居右）,center（居中）</p><p>valign="top".</p><p>表格内内容的对齐方式（垂直），可选值为：</p><p>top,middle,bottom。</p><p> </p><p>background="myweb.gif"</p><p>表格的背景图片，与bgcolor不要同用。</p><p>bgcolor="#0000ff"</p><p>表格的背景颜色，与background不要同用</p><p>bordercolor="#cf0000"</p><p>表格边框颜色</p><p>bordercolorlight="#00ff00"</p><p>表格边框向光部分的颜色</p><p>bordercolordark="#00ffff"</p><p>表格边框背光部分的颜色，使用bordercolorlight或bordercolordark时bordercolor将会失效。</p><p>播放器宽度width和高度height的值根据需要自定</p><p>二帖图格式</p><p>帖图基本代码如下：</p><p><imgsrc="图片连接url地址"></p><p><img>称图形标记，主要用来插入图形标记。</p><p>三文字设制</p><p>基本代码如下：</p><p><palign=center><fontcolor=#0066ffface=隶书size=5>插入文字</font></p></p><p>align=center 表示字体居中，可选值为居右（right）居左（left）</p><p>color=颜色代码 </p><p>face=字体 常用字体为：</p><p>宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等</p><p>size=字体大小，这里的最大值为7 取值越大文字就越大</p><p>四加入音乐</p><p><embedsrc="音乐文件地址"></p><p>常用属性如下：</p><p>src="your.mid"</p><p>设定midi档案及路径，可以是相对或绝对。</p><p>autostart=true</p><p>是否在音乐档下载完之后就自动播放。</p><p>true是，false否（内定值）。</p><p>loop="true"</p><p>是否自动反复播放。</p><p>loop=2表示重复两次，true是，false否。</p><p>hidden="true"</p><p>是否完全隐藏控制画面，true为是，no为否（内定）。</p><p>starttime="分:</p><p>秒"</p><p>设定歌曲开始播放的时间。</p><p>如starttime="00:</p><p>30"表示从第30秒处开始播放。</p><p>volume="0-100"</p><p>设定音量的大小，数值是0到100之间。</p><p>内定则为使用系统本身的设定</p><p>width="整数"和high="整数"</p><p>设定控制面板的高度和宽度。</p><p>（若hidden="no"）</p><p>align="center"</p><p>设定控制面板和旁边文字的对齐方式，其值可以是top、bottom、center、baseline、left、right、texttop、middle、absmiddle、a</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 = "7823536";
var total_page = "17";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/7823536.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/26/d4d11fdc-445f-440f-9f7f-d958a4685544/d4d11fdc-445f-440f-9f7f-d958a4685544";
var freepage = parseInt('17');
var total_c = parseInt('17');
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;";
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/30848072.html" title="教育测量与评价第三版全套完整教学课件.pptx">教育测量与评价第三版全套完整教学课件.pptx</a>
</li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30848010.html" title="数控车床合格证明书.xls">数控车床合格证明书.xls</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847944.html" title="防诈骗安全教育主题班会防诈骗安全教育课件ppt.pptx">防诈骗安全教育主题班会防诈骗安全教育课件ppt.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847904.html" title="中职新生入学教育中专入学开学第一课教育课件下载.pptx">中职新生入学教育中专入学开学第一课教育课件下载.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847893.html" title="-(完整版)-幼儿园端午节介绍PPT模板.pptx">-(完整版)-幼儿园端午节介绍PPT模板.pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847868.html" title="高频电子线路-曾兴雯4.ppt">高频电子线路-曾兴雯4.ppt</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847789.html" title="最新人教版九年级数学下册-全册教学课件全集(8.pptx">最新人教版九年级数学下册-全册教学课件全集(8.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847788.html" title="(本科)财务管理2全套教学课件完整版PPT.pptx">(本科)财务管理2全套教学课件完整版PPT.pptx</a>
</li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847536.html" title="内部审核检查表GMPC.xls.xls">内部审核检查表GMPC.xls.xls</a>
</li><li><em class="xls"/></em><a target="_parent" href="https://m.bdocx.com/doc/30847532.html" title="GRR-ANOVA-3771005J02-(1..xls">GRR-ANOVA-3771005J02-(1..xls</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.bdocx.com/doc/1768401.html" target="_parent" title="北师大版中考数学一轮复习课堂达标测试题15轴对称A 含答案.docx">北师大版中考数学一轮复习课堂达标测试题15轴对称A 含答案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1768402.html" target="_parent" title="《审计案例研究》期末复习应考指导.docx">《审计案例研究》期末复习应考指导.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1768403.html" target="_parent" title="房地产集团新项目物业前期介入标准.docx">房地产集团新项目物业前期介入标准.docx</a></li>
<li><em class="ppt"></em>
<a href="https://m.bdocx.com/doc/1768404.html" target="_parent" title="冠心病康复新.ppt">冠心病康复新.ppt</a></li>
<li><em class="ppt"></em>
<a href="https://m.bdocx.com/doc/1768405.html" target="_parent" title="农商银行大堂经理专题培训课件.ppt">农商银行大堂经理专题培训课件.ppt</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1768406.html" target="_parent" title="中级会计实务107讲第15讲固定资产的处置.docx">中级会计实务107讲第15讲固定资产的处置.docx</a></li>
<li><em class="ppt"></em>
<a href="https://m.bdocx.com/doc/1768407.html" target="_parent" title="冠心病护理查房ppt课件.ppt">冠心病护理查房ppt课件.ppt</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1768408.html" target="_parent" title="国内外宏观经济环境分析.docx">国内外宏观经济环境分析.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/1768409.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.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=%e8%af%ad%e8%a8%80">语言</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e7%ae%80%e6%98%93">简易</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%85%a5%e9%97%a8%e6%95%99%e7%a8%8b">入门教程</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00005.html">农林牧渔</a><span> > </span><a href="https://m.bdocx.com/booklist-0000500001.html">林学</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=4z8NunjbONw%3d&parto=K2XauIXhkZfvHEDlynWT4MXfp1Y1fFf11lyD8v76f0cljh6UJOUkNSquGmctE2JGCWzOAHF5q63HU1Z%2b1o9px29f7AH5eLj0hDAAnBuM1aLUG7mGONyg3C3t9yzio2uQGLq%2boNejqp6JDyiL7NUlielMYEbuVkWfTYQv1uYg3a7Lr9xTZrLpfpIFUlSG%2bTdYB5t4%2fI2SBX642ryY4LBo6WaEKhSm3PXc" 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/7823536.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1720079276', // 必填，生成签名的时间戳
nonceStr: '7750CA3559E5B8E1F44210283368FC16', // 必填，生成签名的随机串
signature: 'd916a6df3a5da76aa5e9f485eb24583e682b9870',// 必填，签名，见附录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/7823536.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1720079276', // 必填，生成签名的时间戳
nonceStr: '7750CA3559E5B8E1F44210283368FC16', // 必填，生成签名的随机串
signature: 'd916a6df3a5da76aa5e9f485eb24583e682b9870',// 必填，签名，见附录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>