Html语法大全.doc

1、Html语法大全访问过得可连接文字得颜色语法格式: 、leftmargin 页面左侧得留白距离、topmargin 页面顶部得留白距离语法格式: 注:value为长度值为数字 align 属性语法:

文字

其属性有三种:left靠左,center居中,right靠右〈p〉

为段落标记,可利用以上

2、属性对整个段落进行设置〈br>为换行标记为不换行标记放在文字两边即可例:

江南逢李龟年

歧王宅里寻常见
催九堂前几度闻
正就是江南好风景
落花时节又逢君

预格式化:

、、、、、、

浏览就是效果与编写就是效果格式一样列表分为 1无序列表又称符号列表语法格式:

文字
3、>
文字

2有序列表语法格式:

文字
文字

type得值就是编号字符可选得有1、、、,a、、、,A、、、,i、、、 ,I、、、 start为起始值例:如果start为3就是那么将从3开始,而且必须就是数字。 3定义列表

标示定义条目

标示定义内容语法格式:

文字: 文字内容

连接与

4、图像语法格式: 、、、、属性:href 连接目标值可以就是url地址也可以就是连接锚点、、、或者、、、 name 连接名称语法格式:、、、例:、、、连接到该锚点得连接则应就是: 、、、、 target目标窗口语法格式:

5、f="url" target="_blank|_self|_farent|_top|windowname">、、、、 blank打开新窗口 _self当前窗口打开一下两个仅在框架叶面中应用 _parent当前窗口得父级窗口(上一级)打开 _top在最高一级得窗口打开 windowname已命名得窗口或框架中打开连接 title连接提示狂人部落图像语法格式:

6、"?" align="?"> border属性定义图片边框得宽度,默认值为0 align属性设置图片旁边文字得位置语法格式: 可选值有: top图片与文字顶部对齐 middle图片与文字居中对齐 bottom图片与文字底边对齐(默认) left图片居左对齐,文字沿图片绕排 right图片居右对齐,文字沿图片绕排 absmiddle图片对齐到目前文字行绝对中央 absbottom图片对齐到目前文字行绝对底部文字得排版不换行空白标记 font元素语法格式: 字体大小可选值为1——7,默认为3 例:〈font face="黑体" size="4" color="#ff00ff">、、、、水平线

语法格式:

noshade无阴影,既实线层〈div>两种元素

就是块级元素,与段落元素

相似,不同得就是两个

元素之间不会产生两个

元素之间得空行,

8、就是行内元素,可以定义段落中部分文字得属性语法格式:

、、、

align设置层中元素得水平对齐方式 stule设置元素应用css规范得属性

兼容性比要好一点,最好使用

表格语法格式: 、、、、、、、

、、、、

border边框

9、宽度默认值为0,既没有边框 cellspacing表格中单元格得边距大小,默认值为两个像素 cellpadding表格中单元格之间得间距大小,默认值为两个像素 tr元素语法格式: 、、、、 align属性对齐方式可选值如下:left,center,tight,默认为left bgcolor指定该行得背景颜色 td元素语法格式:

10、"" rowspan="单元格得行跨度" colapan="单元格得列跨度">、、、、、 align属性得可选值有:left,center,right valign属性得可选值有:top,middle,bottom rowspan与colapan跨行与跨列得数量,默认为1 框架框架组标记框架标记语法格式:

11、>元素(双标签) 语法格式: 、、、、、、、属性: cols 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值得个数代表分成得部分数目,要以逗号分隔。例:cols="30,*,50%"可以切成三个视窗,第一部分就是30像素(pixels)为绝对分割,第二部分就是当分配完第一与第三视图后剩下得空间,第三部分则占整个窗口得50%宽度,为相对分割。 rows 就就是横向切割,将

12、窗口上下分开,数值设置同上。以上两属性尽量不要在同一个标记中,因为王井(netscape)不支持,尽量采用多重分割。 frameborder 设置框架得边框,其值有0不要边框,1要边框。 border 设置框架边框厚度 framespacing 表示框架与框架间保留空白得距离 frame 元素(单标签) 语法格式: 属性: name 框架名称,指定框架来做连接得目标窗口。 src 框架中要显示得网页文当url地址,每个个框

13、架要对应一个html文挡。 scrolling 就是否显示滚动条,yes/no,auto就是自动。 noresize 设置不让使用者改变这个框架得大小, noframe元素指定当使用了框架得页面在不支持框架得浏览器中打开时显示得信息语法格式: 、、、、、、表单

语法格式: met

14、hod有两种提交方式get,post action 就是指明处理该表单得程序位置,这样表单所填得资料才能传给cgi做处里,可设定此参数为action="mailto:" 这样此表单所填得资料将会发送到这个邮箱地址。 method 就是指传送信息给cgi等网络程序得方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k得信息。申请表单用得就是post搜索引擎用得就是get input元素语法格式: type属性得可选值有: text 单行文本框属性:name 文本框名称 value

15、文本框得初始值 size 文本框得长度 maxlength 可输入字符串最大得长度 radio 单选框属性:name 单选框名称 value 内部值 checked 默认选定 checkbox 复选框属性:name 复选框名称 value 内部值 checked 默认选定 reset 重置按钮 submit 确定按钮属性:name 按钮名称 value 显示在按钮上得文字 password 密码框属性与文本框得属性完全相同 file 文件域属性:name文件域名称 size 文件域得长度 maxlengt

16、h 文件域可接受得字符数量得上限 hidden 隐藏域属性:name 隐藏域名称 value 内定值 image 图片域属性:name 所要代表得按钮,可以就是submit,reset,或其她、 src 按钮图片得url 地址列表框、、、、、、、、、、 select元素语法格式: name 指定列表框得名字 size

17、指定列表框显示列表项得条数,如果指定了该参数,select元素就是个列表,否则就是一个下拉列表框 multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项 option属性语法格式: value 该列表项得值 selected 如果设定了这个参数,默认为选定这一项多行文本框 <textarea name="" cols="" rows="" wrap="off/physical/virtual"> 属性: name文

18、本框得名称 cols文本框得宽度 rows文本框得高度 wrap文本框得折行方式可选值有: off不保存换行信息 physical强迫浏览器在发送信息到web服务器端时必须将多行文本框得文字一行一行得送出, virtual送出连续成串得字除非使用者按回车。 css 层叠样式表引入层叠样式表得方法包括: 1,外联式样式表 2,内嵌样式表 3,元素内定 4,导入样式表外联式样式表例:

19、> 、、、、属性:rel 用来说明元素在这里要完成得任务就是连接一个独立得css文件。而href属性给出了所要连接css文件得url地址内嵌式样式表: 例: 、、、、元素内定格式:

导入式样式表〈html> 、、、、 css得优先级越接近目标得样式定义优先级越高,高优先级样式将继承低优先级样式得未重叠定义但覆盖重叠得定义如果4种样式表对同一元素定义了不同得样式,那么她们得优先级顺序从高到低就是,元素内定,内嵌样式表,导入样式表,外联样式表。 css结构例:td{fo

21、ntsize:10、5pt;color:#666666} css样式包含两个基础部分, 选择符与声明{fontsize:10、5pt;color:#666666} 声明也有两部分组成: 属性fontsize,color与值10、5pt,#666666 选择符分为6种 1元素选择符当页面上多个元素得样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{fontsize:12px;} 2class(类)选择符例:〈head> 、、、、、

士大夫井冈山地方官

九连环离开计划

还有一种方法就就是限定可以应用它得页面元素例:〈head> 、、、、、

23、d>

士大夫井冈山地方官

九连环离开计划

3 id选择符与class选择附类似,只就是把'、'换成'#' 例:

24、t="50">

id选择符

我们瞧到在调用ID选择附时与CLASS选择附类似,只就是将class=""换成了id="",方便页面脚本语言得调用 4 关联选择符

25、h="250" border="1" height="50">

关联选择符

我们设定了在元素中得元素

所包含文字得样式,只有在两个条件都满足就是,样式在会起作用, 5伪类选择符就是只能用在css选择符里,而不能用在html代码中得选择符例: 〈html>

关联选择符

〈/body> 正确得顺序就是a:link\a:visited\a:hover否则会引起页面上连接颜

27、色混乱 6伪元素选择符与伪类选择符定义类似,目前被大多数浏览器支持得有两个:首行伪元素(firstline)与首字符伪元素(firstletter)就是用来实现首行大写与首行下沉效果得例:首行

dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf、、、

长度随浏览器窗口大小而

28、改变首字

dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf、、、

以上两种都只能应用于块状元素上 css规则一继承例:

css规则

为最高级次一级两种css用在一个属性元素上,相同得覆盖,不同得继承, 二组合例:td{fontsize:12pt} p1{fontsize:12pt} 组合后 td,、p1{font

30、size:12pt} 三层叠在样式里定义过后,在表格属性中又定义一次

决撒地方官

31、/body> css单位分四大类: 1 长度单位数值可以就是整数,小数,正数,负数,0,后加单位(负值不要轻易使用) 换算关系: 1in(英寸)=6pc(派) 1in(英寸)=72pt(磅) 1in(英寸)=2、54(厘米) 1cm(厘米)=10mm(毫米) 1cm(厘米)=0、3937(英寸) 1pt(磅)=1/72in(英寸)=0、2478mm(毫米) 1pc(派)=1/6in(英寸)=我国新四号铅字得尺寸 2 百分比单位 3 颜色单位 4 url单位标记 , 属性名称 , 简介 l 跑马

32、灯、、、普通卷动、、、滑动、、、预设卷动、、、来回卷动、、、向下卷动、、、向上卷动向右卷动

33、quee direction=left>向左卷动、、、卷动次数、、、设定宽度、、、设定高度、、、设定背景颜色、、、设定卷动距离、、、设定卷动时间 l 字体效果 <

34、h1>、、、标题字(最大)

、、、

标题字(最小) 、、、粗体字 、、、粗体字(强调) 、、、斜体字 、、、斜体字(强调) 、、、斜体字(表示定义) 显示小字体 < _{下标字
^{上标字
、、、底线
、、、底线(表示插入文字)
、、、横线
、、、删除线
、、、删除线(表示删除
35、)
、、、键盘文字
、、、打字体
、、、固定宽度字体(在文件中空白、换行、定位功能有效)
、、、</plaintext>固定宽度字体(不执行标记符号)
<listing>、、、</listing> 固定宽度小字体
<font color=00ff00>、、、</font>字体颜色
<font size=1>、、、</font>最小字体
<font style =fontsize:100 px>、、、</font>无限增大
<FONT FACE> 任意指定所用得字形
<FO</p><p style='height:0px;padding:0;overflow:hidden'>36、NT SIZE> 设定字体大小
<BASEFONT SIZE> 更改预设字形大小
<BIG> 显示大字体
<BLINK> 闪烁得文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY> 显示本文

l 区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>、、、</nobr>水域(不换行)
<p>、、、</p>水域(段落)
<center>、、、</center>置中
</p><p style='height:0px;padding:0;overflow:hidden'>37、l 超级链接
<base href=地址>(预设好连结路径)
<a href=地址></a>外部连结
<a href=地址 target=_blank></a>外部连结(另开新窗口)
<a href=地址 target=_top></a>外部连结(全窗口连结)
<a href=地址 target=页框名></a>外部连结(在指定页框连结)
<ADDRESS>、、、、</ADDRESS> 用来显示电子邮箱地址
l 贴图/音乐
<img src=图片地址>贴图
<img src=图片地址 width=180>设定图片宽度
<img src=图片地址 height=</p><p style='height:0px;padding:0;overflow:hidden'>38、30>设定图片高度
<img src=图片地址 alt=提示文字>设定图片提示文字
<img src=图片地址 border=1>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
l 表格语法
<table aling=left>、、、</table>表格位置,置左
<table aling=center>、、、</table>表格位置,置中
<table background=图片路径>、、、</table>背景图片得URL=路径网址
<table border=边框大小>、、、</table>设定表格边框大小(使用数字)
<tab</p><p style='height:0px;padding:0;overflow:hidden'>39、le bgcolor=颜色码>、、、</table>设定表格得背景颜色
<table borderclor=颜色码>、、、</table>设定表格边框得颜色
<table borderclordark=颜色码>、、、</table>设定表格暗边框得颜色
<table borderclorlight=颜色码>、、、</table>设定表格亮边框得颜色
<table cellpadding=参数>、、、</table>指定内容与网格线之间得间距(使用数字)
<table cellspacing=参数>、、、</table>指定网格线与网格线之间得距离(使用数字)
<tabl</p><p style='height:0px;padding:0;overflow:hidden'>40、e cols=参数>、、、</table>指定表格得栏数
<table frame=参数>、、、</table>设定表格外框线得显示方式
<table width=宽度>、、、</table>指定表格得宽度大小(使用数字)
<table height=高度>、、、</table>指定表格得高度大小(使用数字)
<td colspan=参数>、、、</td>指定储存格合并栏得栏数(使用数字)
<td rowspan=参数>、、、</td>指定储存格合并列得列数(使用数字)
l 分割窗口/框架
<frameset cols="20%,*">左右分割,将左边框架分割大小为2</p><p style='height:0px;padding:0;overflow:hidden'>41、0%右边框架得大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架得大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<FRAME MARGINHEIGHT> 设定窗口得上下边界
<FRAME MARGINWIDTH> 设定窗口得左右边界
<FRAME NAME> 为分割窗口命名
<FRAME NORESIZE> 锁住分割窗口</p><p style='height:0px;padding:0;overflow:hidden'>42、得大小
<FRAME SCROLLING> 设定分割窗口得滚动条
<FRAME SRC> 将HTML文件加入窗口
<FRAMESET COLS> 将窗口分割成左右得子窗口
<FRAMESET ROWS> 将窗口分割成上下得子窗口
<FRAMESET>、、、</FRAMESET> 划分分割窗口
<! 、、、 > 批注
<A HREF TARGET> 指定超级链接得分割窗口
<A HREF=#锚得名称> 指定锚名称得超级链接
<BASE TARGET> 指定超级链接得分割窗口
<BR> 换行
<CAPTION ALIGN> 设定表格标题对齐位置
</p><p style='height:0px;padding:0;overflow:hidden'>43、<CAPTION>、、、</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>、、、<CITE> 用于引经据典得文字
<CODE>、、、</CODE> 用于列出一段程序代码
<MENT>、、、</MENT> 加上批注
<DD> 设定定义列表得项目解说
<DFN>、、、</DFN> 显示"定义"文字
<DIR>、、、</DIR> 列表文字卷标
<DL>、、、</DL> 设定定义列表得卷标
<DT> 设定定义列表得项目
<EM> 强调之用
<FORM ACTION> 设定户动式窗体得处理方式
<FORM METHOD> 设定户</p><p style='height:0px;padding:0;overflow:hidden'>44、动式窗体之资料传送方式

<H1>~<H6> 设定文字大小
<HEAD> 标示文件信息
<HR> 加上分网格线
<HTML>…、</HTML> 文件得开始与结束
l 插入图片
<IMG ALIGN> 调整图形影像得位置
<IMG ALT> 为您得图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形得左右边界
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
</p><p style='height:0px;padding:0;overflow:hidden'>45、<IMG VSPACE> 插入图片并预设图形得上下边界
l 表单/列表
<INPUT TYPE NAME value> 在窗体中加入输入字段
<ISINDEX> 定义查询用窗体
<KBD>、、、</KBD> 表示使用者输入文字
<LI TYPE>、、、</LI> 列表得项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>、、、</MENU> 条列文字卷标
<META CONTENT URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项得列表栏
<NOFRAME> 定义不出现分割窗口得文字
<OL>、、、</OL> 有序号得</p><p style='height:0px;padding:0;overflow:hidden'>46、列表
<OPTION> 定义窗体中列表栏得项目
<P ALIGN> 设定对齐方向
<P> 分段
<PERSON>、、、</PERSON> 显示人名
<PRE> 使用原有排列
<SAMP>、、、</SAMP> 用于引用字
<SELECT>、、、</SELECT> 在窗体中定义列表栏
<TABLE BORDER=n> 调整表格得宽线高度
<TABLE CELLPADDING> 调整数据域位之边界
<TABLE CELLSPACING> 调整表格线得宽度
<TABLE HEIGHT> 调整表格得高度
<TABLE WIDTH> 调整表格得宽度
<T</p><p style='height:0px;padding:0;overflow:hidden'>47、ABLE>、、、</TABLE> 产生表格得卷标
<TD ALIGN> 调整表格字段之左右对齐
<TD BGCOLOR> 设定表格字段之背景颜色
<TD COLSPAN ROWSPAN> 表格字段得合并
<TD NOWRAP> 设定表格字段不换行
<TD VALIGN> 调整表格字段之上下对齐
<TD WIDTH> 调整表格字段宽度
<TD>、、、</TD> 定义表格得数据域位
<TEXTAREA NAME ROWS COLS> 窗体中加入多少列得文字输入栏
<TEXTAREA WRAP> 决定文字输入栏就是自动否换行
<TH>、、、</TH> 定义表格得标头字段
<TITLE> 文件标题
<TR>、、、</TR> 定义表格美一行
<UL TYPE>、、、</UL> 无序号得列表 ( 可指定符号 )
<VAR>、、、</VAR> 用于显示变量
</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-2025 宁波自信网络信息技术有限公司 </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, imgUrl) {
var link = "https://m.zixin.com.cn/docdown/4367547.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1765670262', // 必填，生成签名的时间戳
nonceStr: '33E8075E9970DE0CFEA955AFD4644BB2', // 必填，生成签名的随机串
signature: '12d791863d7f6b278ec123cec6e3ebe224fcb037',// 必填，签名，见附录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.zixin.com.cn/docdown/4367547.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1765670262', // 必填，生成签名的时间戳
nonceStr: '33E8075E9970DE0CFEA955AFD4644BB2', // 必填，生成签名的随机串
signature: '12d791863d7f6b278ec123cec6e3ebe224fcb037',// 必填，签名，见附录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>


<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。
特别说明：	请自助下载，系统不会自动发送文件的哦；如果您已付费，想二次下载，请登录后访问：我的下载记录
支付方式：
验证码：	换一换

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