html入门教程只需30分钟.docx
《html入门教程只需30分钟.docx》由会员分享，可在线阅读，更多相关《html入门教程只需30分钟.docx（9页珍藏版）》请在冰豆网上搜索。
html入门教程只需30分钟
HTML入门教程（只需30分钟）
本文目标
30分钟内让你明白HTML是什么，并对它有一些大体的了解。
一旦入门后，你可以从网上找到更多更详细的资料来继续学习。
什么是HTML
HTML是英文HyperTextMark-upLanguage（超文本标记语言）的缩写，它规定了自己的语法规则，用来表示比“文本”更丰硕的意义，比如图片，表格，链接等。
阅读器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。
目前互联网上的绝大部份网页都是利用HTML编写的。
HTML是什么样的
简单地来讲，HTML的语法就是给文本加上表明文本含义的标签（Tag），让用户（人或程序）能对文本取得更好的理解。
下面是一个最简单的HTML文档：
第一个Html文档欢迎访问济南网站建设|济南网站建设公司|济南万诺达网站建设公司!
所有的HTML文档都应该有一个标签，标签可以包括两个部份:
和。
标签用于包括整个文档的一般信息，比如文档的题目（
标签用于包括题目），对整个文档的描述，文档的关键字等等。</p><p>文档的具体内容就要放在<body>标签里了。</p><p><a>标签用于表示链接，在阅读器（如IE,Firefox等）中查看HTML文档时，点击<a>标签括起来的内容时，通常会跳转到另一个页面。</p><p>这个要跳转到的页面的地址由<a>标签的href属性指定。</p><p>上面的<ahref="">中，href属性的值就是。</p><p>HTML文档可以包括的内容</p><p>通过不同的标签，HTML文档可以包括不同的内容，比如文本，链接，图片，列表，表格，表单，框架等。</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>表单通常由文本输入框，按钮，多选框，单选框，下拉列表等组成，使HTML页面更有交互性。</p><p>框架</p><p>框架使页面里能包括其它的页面。</p><p>HTML文档格式详细说明</p><p>前面介绍了HTML文档的大体魄式，下面再做一个详细说明。</p><p>HTML文档可以用任何文本编辑器（比如记事本，UltraEdit等）创建，编辑，因为它的内容在本质也只是一些文本。</p><p>在HTML文本中，用尖括号括起来的部份称为标签。</p><p>若是想在正文里利用尖括号（或大与号小与号，总之是同一个东西），必需利用字符转义，也就是说转换字符的原成心义。</p><p><应该使用<代替，>则使用>，至于&符号本身,则应该使用&替代（不能不说的是有很多HTML文档没有遵循这个规则，常常使用的阅读器也都能够分析出&究竟是一个转义的开始，仍是一个符号，可是这样做是不推荐的）。</p><p>标签本质上是对它所包括的内容的说明，可能会有属性，来给出更多的信息。</p><p>比如<img>（图片）标签有src属性（用于指明图片的地址），width和height属性（用于说明图片的宽度和高度）。</p><p>HTML里能利用哪些标签，这些标签别离可以拥有哪些属性，这些都是有规定的，知道了这里说的大体知识以后，学习HTML其实也就是学习这些标签了。</p><p>本文后面会对常常利用的HTML标签做出简短的介绍。</p><p>标签通常有开始部份和结束部份（也被称为开始标签和结束标签），它们一路限定了这个标签所包括的内容。</p><p>属性只能在开始标签中指定，属性值可以用单引号或双引号括起来。</p><p>结束标签都以/加上标签名来表示。</p><p>有时候，有些标签并非包括其它内容（只包括自己的属性，乃至连属性都没有），这种情况下，可以写成类似这样：</p><p><imgsrc=""/>。</p><p>注意最后的一个空格和一个反斜杠，它说明这个标签已经结束，不需要单独的结束标签了。</p><p>某些标签包括的内容中还可以有新的标签，新的标签名乃至可能还可以与包括它的标签的名称相同（哪些标签可以包括标签，可以包括哪些标签也是有规定的）。</p><p>比如：</p><p><div></p><p><div>分类目录...</div></p><p><div>当前分类内容列表...</div></p><p></div></p><p>在这种情况下，最后出现的标签应该最先结束。</p><p>HTML文档里所有的空白符（空格，Tab，换行，回车）会被阅读器忽略，唯一的例外是空格，对空格的处置方式是所有持续的空格被当做一个空格，无论有一个，仍是两个，仍是100个。</p><p>之所以有这样的规则是因为忽略空白符能让利用HTML的作者以他感觉最方便的格式来排列内容，比如可以在每一个标签开始后增加缩进，标签结束后减少缩进。</p><p>由于英语文本中空格用得很普遍（用于分隔单词），所以对空格做了这样的特殊处置。</p><p>若是要显示持续的空格（比如为了缩进），应该用 来代表空格。</p><p>常常利用标签介绍</p><p>文本</p><p>最常常利用的标签可能是<font>了，它用于改变字体，字号，文字颜色。</p><p><fontsize="6">6</font></p><p><fontsize="4">4</font></p><p><fontcolor="red"size="5">红色的5</font></p><p><fontface="黑体">黑体的字</font></p><p>加粗，下划线，斜体字也是常常利用的文字效果，它们别离用<b>,<u>,<i>表示：</p><p><b>Bold</b></p><p><i>italic</i></p><p><u>underline</u></p><p>还有一些标签，用来指出包括的文本有特殊的意义，比如<abbr>（表示缩写），<em>（表示强调），<strong>（表示更强地强调）,<cite>（表示引用），<address>（表示地址）等等。</p><p>这些标签不是为了概念显示效果而存在的，所以从阅读器里看它们可能没有任何效果，也可能不同的阅读器对这些标签的显示效果完全不同。</p><p>一篇很长的文章，若是有适合的小题目的话，就可以够快速地对它的内容进行大致的了解。</p><p>在HTML里，用来表示题目的标签有：</p><p><h1>,<h2>,<h3>,<h4>,<h5>,<h6>，它们别离表示一级题目，二级题目，三级题目...</p><p><h1>HTML30分钟教程</h1></p><p><h2>什么是HTML</h2></p><p>...</p><p><h2>HTML是什么样的</h2></p><p>...</p><p>图片</p><p><hr>标签用于在页面上添加横线。</p><p>可以通过指定width和color属性来控制横线的长度和颜色。</p><p><hrwidth="90%"color="red"/></p><p><img>标签用于在页面上添加图片，src属性指定图片的地址，若是无法打开src指定的图片，阅读器通常会在页面上需要显示图片的地方显示alt属性概念的文本。</p><p><imgsrc=""alt="济南网站建设|济南网站建设公司|济南万诺达网站建设公司"/></p><p>链接</p><p>超级链接用<a>标签表示，href属性指定了链接到的地址。</p><p><a>标签可以包括文本，也可以包括图片。</p><p><ahref="">济南网站建设|济南网站建设公司|济南万诺达网站建设公司</a></p><p><ahref=""><imgsrc=""alt="济南网站建设|济南网站建设公司|济南万诺达网站建设公司"/></a></p><p>分段与换行</p><p>由于HTML文档会忽略空白符，所以要想保证正常的分段换行的话，必需指出哪些文字是属于同一段落的，这就用到了标签<p>。</p><p><p>这是第一段。</p></p><p><p>这是第二段。</p></p><p>也有人不用<p>，而用<br>。</p><p><br>只表示换行，不表示段落的开始或结束，所以通常没有结束标签。</p><p>这是第一段。</p><p><br></p><p>这是第二段。</p><p><br/></p><p>这是第三段。</p><p>有时，要把文档看做不同的部份组合起来的，比如一个典型的页面可能包括三个部份：</p><p>页头，主体，页脚。</p><p><div>标签专门用于标明不同的部份：</p><p><div>页头内容</div></p><p><div>主体内容</div></p><p><div>页脚内容</div></p><p>表格</p><p>HTML文档在阅读器里一般是从左到右，从上到下地显示的，到了窗口右边就自动换行。</p><p>为了实现分栏的效果，很多人利用表格（<table>）进行页面排版（虽然HTML里提供表格的本意不是为了排版）。</p><p><table>标签里通常会包括几个<tr>标签，<tr>代表表格里的一行。</p><p><tr>标签又会包括<td>标签，每一个<td>代表一个单元格。</p><p><table></p><p><tr></p><p><td>2000</td><td>悉尼</td></p><p></tr></p><p><tr></p><p><td>2021</td><td>雅典</td></p><p></tr></p><p><tr></p><p><td>2021</td><td>北京</td></p><p></tr></p><p></table></p><p><tr>标签还可以被<table>里的<thead>或<tbody>或<tfoot>包括。</p><p>它们别离代表表头，表正文，表脚。</p><p>在打印网页的时候，若是表格很大，一页打印不完，<thead>和<tfoot>将在每一页出现。</p><p><th>和<td>超级相似，也用在<tr>里边，不同的是<th>代表这个单元格是它所在的行或列的题目。</p><p><table></p><p><thead></p><p><tr><th>时间</th><th>地址</th></tr></p><p></thead></p><p><tbody></p><p><tr><td>2000</td><td>悉尼</td></tr></p><p><tr><td>2021</td><td>雅典</td></tr></p><p><tr><td>2000</td><td>北京</td></tr></p><p></tbody></p><p></table></p><p>列表</p><p>表格用于表示二维数据（行，列），一维数据则用列表表示。</p><p>列表可以分为无序列表（<ul>），有序列表（<ol>）和概念列表（<dl>）。</p><p>前两种列表更常见一些，都用<li>标签包括列表项目。</p><p>无序列表表示一系列类似的项目，它们之间没有前后顺序。</p><p><ul></p><p><li>苹果</li></p><p><li>桔子</li></p><p><li>桃</li></p><p></ul></p><p>有序列表中各个项目间的顺序是很重要的，阅读器通常会自动给它们产生编号。</p><p><ol></p><p><li>打开冰箱门</li></p><p><li>把大象赶进去</li></p><p><li>关上冰箱门</li></p><p></ol></p><p>框架</p><p>最后谈一下框架，曾经超级流行的技术，框架使一个窗口里能同时显示多个文档。</p><p>主框架页里面没有<body>标签，取代它的是<frameset>。</p><p><frameset>标签的属性Rows和Cols用于指定框架集（frameset）里有多少行（列），和每行（列）的高度（宽度）。</p><p><frameset>标签可以包括<frame>标签，每一个<frame>标签代表一个文档（src属性指定文档的地址）。</p><p>若是感觉这样的页面还不够复杂的话，还可以在<frameset>标签里包括<frameset>标签。</p><p><framesetrows="15%,*"></p><p><framesrc=""name=titlescrolling=no></p><p><framesetcols="20%,*"></p><p><framesrc=""name=sidebar></p><p><framesrc=""name=recipes></p><p></frameset></p><p></frameset></p><p>30分钟以后怎么办</p><p>这篇文章只是让从没有接触过HTML的人对HTML有个初步的印象，所以很多东西都没有谈到。</p><p>本文并无列出HTML中所有的标签，对于列出的标签也没有介绍它们的全数属性。</p><p>另外，没有提到的东西里还包括我感觉超级重要的CSS,JavaScript,XHTML,XML,WebStandards，和它们与HTML的关系。</p><p>不过这些也不太可能在30分钟内学会，好在只要入了门，就可以利用网上很多资源继续学习。</p><p>固然，若是有一本纸质书，就更好了，这方面我推荐<<HTML与XHTML权威指南>>。</p><p>一些我以为你可能已经知道的术语的参考</p><p>文本</p><p>文字</p><p>文档</p><p>文件，通常指内容是数据（而不是程序）的文件</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("5");
var id = "24206375";
var total_page = "9";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/24206375.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-5/25/ab5830fe-8783-4e2d-9438-747d084e9d8b/ab5830fe-8783-4e2d-9438-747d084e9d8b";
var freepage = parseInt('9');
var total_c = parseInt('9');
var start = defaultShowPage;
var adcount = 0;
var adindex = 0;
var adType_list = ";0;1;2;3;4;5;6;7;8;";
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入门教程只需30分钟.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/30873221.html" title="大学课件《高分子物理》教案..pptx">大学课件《高分子物理》教案..pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873220.html" title="图形创意设计-想象.ppt">图形创意设计-想象.ppt</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873217.html" title="绿色大气简约端午活动策划动态PPT模板.pptx">绿色大气简约端午活动策划动态PPT模板.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873139.html" title="简洁创意二十届三中全会要点解读PPT深入学习贯彻三中全会精神党课课件.pptx">简洁创意二十届三中全会要点解读PPT深入学习贯彻三中全会精神党课课件.pptx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873121.html" title="技能培训资料：常用水泵大总结.docx">技能培训资料：常用水泵大总结.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872930.html" title="2023年住建局工作总结分析(5篇).docx">2023年住建局工作总结分析(5篇).docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872642.html" title="2021-2022学年四川省成都市高一上英语期末考试题.docx">2021-2022学年四川省成都市高一上英语期末考试题.docx</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872310.html" title="复方丹参片前处理及提取生产工规程.doc">复方丹参片前处理及提取生产工规程.doc</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872223.html" title="华中科技大学谭毅华数据挖掘分类.pptx">华中科技大学谭毅华数据挖掘分类.pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872220.html" title="固定污染源烟气排放连续监测系统.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="docx"></em>
<a href="https://m.bdocx.com/doc/23809949.html" target="_parent" title="最新人教课标版七年级语文上册第三单元《从百草园到三味书屋》教学设计.docx">最新人教课标版七年级语文上册第三单元《从百草园到三味书屋》教学设计.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809950.html" target="_parent" title="综合实践活动教案 劳动与技术四年级下册主题班会设计.docx">综合实践活动教案 劳动与技术四年级下册主题班会设计.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809951.html" target="_parent" title="浙大JAVA 实验题答案06answer.docx">浙大JAVA 实验题答案06answer.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809952.html" target="_parent" title="质量管理计划与控制.docx">质量管理计划与控制.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809953.html" target="_parent" title="中考加油励志语录.docx">中考加油励志语录.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809954.html" target="_parent" title="足球特色幼儿园.docx">足球特色幼儿园.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809955.html" target="_parent" title="玉柴天然气发动机不能启动故障分析与排除黄师傅.docx">玉柴天然气发动机不能启动故障分析与排除黄师傅.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809956.html" target="_parent" title="最新苏教版四4年级上册数学教案全册教案.docx">最新苏教版四4年级上册数学教案全册教案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/23809957.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=%e5%85%a5%e9%97%a8%e6%95%99%e7%a8%8b">入门教程</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=30">30</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%88%86%e9%92%9f">分钟</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00016.html">幼儿教育</a><span> > </span><a href="https://m.bdocx.com/booklist-0001600003.html">唐诗宋词</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=ftk0Lgs0qWNx1Og9sC2gMA%3d%3d&parto=k34mDpvqYp62mx3mDK7jqdFWEwKb7wibEC1piiAoJJ7sGoGyTc5izq01pDL9dMmDQddPVIVW%2bQiCvFmaKzHjJbjVTVep2FeU2k4fQwCGyXnf9pq3aW8bA5uVpPNNO%2bYbrVuHFvqQdyeWBgjkUKFuOhmLi8CecN58ZGYTBkGPGTU3ybvB69pYQog0SXtokuyGeusPMruldRAqjE9nIbIVFQXbImNOUIwt" 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/24206375.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1729342646', // 必填，生成签名的时间戳
nonceStr: 'FFD52F3C7E12435A724A8F30FDDADD9C', // 必填，生成签名的随机串
signature: 'f8f5d3e857cd437b56e96ffff4f5e325bd605ae7',// 必填，签名，见附录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/24206375.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1729342646', // 必填，生成签名的时间戳
nonceStr: 'FFD52F3C7E12435A724A8F30FDDADD9C', // 必填，生成签名的随机串
signature: 'f8f5d3e857cd437b56e96ffff4f5e325bd605ae7',// 必填，签名，见附录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>