HTML教程标签详细用法.doc-资源下载-咨信网-让知识获取变得高效

HTML教程标签详细用法.doc

1、HTML教程大全详细用法 HTML结构　　文件类型标记开始，HTML文件　　文件头开始　　页面标题页面标题标记　　文件头结束　　主题标记开始　　正文内容主题内容　　主题内容结束　　　文件类型标记结束　　一、 HTML 头：　　1、针对日文环境：　　　　　　　　　　　　　　yourtitle 　　　　2、针对中文环境：　　

3、"-//W3C//DTD HTML 4.01Transitional//EN"> 　　　　　　　　　　yourtitle 　　

4、　　我们建议的编码格式是utf-8，它支持多语种，并且可以避免出现乱码的情况。　　二、html中javascript的书写：　　….. 　　　　　　当然我们不希望你是这样内嵌脚本，而是从一个外部文件进行引用，并且只把它放在文档的头部。　　　　三

5、html中元素的书写：　　1、元素属性值必须包含在双引号中；　　　　2、 form 中必须加action属性，并且不能为空。　　

　　如果不需要使用action属性，也必须定义：　　　　3、 img的alt属性不可以缺少；　　 $Select”> </p><p style='padding:5px 0px;'>6、　　4、 head与</head>之间必须有title；　　<head> 　　…… 　　<title>your title </title> 　　…… 　　</head> 　　5、 tr、td必须定义在table之间；　　6、 button按钮必须定义在form之间，否则netscape不支持；　　<form action=”……” method=”post”> 　　<input type=”button” name=”but” value=”back”> 　　</form> 　　7、在javascript中的字符串中出现的“/”前要用转义符</p><p style='padding:5px 0px;'>7、\”：　　<script type=”text/javascript”> 　　<!— 　　function check(str) { 　　var str=”\/r\/add.cgi”; 　　…… 　　} 　　--> 　　</script> 　　8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup) 　　mm 　　9、用URL传值时直接写&是不可以的，可用&替换：　　四、缩近规则：　　<table>中<td></td>,<tr></tr</p><p style='padding:5px 0px;'>8、>等必须保持严格的缩近规则，以$ 　　　　　　　　　　　　… 　　　　

…

　　　　…. 　　　　　　五、为了检验您的HTML代码是否合法，您可以到W3的HTML Validator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验编辑本段HTML标签参考基本标签　　创建一个HTML文档　　设置文档标题以

9、及其他不在WEB网页上显示的信息　　设置文档的可见部分　　标题标签　　将文档的题目放在标题栏中文档整体属性　　设置背景颜色，使用名字或十六进制值　　设置文本文字颜色，使用名字或十六进制值　　设置链接颜色，使用名字或十六进制值　　设置已使用的链接的颜色，使用名字或十六进制值　　设置正在被击中的链接的颜色，使用名字或十六进制值

10、y alink=?> 文本标签　　创建预格式化文本

　　创建最大的标题

　　创建最小的标题

　　创建黑体字　　创建斜体字　　创建打字机风格的字体　　创建一个引用，通常是斜体　　加重一个单词（通常是斜体加黑体）　　加重一个单词（通常是斜体加黑体）　　设置字体大小，从1到7 　　设置字体的颜色，使用名

11、字或十六进制值链接　　创建一个超链接　　创建一个自动发送电子邮件的链接 ....　　　创建一个位于文档内部的靶位　　创建一个指向位于文档内部靶位的链接格式排版　　创建一个新的段落

　　将段落按左、中、右对齐

　　插入一个回车换行符
　　从两边缩进文本

12、blockquote> 　　创建一个定义列表
　　放在每个定义术语词之前
　　放在每个定义之前
　　创建一个标有数字的列表
　　放在每个数字列表项之前，并加上一个数字
　　创建一个标有圆点的列表
　　放在每个圆点列表项之前，并加上一个圆点
　　一个用来排版大块HTML段落的标签，也用于格式化表
图形元素　　添加一个图像　　排列对齐一个图像：左中右或上中下
13、lign=?> 　　设置围绕一个图像的边框的大小　　加入一条水平线
　　设置水平线的大小（高度）
　　设置水平线的宽度（百分比或绝对像素点）
　　创建一个没有阴影的水平线
表格　　创建一个表格
　　开始表格中的每一行　　开始一行中的每一个格子　　设置表格头：一个通常使用黑体居中文字的格子表格属性　　设置围绕表格的
14、边框的宽度
　　设置表格格子之间空间的大小
　　设置表格格子边框与其内部内容之间空间的大小
　　设置表格的宽度－用绝对像素值或文档总宽度的百分比
　　设置表格格子的水平对齐（左中右） or or
　　设置表格格子的垂直对齐（上中下）
　　设置一个表格格子应跨占的列数（缺省为1）
15、> 　　设置一个表格格子应跨占的行数（缺省为1）
　　禁止表格格子内的内容自动断行回卷窗框　　放在一个窗框文档的标签之前，也可以嵌在其他窗框文档中　　定义一个窗框内的行数，可以使用绝对像素值或高度的百分比　　定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比　　定义一个窗框内的单一窗或窗区域　　定义在不支
16、持窗框的浏览器中显示什么提示窗框属性　　规定窗框内显示什么HTML文档　　命名窗框或区域以便别的窗框可以指向它　　定义窗框左右边缘的空白大小，必须大于等于1 　　定义窗框上下边缘的空白大小，必须大于等于1 　　设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto" 　　
17、禁止用户调整一个窗框的大小表单　　对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。　　创建所有表单　　创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目　　设置每个表单项的内容
18、度，行的数目设置高度　　创建一个复选框，文字在标签后面　　创建一个单选框，文字在标签后面　　创建一个单行文本输入区域，size设置以字符计的宽度　　创建一个submit（提交）按钮　　创建一个使用图象的submit（提交）按钮　　创建一个reset（重置）按钮字体效果　　
...
标题字(最大) 　　
...
标题字(最小) 　　...粗体字　　...粗体字(强调) 　　...斜体字　　...斜体字(强调) 　　...斜体字(表示定义)
20、　　...底线　　...底线(表示插入文字) 　　~~...~~横线　　~~...~~删除线　　~~...~~删除线(表示删除) 　　...键盘文字　　... 打字体　　
固定宽度字体(在文件中空白、换行、定位功能有效) 　　...</plaintext>固定宽度字体(不执行标记符号) 　　<listing>...</listing> 固定宽度小字体　　<font co</p><p style='padding:5px 0px;'>21、lor=00ff00>...</font>字体颜色　　<font size=1>...</font>最小字体　　<font style =font-size:100 px>...</font>无限增大 HTML标签和属性的语义化　　分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用<div>来代替<p>标记标题。　　首先是关于语义（Semantics）和默认样式的区别，默</p><p style='padding:5px 0px;'>22、认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。<strong>,<em>用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。　　其次，语义化的网页的好处，最主要的就是对搜索引擎友好，又有良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。　　具体的语义和用途在，XHTML1.0 TAG 参考中都已经说明，这里将一些容易遗忘或者混淆的TAGS和属性予以补充。　</p><p style='padding:5px 0px;'>23、　<Hx> 　　<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用，并且依据重要性递减。<h1>是最高的等级。　　例如: 　　<h1>文档标题</h1> 　　<h2>次级标题</h2> 　　而不要使用　　<div class=\"title\">文档标题</div>，或者<span class=\"title\">文档标题</span>.很明显搜索引擎对于后者是不会认为他是标题的。　　<p> 　　段落标记，知道了<p>作为段落，你就不会再使用<br/>来换行了，而且不需要<br/><br/>来区分段落与段落。<p></p>中的文字会自</p><p style='padding:5px 0px;'>24、动换行，而且换行的效果优于<br>。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。　　例如：　　<p>在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。</p> 　　<ul>、<ol>、<li> 　　<ul>无序列表，很常见的到了大家广泛的使用，<ol>有序列表也挺常用。在web标准化过程中，<ul>还被更多的用于导航条，本来导航条就是个列表，这样做是完全正确的，而且当你的浏览器不支持CSS的时候，导航链接</p><p style='padding:5px 0px;'>25、仍然很好使，就是美观方面差了一点。　　例如: 　　<ul> 　　<li>项目一</li> 　　<li>项目二</li> 　　<li>项目三</li> 　　</ul> 　　<ol> 　　<li>第一章</li> 　　<li>第二章</li> 　　<li>第三章</li> 　　</ol> 　　<dl>、<dt>、<dd> 　　dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。　　例如：　　<dl> 　　<dt>Dog</dt> 　　<dd>A carnivorous mammal of the famil</p><p style='height:0px;padding:0;overflow:hidden'>26、y Canidae.</dd> 　　</dl> 　　<dl> 　　<dt>上海滩</dt> 　　<dd>这部拍摄于1980年的《上海滩》堪称是香港电视史上最成功、最经典的剧集。　　当年在香港播出以后，产生了巨大的轰动效应。</dd> 　　<dt>周润发</dt> 　　<dd>和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。　　风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标。</dd> 　　</dl> 　　<cite>、cite 、<q>、 <blockquote> 　　论坛和bl</p><p style='height:0px;padding:0;overflow:hidden'>27、og经常会用到引用别人的话，用<q>来标记简短的单行引用。Web浏览器会自动识别在<q> 之间的内容。不幸的是，IE不能识别，并且有些时候， <q>会引起一些可访问性(Accessibility)的问题。正因为如此，一些人建议尽量不要使用 <q>,手动的插入引用标记。在一个包含适当的类的 <span>中加入单行的引用内容，那么就可以用CSS来给引用设计样式了，但是这个没有语义上的意义。CSS可以用来定义引用的样式。注意，一段文章是不可以直接放在<blockquote>中的，引用的内容还必须包含在一个元素中，通常是<p>。属性cite既可以与<q> 一起用，也可以与<blockquote>一起用</p><p style='height:0px;padding:0;overflow:hidden'>28、用来提供引用内容的来源地址。需要注意的是，如果你使用 <span>来代替 <q>标记引用内容,那么你就不能使用 cite属性了。　　例如: 　　<cite>Designing with Web Standards</cite> is an excellent book by Jeffrey Zeldman. 　　<p> <cite>孔子</cite>曰：<q>学而不思则罔，思而不学则殆</q>.</p> 　　<p>The W3C says that <q cite=\"http://www.w3. org/TR/REC-html40/ 　　struct/text.htm</p><p style='height:0px;padding:0;overflow:hidden'>29、l#h-9.2.1\">The presentation of phrase elements 　　depends on the user agent.</q>.</p> 　　<blockquote cite=\"http://www.w3cn. org/\"> 　　<p>“我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，　　我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的\"浏览器大战\"，　　为了兼容 Netscape 和 IE，网站不得不为这两种浏览器写不同的代码。同样的，　　每当新的网络技术和交互设备的</p><p style='height:0px;padding:0;overflow:hidden'>30、出现，我们也需要制作一个新版本来支持这种新技术或新设备，　　例如支持手机上网的 WAP 技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；　　针对某种浏览器的 DHTML 特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。　　这是一种恶性循环，是一种巨大的浪费。”</p> 　　</blockquote> 　　<em>、 <strong> 　　<em> 是用作强调的，<strong>是用作重点强调的。大部分浏览器用斜体显示强调的内容，用粗体来显示重点强调的内容，然而，这是没有必要的，如果是为了确定强调内容的显示方式，最好的方法就是</p><p style='height:0px;padding:0;overflow:hidden'>31、使用CSS来定义他们的表现。当你想要的只是视觉上的效果时，就不要使用强调了。而且如果你想要强调但是还觉得粗体或者斜体不视觉效果没那么好，特别是斜体对于中文来说，那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。　　例如: 　　<p><em>强调</em> 的文本通常用斜体显示，　　然而， <strong>特别强调</strong> 的文本通常以粗体显示。</p> 　　<table>、<td>、<th>、< caption >、 summary 　　XHTML中的表格不应用来布局。然而如果是为了标记列表的数据，就应该使用表格了。<th>为表格标题，属性summar</p><p style='height:0px;padding:0;overflow:hidden'>32、为摘要，<caption>标签为首部说明，<thead>标签为表格头部，<tbody>标签为表格主体内容，<tfoot>标签为表格尾部。　　其中还可以使用scope 可用于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：　　row 指示当前单元格，为包含当前单元格的行提供相关的表头信息。　　col 指示当前单元格，为根据当前单元格指定的列提供相应的表头信息。　　rowgroup 指示当前单元格，为包含当前单元格的其余行组提供相关的表头信息。　　colgroup 指示当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。　　ab</p><p style='height:0px;padding:0;overflow:hidden'>33、br 用于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略形式。　　例如: 　　<table id=\"mytable\" cellspacing=\"0\" summary=\"The technical specifications of the Apple PowerMac G5 series\"> 　　<caption>Table 1: Power Mac G5 tech specs </caption> 　　<tr> 　　<th scope=\"col\" abbr=\"Configurations\" class=\"nobg\">Con</p><p style='height:0px;padding:0;overflow:hidden'>34、figurations</th> 　　<th scope=\"col\" abbr=\"Dual 1.8\">Dual 1.8GHz</th> 　　<th scope=\"col\" abbr=\"Dual 2\">Dual 2GHz</th> 　　<th scope=\"col\" abbr=\"Dual 2.5\">Dual 2.5GHz</th> 　　</tr> 　　<tr> 　　<th scope=\"row\" abbr=\"Model\" class=\"spec\">Model</th> 　　<td>M9454LL/A</td> 　　<td>M94</p><p style='height:0px;padding:0;overflow:hidden'>35、55LL/A</td> 　　<td>M9457LL/A</td> 　　</tr> 　　<tr> 　　<th scope=\"row\" abbr=\"G5 Processor\" class=\"specalt\">G5 Processor</th> 　　<td class=\"alt\">Dual 1.8GHz PowerPC G5</td> 　　<td class=\"alt\">Dual 2GHz PowerPC G5</td> 　　<td class=\"alt\">Dual 2.5GHz PowerPC G5</td> 　　</tr> 　　<tr></p><p style='height:0px;padding:0;overflow:hidden'>36、　　<th scope=\"row\" abbr=\"Frontside bus\" class=\"spec\">Frontside bus</th> 　　<td>900MHz per processor</td> 　　<td>1GHz per processor</td> 　　<td>1.25GHz per processor</td> 　　</tr> 　　<tr> 　　<th scope=\"row\" abbr=\"L2 Cache\" class=\"specalt\">Level2 Cache</th> 　　<td class=\"alt\">51</p><p style='height:0px;padding:0;overflow:hidden'>37、2K per processor</td> 　　<td class=\"alt\">512K per processor</td> 　　<td class=\"alt\">512K per processor</td> 　　</tr> 　　</table> 　　<dfn> 　　<p><dfn title=\"Microsoft web browser\">Internet Explorer</dfn> is the most popular browser used underwater.</p> 　　<ins>, <del> 　　知道del，就不要再用<s>做</p><p style='height:0px;padding:0;overflow:hidden'>38、删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。　　例如：　　<p>It really was <ins cite=\"rarara.html\" datetime=\"20031024\">very</ins> good.</p> 　　<code> 　　表示是计算机代码。而默认样式为打字体。技术论坛和blog中经常遇到。　　例如：　　<code>p{margin:2px 0;}</code> 　　<abbr>、<acronym> 　　<abbr>标签是表示w</p><p style='height:0px;padding:0;overflow:hidden'>39、eb页面上的简称，<acronym>标签为取首字母缩写。（注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩写用<acronym>标签）Windows的IE6.0以下的浏览器暂不支持<abbr>标签。在IE里，你可以应用CSS给<acronym>但是不能应用给<abbr>标签，IE会为<acronym>标签的title属性显示提示，但是会忽略<abbr>标签。　　例如: 　　<abbr title=\"Cascading Style Sheets\">CSS</abbr> 　　<acronym title=\"Cascading Style Sheets\">CSS<</p><p style='height:0px;padding:0;overflow:hidden'>40、/acronym> 　　alt属性和title属性　　title属性用来为元素提供额外说明信息title属性可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签。但是并不是必须的。　　alt属性为不能显示图像、窗体或applets的用户代理（UA），指定替换文字。替换文字的语言由lang属性指定。　　<img src=\"/images/logo.gif\" width=\"90\" height=\"27\" alt=\"webjx. com\"/> 　　<a href=\"http://www.b</p><p style='height:0px;padding:0;overflow:hidden'>41、aidu. com\" title=\"用Photoshop创建最佳黑白照片的方法\">用Photoshop创建最佳黑白照片的方法</a> 编辑本段提高html页面显示速度　　< TABLE BORDER="0" > < TR > < TD COLSPAN="2" >< !-- 顶端导航条的内容 -- >< /TD >< /TR > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边导航条的内容 -- >< /TD > <TD ALIGN="LEFT" VALIGN="TOP" >< !-- 页面内容区域 -- >< /TD > < /TR </p><p style='height:0px;padding:0;overflow:hidden'>42、> < /TABLE >　　　修改后的布局代码如下所示：　　　< TABLE BORDER="0" WIDTH="100%" > < TR > < TD ALIGN="CENTER" VALIGN="TOP">< !-- 顶端导航条的内容 -- >< /TD > < /TR > < /TABLE > < TABLE BORDER="0"ALIGN="LEFT" > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边导航条的内容 -- ></TD > < /TR > < /TABLE > < TABLE BORDER="0" > < TR </p><p style='height:0px;padding:0;overflow:hidden'>43、> < TD ALIGN="LEFT"VALIGN="TOP" >< !-- 页面内容区域 -- >< /TD > < /TR > < /TABLE > 　　例如，原先使用下面的代码：　　Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") objRS.MoveNextLoop Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< </p><p style='height:0px;padding:0;overflow:hidden'>44、/SELECT >"　　　现在只需改动一行代码：　　Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") & "< /OPTION >"objRS.MoveNext Loop Response.Write "< SELECT SIZE=""1"" >" & strOptionList &"" 　　如果原来使用的代码如下：　　　< UL > < LI >苹果 < LI >桔子 < LI </p><p style='height:0px;padding:0;overflow:hidden'>45、>香蕉 < /UL > 　　那么现在改用：　　< UL > < LI >苹果< /LI > < LI >桔子< /LI > < LI >香蕉< /LI > < /UL > 　　经过这些改动之后，浏览器显示页面的速度将会更快。常用HTML代码　　一、文字　　1.标题文字 <h#>..........</h#> #=1~6；h1为最大字，h6为最小字　　2.字体变化 <font>..........</font> 　　【1】字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大　　【2】指定字型 <font</p><p style='height:0px;padding:0;overflow:hidden'>46、 face="字体名称">..........</font> 　　【3】文字颜色 <font color=#rrggbb>..........</font> 　　rr：表红色（red）色码　　gg：表绿色（green）色码　　bb：表蓝色（blue）色码　　rrggbb也可用6位颜色代码数字　　3.显示小字体 <small>..........</small> 　　4.显示大字体 <big>..........</big> 　　5.粗体字 <b>..........</b> 　　6.斜体字 <i>..........</i> 　　7.打字机字体 </p><p style='height:0px;padding:0;overflow:hidden'>47、<tt>..........</tt> 　　8.底线 <u>..........</u> 　　9.删除线 <strike>..........</strike> 　　10.下标字 <sub>..........</sub> 　　11.上标字 <sup>..........</sup> 　　12.文字闪烁效果 <blink>..........</blink> 　　13.换行（也称回车） <br> 　　14.分段 <p> 　　15.文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐</p><p style='height:0px;padding:0;overflow:hidden'>48、 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。　　16.分隔线 <hr> 　　【1】分隔线的粗细 <hr size=点数> 　　【2】分隔线的宽度 <hr width=点数或百分比> 　　【3】分隔线对齐方向 <hr align="#"> 　　#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐　　【4】分隔线的颜色 <hr color=#rrggbb> 　　【5】实心分隔线 <hr nos</p><p style='height:0px;padding:0;overflow:hidden'>49、hade> 　　17.居中对齐 <center>..........</center> 　　18.依原始样式显示 <pre>..........</pre> 　　19.<body>指令的属性　　【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb> 　　【2】背景图案 -- background <body background="图形文件名"> 　　【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed> 　　【4】文件内容文字的颜色 -- text <body text=#rrg</p><p style='height:0px;padding:0;overflow:hidden'>50、gbb> 　　【5】超连结文字颜色 -- link <body link=#rrggbb> 　　【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb> 　　【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb> 　　20.文字移动指令<MARQUEE>..........</MARQUEE> 　　移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。　　移动方向指令是：direction=# up向上、down向下、left向左、right向右。　　指令举</p> </div> </div> <span id="LabelScript"></span> <script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div> <div style=" margin: auto; overflow:hidden; text-align: center;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <div style=" height:80px; margin: auto; overflow:hidden; text-align: center;"> <a target="_blank" href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='> <img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80' alt="移动网页_全站_页脚广告1" /> </a> </div> </div> <div class="siteInner"> <p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a> <span style="text-align: center;">     </span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a>  <span style="text-align: center;">     </span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a> <span style="text-align: center;">      </span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a>        <a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2026 宁波自信网络信息技术有限公司 </span><span style="text-align: center;"> </span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：<span style="text-wrap: wrap;">0574-28810668</span>  <span style="text-align: center;">投诉</span>电话：18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a>   </p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a> <span style="text-align: center;"> | </span> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;">  </span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;"> ：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;">    <a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a>    <a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a>    <a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a> </span></p> </div> </div> <div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;"> <a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a> </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.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.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.zixin.com.cn/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/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, link, imgUrl) {} </script>  <footer class="footer"> <a target="_parent" class="footer-item" href="https://m.zixin.com.cn/"> <img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" /> <div class="footer-item-txt ">首页</div> </a> <a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html"> <img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" /> <div class="footer-item-txt ">分类</div> </a> <a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html"> <img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" /> <div class="footer-item-txt ">专题</div> </a> <a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx"> <img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" /> <div class="footer-item-txt ">我的</div> </a> </footer> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.zixin.com.cn/header.aspx"; $.get(url + "?tp=0&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://m.zixin.com.cn/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
特别说明：	请自助下载，系统不会自动发送文件的哦；如果您已付费，想二次下载，请登录后访问：我的下载记录
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？