云题海 - 专业文章范例文档资料分享平台

当前位置:首页 > html语言解析教程

html语言解析教程

  • 62 次阅读
  • 3 次下载
  • 2026/4/23 19:39:47

html语言剖析

目 录

一、html简介五、排版标记九、表单标记

二、html 标记一览六、字体标记十、图形标记

三、文件标记七、清单标记

四、清单标记八、表格标记

十一、链接标记

十二、排版标记十六、调色原理

十三、多媒体标记十四、其他标记十五、特殊字符

html语言剖析

html简介

全写: hypertext mark-up language 译名: 超文件注标式语言(译名之一)

简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。

html 是在 sgml 定义下的一个描述性语言,或可说 html 是 sgml 的一个应用程式,html 不是程式语言,如 c++ 和 java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 html,html 的格式非常简单,只是由文字及标记组合而成,于 编辑方面,任何文字编辑器都可以,只要能将文件另存成 ascii 纯文字格式即可,当然 以专业的网页编辑软件为佳。

■ 阅读须知:

这一篇【html剖析】偏重于标记的介绍,考虑到易懂及每节的篇幅问题,我并不按 w3c 的 html 分类,这可令你更易选择有兴趣的标记,其中只有【文件标记】是必读的,其 余可任意选择。这一篇不会提及任何网页编辑软件,只要掌握了 html ,任何网页 编辑工具都可以变成一把利器。

■ 标记写法:

? ? ?

任何标记皆由\<\及\>\所围住,如

标记名与小于号之间不能留有空白字符。

某些标记 要加上参数,某些则不必。如 hello

http://www.zzsmwy.com http://www.qtxyz.com http://www.cqszdx.com

? ? ?

参数只可加于起始标记中。

在起始标记之标记名前加上符号\/\便是其终结标记,如 标记字母大小写皆可。

■ 围堵标记与空标记:

标记按型态分为围堵标记与空标记

1. 围堵标记

顾名思义,它以起始标记及终结标记将文字围住,令其达到预期显示效果。 例如 html source : creation of webpage is my favourite. 显示成: creation of webpage is my favourite.

其中 便称为围堵标记。

它以起始标记及终结标记标示文字 creation of webpage ,令它显示成粗体,两者失其一都会发生错误显示。 2. 空标记

是指标记单独出现,只有起始标记没有终结标记。

例如 html source:

i love creation of webpage.
it's a wonderful place. 显示成:

i love creation of webpage. it's a wonderful place.

其中换行标记
便属空标记。

它的作用便是将标记后所有东西显示于下一行,可见终结标记于它是没意义的, 但有些人会为空标记加上终结标记,这是为方便记认而己,对 html 没有影响。

html语言剖析▲top

http://www.zzsmwy.com http://www.qtxyz.com http://www.cqszdx.com

html 标记一览 标记 文件标记 类型 译名或意义 作 用 备注 <body> 排版标记 ● ● ● ● 文件声明 开头 标题 本文 让浏览器知道这是 html 文件 提供文件整体资讯 定义文件标题,将显示于浏览顶端 设计文件格式及内文所在 <!--注解--> <p> <br> <hr> <center> <pre> <div> <nobr> <wbr> 字体标记 ○ ○ ○ ○ ● ● ● ● ● 说明标记 段落标记 换行标记 水平线 居中 预设格式 区隔标记 不折行 建议折行 为文件加上说明,但不被显示 为字、画、表格等之间留一空白行 令字、画、表格等显示于下一行 插入一条水平线 令字、画、表格等显示于中间 令文件按照原始码的排列方式显示 设定字、画、表格等的摆放位置 令文字不因太长而绕行 预设折行部位 反对 <strong> <b> <em> <i> <tt> <u> <h1> ● ● ● ● ● ● ● 加重语气 粗体标记 强调标记 斜体标记 打字字体 加上底线 一级标题标记 产生字体加粗 bold 的效果 产生字体加粗的效果 字体出现斜体效果 字体出现斜体效果 courier字体,字母宽度相同 加上底线 变粗变大加宽,程度与级数反比 反对 http://www.zzsmwy.com http://www.qtxyz.com http://www.cqszdx.com </p><p><h2> <h3> <h4> <h5> <h6> <font> <basefont> <big> <small> <strike> <code> <kbd> <samp> <var> <cite> <blockquote> <dfn> <address> <sub> <sup> 清单标记 ● ● ● ● ● ● ○ ● ● ● ● ● ● ● ● ● ● ● ● ● 二级标题标记 三级标题标记 四级标题标记 五级标题标记 六级标题标记 字形标记 基准字形标记 字体加大 字体缩细 画线删除 程式码 键盘字 范例 变数 传记引述 引述文字区块 述语定义 地址标记 下标字 上标字 将字体变粗变大加宽 将字体变粗变大加宽 将字体变粗变大加宽 将字体变粗变大加宽 将字体变粗变大加宽 设定字形、大小、颜色 设定所有字形、大小、颜色 令字体稍为加大 令字体稍为缩细 为字体加一删除线 字体稍为加宽如<tt> 字体稍为加宽,单一空白 字体稍为加宽如<tt> 斜体效果 斜体效果 缩排字体 斜体效果 斜体效果 下标字 指数(平方、立方等) 反对 反对 反对 <ol> <ul> <li> <menu> ● ● ○ ● 顺序清单 无序清单 清单项目 选单清单 清单项目将以数字、字母顺序排列 清单项目将以圆点排列 每一标记标示一项清单项目 清单项目将以圆点排列,如<ul> 反对 http://www.zzsmwy.com http://www.qtxyz.com http://www.cqszdx.com </p><p></p><div class="page"><ul><li><a href=ythd_4m3rz2p7cc175lm25rnj_1.html class="hover" >1</a></li><li><a href=ythd_4m3rz2p7cc175lm25rnj_2.html>2</a></li><li><a href=ythd_4m3rz2p7cc175lm25rnj_3.html>3</a></li><li><a href=ythd_4m3rz2p7cc175lm25rnj_4.html>4</a></li><li><a title=下一页 href=ythd_4m3rz2p7cc175lm25rnj_2.html>>></a></li><li><a href=ythd_4m3rz2p7cc175lm25rnj_13.html>13</a></li></ul></div> <div class="s-more">搜索更多关于: <a class="title2" title="html语言解析教程" href="ys_02w038031030rn1r9cr8jkggk0po3v_1.html">html语言解析教程</a> 的文档</div> </div> <div class="view-bar fixed" style="width:900px;"> <ul class="bar-info"> <li> <span class="btn-doc-fav"><i class="fa fa-heart-o">收藏</i></span> </li> <li><span class="btn-doc-share"><i class="fa fa-share-alt">分享</i></span></li> <li><span class="btn-doc-report"><i class="fa fa-info-circle">违规举报</i></span></li> <li><span class="btn-copy-claim">版权认领</span></li> </ul> <div class="bar-down"> <span class="view-down-btn">下载文档<i>10.00 元</i></span> <span class="view-join-btn"><a href="/user/index.php" target="_blank">加入VIP免费下载</a></span> </div> </div> <div class="view_foot"> <span>推荐下载</span> <ul> <li><a title="2011管理学文本" href=ythd_67x9z2n7m86r0ta505ox_2.html>2011管理学文本</a></li><li><a title="语言学名词解释" href=ythd_4d68t2hb1a6j6mw9r6xt_1.html>语言学名词解释</a></li><li><a title="避碰新题模拟(答案更正)" href=ythd_9do6a67mj86x2101f518_3.html>避碰新题模拟(答案更正)</a></li><li><a title="《九年级历史下册全套教案(新人教版)》" href=ythd_9n3vu6b4a94zk8m0i2g6_5.html>《九年级历史下册全套教案(新人教版)》</a></li><li><a title="2011年高职类类真题 - 图文" href=ythd_3uq5d2tv6s3gznb0fx95_5.html>2011年高职类类真题 - 图文</a></li><li><a title="南三环与京港澳高速公路施工保通方案(修改)(1)(1) - 图文" href=ythd_32lin5rxr51klhk34qt7_5.html>南三环与京港澳高速公路施工保通方案(修改)(1)(1) - 图文</a></li><li><a title="粤教版地理八年级上册复习" href=ythd_5q2gm3swu60cqsi0v4wq_7.html>粤教版地理八年级上册复习</a></li><li><a title="新版标准日本语初级上册教案" href=ythd_7vhhb0kbaq1wxgu8jpr4_1.html>新版标准日本语初级上册教案</a></li><li><a title="二元一次方程组应用题分类训练好" href=ythd_9ay5a27b5e1wxgu8jpwv_1.html>二元一次方程组应用题分类训练好</a></li><li><a title="高职类会计课程标准" href=ythd_6jpd686lf79pugm7q9xw_13.html>高职类会计课程标准</a></li><li><a title="外美史考题" href=ythd_8kqfo1sgcd5uqa87qrz6_1.html>外美史考题</a></li><li><a title="空间与图形,统计与概率知识提纲" href=ythd_1wrwu7b5080ne2c1faz0_1.html>空间与图形,统计与概率知识提纲</a></li><li><a title="全面深化改革实现文明发展继续教育答案" href=ythd_198r53n8k73pit886asl2xn8u9whjn0047p_1.html>全面深化改革实现文明发展继续教育答案</a></li><li><a title="重庆市綦江县2021届新高考二诊生物试题含解析" href=ythd_8ix665pu521xkfw968ko77t6k14pg601b64_7.html>重庆市綦江县2021届新高考二诊生物试题含解析</a></li><li><a title="中国盾构管片行业市场前景分析预测年度报告(目录) - 图文" href=ythd_1kb6j1y7v39x6b742rz56u75f0b3w101ddm_2.html>中国盾构管片行业市场前景分析预测年度报告(目录) - 图文</a></li><li><a title="最新审定人教版PEP版英语六年级下册《Unit1Howtallareyou》第五" href=ythd_3i9g11b5e69ersb9r138_1.html>最新审定人教版PEP版英语六年级下册《Unit1Howtallareyou》第五</a></li><li><a title="2008年注册会计师审计考前预测试题" href=ythd_5axvy8e7sv9mzf00wd7a_3.html>2008年注册会计师审计考前预测试题</a></li><li><a title="(完整word版)译林英语四年级下知识点和语法汇总,推荐文档" href=ythd_6mlja46m2d41z4g1sgcd5uqa87qzsz016sc_1.html>(完整word版)译林英语四年级下知识点和语法汇总,推荐文档</a></li><li><a title="第一单元小数的意义和加减法" href=ythd_6hfzc652ms8n6j587kgs_1.html>第一单元小数的意义和加减法</a></li><li><a title="雅思小作文常用句式" href=ythd_3i7ci9fe412mdyx42w8k_1.html>雅思小作文常用句式</a></li><li><a title="自考电力系统分析报告(单项选择题)" href=ythd_0b8uf0by6c7b3ef97wu606i7k4fff900zi2_2.html>自考电力系统分析报告(单项选择题)</a></li><li><a title="井巷掘进与施工毕业论文" href=ythd_9co2689xkn9emeo57bje_2.html>井巷掘进与施工毕业论文</a></li><li><a title="工程公司调压箱技术文件" href=ythd_46xkn29d9f0fluh9bb1k_9.html>工程公司调压箱技术文件</a></li><li><a title="海南省海口市海南中学2019-2020学年高一上学期期末考试化学试题" href=ythd_6hbb880y0a83uyx9681999g5n13tgu00ut6_2.html>海南省海口市海南中学2019-2020学年高一上学期期末考试化学试题</a></li><li><a title="制造工艺知识点" href=ythd_937vo904id797950lpza3sk4u09qm100fj2_2.html>制造工艺知识点</a></li><li><a title="闸北区大宁路街道411街坊26丘地块商住办综合项目混凝土主体结构工程监理实施细则" href=ythd_2ypnp46a6i4qfr116rk8_4.html>闸北区大宁路街道411街坊26丘地块商住办综合项目混凝土主体结构工程监理实施细则</a></li><li><a title="海澜之家运营管理手册" href=ythd_2uw909w1a73jk4h7sglc72h8v7sa2300vh7_7.html>海澜之家运营管理手册</a></li><li><a title="习题及参考答案" href=ythd_0x4qh00nyu2cg5h8iu65_5.html>习题及参考答案</a></li><li><a title="浅谈企业文化与企业人力资源管理的关系" href=ythd_5bkd75lbkj5136q5shpe_1.html>浅谈企业文化与企业人力资源管理的关系</a></li><li><a title="河南省中药资源概况" href=ythd_5b11h1ss6x10ttd0oe0q_3.html>河南省中药资源概况</a></li><li><a title="(2019苏教)版小学科学二年级上册:全册整套教案(新教材)" href=ythd_24rr71qfbe7b8vd538ce5nrap1rg8p00xev_4.html>(2019苏教)版小学科学二年级上册:全册整套教案(新教材)</a></li><li><a title="预测今年沙糖桔的产量、销售市场、价格趋势" href=ythd_9v5mn53v3u3fmdy9vdfv_3.html>预测今年沙糖桔的产量、销售市场、价格趋势</a></li><li><a title="项目地震应急救援预案" href=ythd_63mfz14l6i3fmdy9vdgg_9.html>项目地震应急救援预案</a></li><li><a title="芜湖职业技术学院求职简历-古典版韵味" href=ythd_054960hvt89o8y39xxet_1.html>芜湖职业技术学院求职简历-古典版韵味</a></li><li><a title="html语言解析教程" href=ythd_4m3rz2p7cc175lm25rnj_1.html>html语言解析教程</a></li><li><a title="化工仪表维修工国家职业标准全" href=ythd_5jgga6n8pu37lyd0yjbf83hrt8bf8q008oz_2.html>化工仪表维修工国家职业标准全</a></li><li><a title="菏泽市2018年中学考试地理精彩试题(含问题详解)" href=ythd_2qhzt3zrpe0wacw0f2p46m3qp9xkwe00yp6_1.html>菏泽市2018年中学考试地理精彩试题(含问题详解)</a></li><li><a title="最新部编版(统编版)小学三年级语文上册全册教学设计(含教学反思及练习及答案备课素" href=ythd_40zyk0a40k6x2111f20r4n7xz5ee5l00bmh_2.html>最新部编版(统编版)小学三年级语文上册全册教学设计(含教学反思及练习及答案备课素</a></li><li><a title="模拟测试题一" href=ythd_3sey14rdqa6ksx798r75_1.html>模拟测试题一</a></li><li><a title="人教版PEP小学四年级英语上册第六单元测试卷 - 图文" href=ythd_41jr15zdp40ne2c1fax2_1.html>人教版PEP小学四年级英语上册第六单元测试卷 - 图文</a></li> </ul> </div> </div> <div class="view_right"> <div class="view_user"> <div class="user-tip-p"> <img src="https://www.yuntihai.com/user/images/avatar_0.jpg" id="uface" />本文作者:<i class="v"></i><span id="uname">...</span></div> <p>共分享<span>92</span>篇相关文档</p> </div> <div class="view_short"> <span>文档简介:</span> <h2>html语言剖析 目 录 一、html简介五、排版标记九、表单标记 二、html 标记一览六、字体标记十、图形标记 三、文件标记七、清单标记 四、清单标记八、表格标记 十一、链接标记 十二、排版标记十六、调色原理 十三、多媒体标记十四、其他标记十五、特殊字符 html语言剖析 html简介 全写: hypertext mark-up language 译名: 超文件注标式语言(译名之一) 简释:一种为普通文件中某些字</h2> </div> <div class="link_docs"> <h3>相关文档</h3> <ul> <li><a title="校规校纪学习心得体会" href=ythd_6msm88qlu74mu7425edg_1.html>校规校纪学习心得体会</a></li><li><a title="2017高中物理 第十七章 波粒二象性 3 粒子的波动性课时训练 新人教版选修3" href=ythd_6g6798l2xo3ibqw7s1xb7s7tu43ow500tpx_1.html>2017高中物理 第十七章 波粒二象性 3 粒子的波动性课时训练 新人教版选修3</a></li><li><a title="2008年注册会计师审计考前预测试题" href=ythd_5axvy8e7sv9mzf00wd7a_3.html>2008年注册会计师审计考前预测试题</a></li><li><a title="湖南农业大学生物化学-03-蛋白质化学-05蛋白质的理化性质 - PDF转换成w" href=ythd_6f1kd6qxbh1od1f2lyy5_2.html>湖南农业大学生物化学-03-蛋白质化学-05蛋白质的理化性质 - PDF转换成w</a></li><li><a title="3、小升初分班奥数计数原理 - 图文" href=ythd_4zb2429j641symv1jbuo_4.html>3、小升初分班奥数计数原理 - 图文</a></li><li><a title="海澜之家运营管理手册" href=ythd_2uw909w1a73jk4h7sglc72h8v7sa2300vh7_7.html>海澜之家运营管理手册</a></li><li><a title="通信股份有限公司商业计划书" href=ythd_5st724uoht03ypi6bk157e16g2f4sy00oqp_3.html>通信股份有限公司商业计划书</a></li><li><a title="2018年超星尔雅学习通《大学生创新基础》期末考试答案解析完整版" href=ythd_97ih84kdk16vudb8bhn079ew80o9bl00sa0_2.html>2018年超星尔雅学习通《大学生创新基础》期末考试答案解析完整版</a></li><li><a title="单片机恒温箱" href=ythd_6kh0210i1b9x6b7430vw_10.html>单片机恒温箱</a></li><li><a title="芜湖职业技术学院求职简历-古典版韵味" href=ythd_054960hvt89o8y39xxet_1.html>芜湖职业技术学院求职简历-古典版韵味</a></li> </ul> </div> <div class="view_keys"> <h3>相关推荐</h3> <ul> <li><a href="/tiku/264764.html">知识聚宝盆.(1)小明要去汽车站.向 方</a></li> <li><a href="/tiku/363020.html">拔河比赛.(1)17个同学.1人当裁判.剩下</a></li> <li><a href="/tiku/327049.html">如果x×=y×5.那么x:y= : .</a></li> <li><a href="/tiku/392632.html">口算. 12×40= 240÷30= 540÷6= 800÷</a></li> <li><a href="/tiku/235885.html">计算下面各题.能简算的必须简算.÷9+</a></li> <li><a href="/tiku/302628.html">用直线上的点表示下面各数.</a></li> <li><a href="/tiku/69632.html">325这个数的千分位上的数字是2. .</a></li> <li><a href="/tiku/484696.html">快车和慢车同时从相距600千米的两城相</a></li> <li><a href="/tiku/224501.html">一个长方形的长和宽的和是80厘米.它的</a></li> <li><a href="/tiku/408467.html">在0.285中.有( )个十分之一.( )个百分</a></li> <li><a href="/tiku/265664.html">把三个饼平均分成5份.每份是个.</a></li> <li><a href="/tiku/262865.html">一个三角形底是18厘米.高是9厘米.它的</a></li> <li><a href="/tiku/135043.html">老师布置会场.按红.黄.蓝.绿的顺序挂了</a></li> <li><a href="/tiku/263530.html">一种商品现在售价80元.比原价提高了16</a></li> <li><a href="/tiku/500647.html">某种皮衣价格为1650元.打8折出售仍可盈</a></li> </ul> </div> </div> </div> </div> <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>游客快捷下载通道</b>(下载后可以自由复制和排版) </div> <div class="theme-popbod dform"> <div class="pay-inf"> <div class="guest"> <div class="pay-tit">单篇付费下载</div> <div class="pay-price">限时特价:<b>10 元/份</b> <em>原价:20元</em></div> <div class="pay-select"><span class="pay1"><img src="/style/images/wxpay.jpg" class="over"></span></div> <div class="guest-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> <div class="vip-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> </div> <div class="vip"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价:<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="vip-up"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价:<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="pay-tips">注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。<br>微信:fanwen365 QQ:370150219</div> </div> </div> </div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $('.view-down-btn').click(function () { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); $.ajax({ type: "POST", dataType: "json", url: "/user/check_rank.php", data: {'aid': '4m3rz2p7cc175lm25rnj'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '4m3rz2p7cc175lm25rnj' $('.wxpay a').click(function(){ var readurl = 'https://www.yuntihai.com/plus/view.php&psrc='; var downurl = 'https://www.yuntihai.com/d.asp?id='; var payurl = readurl; payurl = payurl.replace('view.php', 'pay/pay.asp?id=4m3rz2p7cc175lm25rnj'); var gotourl = payurl + downurl + downid location.href = gotourl; }); } else if (data.code === "3") { $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); //注册会员 $(".guest-pay").hide(); $(".vip").hide(); $(".vip-pay").show(); $(".vip-up").show(); var downid = '4m3rz2p7cc175lm25rnj' $('.wxpay a').click(function(){ var readurl = 'https://www.yuntihai.com/plus/view.php&psrc='; var downurl = 'https://www.yuntihai.com/d.asp?id='; var payurl = readurl; payurl = payurl.replace('view.php', 'pay/pay.asp?id=4m3rz2p7cc175lm25rnj'); var gotourl = payurl + downurl + downid location.href = gotourl; }); } else if (data.code === "5") { layer.alert('今日下载次数已用完!请明日再来!您可以升级会员增加下载次数!', {icon: 2}); } else if (data.code === "6") { layer.alert('VIP会员已到期!请及时续费!', {icon: 2}); } else { location.href = '/d.asp?id=4m3rz2p7cc175lm25rnj'; } } }); }) $('.theme-poptit .close').click(function () { $('.theme-popover-mask').fadeOut(100); $('.theme-popover').slideUp(200); }) }) </script> <script type="text/javascript"> $(document).ready(function ($) { $.ajax({ type: "POST", dataType: "json", data: {'aid': ''}, url: "/user/check_level.php", async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2" || data.code === "3") { $(document).keydown(function (e) { if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); } }); document.body.oncopy = function () { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); return false; } } } }) }) </script> <div class="footer"> <div class="iw"> <div class="footer_a"> <img src="img/logo_b.png"> </div> <div class="footer_b"> <ul> <li> <p>关于我们</p> <a href="about/about.html">关于我们</a> <a href="about/protocol.html">网站协议</a> <a href="about/feedback.html">意见反馈</a> </li> <li> <p>版权声明</p> <a href="about/duty.html">免责声明</a> <a href="about/right.html">版权声明</a> <a href="about/report.html">版权申诉</a> </li> <li> <p>商务合作</p> <a href="about/adv.html">广告服务</a> <a href="about/link.html">友情链接</a> <a href="about/biz.html">商业合作</a> </li> <li> <p>使用帮助</p> <a href="about/help.html">使用帮助</a> <a href="about/member.html">会员权益</a> <a href="about/sitemap.html">网站地图</a> </li> </ul> </div> <div class="footer_c"></div> </div> </div> <div class="zub"> <div class="iw"> <span>Copyright © 云题海 All Rights Reserved. <span onclick="window.open('http://beian.miit.gov.cn')">苏ICP备16052595号-3</span> <a href="/sitemap.xml">网站地图</a> 客服QQ:370150219 邮箱:370150219@qq.com</span> </div> </div> <script type="text/javascript"> function c(){if(f1.word.value==''){f1.word.focus();}else{f1.action='search/';f1.submit();}return false;} </script> <script src="js/jquery-1.12.4.min.js"></script> <script src="js/com.js?v2.6"></script> <script> //right_bar $(".right_bar .bar-3").click(function() { $('html,body').animate({ scrollTop: 10 }, 200); return false; }); $(".right_bar .bar-2").mouseenter(function() { $(".right_bar .app_down").show(); }).mouseleave(function() { setTimeout(function() { $(".right_bar .app_down").fadeOut(); }, 300); }); //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script type="text/javascript"> $(document).on('mouseover', '.me-codesta', function () { $('.finale h1:first').css({ opacity: 0 }); $('.finale h1:last').css({ opacity: 1 }); }); $(document).on('mouseout', '.me-codesta', function () { $('.finale h1:last').css({ opacity: 0 }); $('.finale h1:first').css({ opacity: 1 }); }); $(".view_shang > span").click(function () { if ($(".view_shang > div").css("display") == "none") $(".view_shang > div").css("display", "inline-block"); else $(".view_shang > div").css("display", "none"); }); $('.edui-upload-video').bind('contextmenu', function () { return false; }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ba4893542539f4c5d80474ef78f6ce5e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> $(function () { function pageHeight() { return $("#p1").height(); } $(window).scroll(function () { var fix = $(".view_body").offset().top; var scroll = $(this).scrollTop(); var bottom = $(".view_foot").offset().top - 993; if (scroll > fix - 100 && scroll < bottom) { $(".view-bar").addClass("fixed").fadeIn(); } else { $(".view-bar").removeClass("fixed"); } var height = pageHeight(); var top1 = $("#p1").offset(); var top2 = $("#p2").offset(); var top3 = $("#p3").offset(); var top4 = $("#p4").offset(); if (top1 && scroll < top1.top + height / 1.5) pcurrent = 1; else if (top2 && scroll < top2.top + height / 1.5) pcurrent = 2; else if (top3 && scroll < top3.top + height / 1.5) pcurrent = 3 else if (top4 && scroll < top4.top + height / 1.5) pcurrent = 4 else if (top4) pcurrent = parseInt((scroll - top4.top - height / 1.5) / (height + 10)) + 5 if (pcurrent > pshow) pcurrent = pshow; if (pcurrent < 1) { pcurrent = 1; } }) }); </script> </body> </html>