河南省郑州市新华书店有限公司

***、***等与储久良等著作权权属、侵权纠纷一审民事判决书

来源:中国裁判文书网
文书内容
河南省郑州市中级人民法院
民 事 判 决 书
(2016)豫01民初665号
原告:***,女,1979年5月26日出生,汉族。
原告:***,男,1972年11月8日出生,汉族。
以上二原告共同委托诉讼代理人:段振兴,北京市盈科(郑州)律师事务所律师。
被告:储久良,男,1965年2月19日出生,汉族。
委托诉讼代理人:周筠,江苏江豪律师事务所律师。
被告:河南省郑州市新华书店有限公司,住所地河南省郑州市金水区西太康路19号。
法定代表人:宋保安。
原告***、***诉被告储久良、河南省郑州市新华书店有限公司(以下简称郑州市新华书店)侵害著作权纠纷一案,本院受理后,依法组成合议庭,公开开庭进行了审理。原告***、***的委托诉讼代理人段振兴、被告储久良及其委托诉讼代理人周筠到庭参加诉讼,被告郑州市新华书店经本院传票传唤无正当理由未到庭参加诉讼。本案现已审理终结。
原告***、***向本院提出诉讼请求判令:1、被告储久良在原、被告双方工作单位以书面形式公开赔礼道歉;2、被告储久良向中国大学出版社协会说明情况,以消除影响;3、被告储久良停止侵权行为;4、被告储久良赔偿经济损失96320元(按8%的被告储久良获利率)及原告因制止侵权行为支付的其他合理开支(律师费、诉讼费、鉴定费等);5、被告新华书店停止销售侵权出版物。事实及理由:由被告储久良编著并由清华大学出版社于2013年7月第一版出版的《Web前端开发技术-HTML、CSS、JavaScript》及《Web前端开发技术实验与实践-HTML、CSS、JavaScript》与原告***、***编著并由清华大学出版社于2009年7月第一版、2011年9月第二版出版的《网页设计与开发-HTML、CSS、JavaScript实例教程》及2011年10月第一版出版的《网页设计与开发-HTML、CSS、JavaScript实例教程习题解答与实验指导》,无论图书的编排结构、具体内容、附带PPT等均出现太多的相同或相似,已涉嫌剽窃,侵犯了原告的著作权。被告储久良因该书的出版获得了“第四届中国大学出版社图书奖优秀教程二等奖”。被告郑州市新华书店销售该出版图书。综上,依据《民事诉讼法》、《著作权法》及相关法律规定,故向法院提起诉讼。在审理中,原告撤回对被告储久良《Web前端开发技术实验与实践-HTML、CSS、JavaScript》作品的起诉。
被告储久良辩称:1、两位原告是否是涉案教材的著作权人、是否具备本案诉讼主体资格存疑;2、原告未指出其教材独创性,被告储久良教材的编排结构、具体内容及附带PPT与原告相同或相似部分大部分属于类似教材编写惯例、公有领域的内容,不侵权;3、被告储久良在参考文献中已将原告参编教材的信息规范列出,再版教材已对涉嫌侵权方面做出修改,没有侵权故意;4、要求在原被告双方单位赔礼道歉、在中国大学出版社协会消除影响及赔偿96320元的诉讼请求不合法,没有依据。
被告郑州市新华书店未到庭也未向本院出示相关证据。
当事人围绕诉讼请求提交了证据,对当事人无异议的证据,本院予以确认并在卷佐证。本院认定如下事实:
2009年7月清华大学出版社出版《网页设计与开发——HTML、CSS、JavaScript实例教程》第1版,主编***,2011年9月清华大学出版社出版《网页设计与开发——HTML、CSS、JavaScript实例教程(第2版)》,***、***编著,2009年7月第1版,2011年9月第2版,印次2015年5月第12次印刷,定价34.5元。目录:第1章网页设计简介,第2章HTML基础介绍,第3章文字与段落,第4章列表,第5章超链接,第6章网页中的多媒体应用,第7章表格,第8章框架,第9章表单,第10章使用CSS格式化网页,第11章JavaScript基础,第12章Web设计基础,第13章页面布局技术,第14章综合网站制作实例。两版教材中附有配套PowerPoint教案。
2013年7月清华大学出版社出版《Web前端开发技术--HTML、CSS、JavaScript》第1版,储久良编著,并附有该教材配套PPT教案。2016年3月第9次印刷,定价49元。目录:第1章Web前端开发技术综述,第2章HTML基础,第3章格式化文字与段落,第4章列表,第5章超链接,第6章图像与多媒体文件,第7章CSS+DIV基础,第8章CSS+DIV高级应用,第9章表格,第10章框架,第11章表单,第12章JavaScript基础,第13章JavaScript事件分析,第14章DOM和BOM,第15章课程网站构建与发布。参考文献:[1]***、***.网页设计与开发--HTML、CSS、JavaScript实例教程[M].北京:清华大学出版社,2009.7。
2016年4月1日***、***来到郑州市黄河公证处申请对储久良涉案作品的相关配套电子资源办理保全证据公证。当日下午13时40分在该处104室,在该公证处两名公证员的监督下,***对储久良涉案作品相关配套电子资源进行了下载并刻录光盘存储。郑州市黄河公证处对整个证据保全过程出具(2016)郑黄证民字第2563号公证书。当庭拆封,经比对,原告及被告储久良PPT教案的属性详细信息中均显示“主题:2007河南杰出人才创新基金答辩,作者:zyf,创建内容时间2003/11/1018:19”。且被告储久良PPT教案第2讲2.3.1、2.3.3,第3讲3.3、第6讲第6.2.1中的有些例子与自己配套教材不一致,与原告教材几乎一致。
当庭根据原告及被告储久良举证,对涉案作品进行比对,原告作品目录14章,被告储久良作品目录15章,其中:原告第2章与被告第2章、原告第3章与被告第3章、原告第4章与被告第4章、原告第5章与被告5章、原告第6章与被告第6章、原告第7章与被告第9章、原告第8章与被告第10章、原告第9章与被告第11章、原告第11章与被告第12章的一级目录均相同或相似,大部分章的二级、三级目录均相同或相似。原告及被告储久良作品在相同章节的内容表达上相同或相似的有51处。根据被告储久良举证该51处中,其中有12处在原告出版该作品之前已有其他作品出版且与原告作品内容表达相同或相似(详见后附比对清单)。
另查明:1、原告在诉讼前向被告储久良发律师函沟通解决此案。
原告于2016年4月14日在被告郑州市新华书店购买被告储久良编著作品《Web前端开发技术-HTML、CSS、JavaScript》。
原告为本案支付公证费1020元,购买被告储久良教材49元,律师费10000元,差旅费718元。
被告储久良于2012年11月7日与清华大学出版社签订出版合同。
被告储久良截止2017年2月获得其编著涉案被控侵权图书稿费66414.71元。
以上事实有原告2009年7月、2011年9月出版《网页设计与开发——HTML、CSS、JavaScript实例教程》、2013年7月被告储久良《Web前端开发技术--HTML、CSS、JavaScript》第1版、(2016)郑黄证民字第2563号公证书、购书小票、公证费发票、律师函、清华大学出版社证明、庭审笔录等在卷为证。
本院认为:我国《著作权法》第十一条第一款、第四款规定:著作权属于作者,本法另有规定的除外。如无相反证明,在作品上署名的公民、法人或者其他组织为作者。第十三条第一款规定:两人以上合作创作的作品,著作权由合作作者共同享有。《网页设计与开发-HTML、CSS、JavaScript实例教程》第1版、第2版由清华大学出版社分别于2009年7月和2011年9月出版发行,***、***编著,据此可认定原告是该图书的作者,享有著作权。被告储久良虽然对原告是否是涉案作品的著作权人、是否是适格原告提出异议,但未提供相反证据,故本院不予支持。
关于被告储久良使用原告作品的方式是否构成侵权。对侵权作品的认定应遵循长久以来国际上公认的公式:“接触+实质性相似”。经比对,被告储久良作品与原告作品的目录有九个章节的一级目录相同或相似,且大部分二、三级目录均相同或相似。行文中有多处文字内容相同或近似,其本身亦能构成独立表达,故二者的结构及部分文字内容存在基本相同的现象。被控侵权作品是否构成侵权,应从以下两方面进行考察:一是作品否具有独创性,二是作品是否表达方式唯一。本案中,被控侵权作品虽然属教材类描述性作品,在编写体例、概念表述、论证方法等方面相比一般作品而言会受有一定限制,但并不属于表达方式完全受限的作品。被告储久良作品的参考文献目录中包含有原告作品名称,证明被告储久良在编著自己作品时对原告作品已有较深入的了解。在此情况下,被告储久良对原告作品内容应负有较高的规避义务,即使在对相同概念、相同问题表述时也应尽可能采用不同的表达方式,避免出现结构和内容上的雷同。综观本案,被告储久良在已熟知原告作品且客观上可采取多种结构体例的情况下,采用了与原告作品基本相同的结构,使用了基本相同的目录及多处与原告作品雷同或高度近似的文字、表格、习题,贯穿全书大部分章节,与原告作品构成了实质性相似,侵犯了原告的著作权,故原告要求被告储久良停止侵权的诉讼请求成立,本院予以支持。同时,被告郑州市新华书店销售了被控侵权教材,亦侵害了原告著作权,原告要求被告郑州市新华书店停止销售涉案侵权出版物的诉讼请求成立,本院予以支持。
关于被告储久良辩称原告主张的51处侵权表达均缺乏独创性不构成侵权。本院认为,根据被告储久良所举证据,可以证明在原告出版涉案教材之前,原告主张的12处侵权表达,已在其他作者的作品中出现,且该12处文字均可构成独立表达,故被告储久良对该12处表达所提异议成立,本院予以支持。被告储久良就原告主张的其它39处侵权表达所提异议缺乏证据,本院不予支持。
关于被告储久良辩称对原告图书的使用属于合理使用不构成侵权。本院认为,《著作权法》第二十二条第一款第(六)项规定:在下列情况下使用作品,可以不经著作权人许可,不向其支付报酬,但应当指明作者姓名、作品名称,并且不得侵犯著作权人依照本法享有的其他权利:…(六)为学校课堂教学或者科学研究,翻译或者少量复制已经发表的作品,供教学或者科研人员使用,但不得出版发行。虽然其涉案图书是教材,但并不是为用于课堂教学或者科学研究目的而少量复制,而是由清华大学出版社出版发行,并因此获得六万余元稿酬,不应当属于《著作权法》第二十二条第一款第(六)项规定的情形。被告储久良图书因此被告储久良的涉案图书不构成著作权法意义上的合理使用,对被告储久良的相关辩解不予支持。
关于赔礼道歉。因被告储久良未在其作品中署原告姓名,表明原告身份,侵犯了原告的署名权,故原告要求被告赔礼道歉的诉请成立,本院予以支持。但赔礼道歉应根据被告侵权情节及侵权行为造成影响的范围,决定赔礼道歉的方式和范围。原告没有提供证据证明因被告的侵权行为所造成的不利后果及影响范围,故其要求被告储久良在双方工作单位赔礼道歉、在中国大学出版社协会说明情况、消除影响的诉请缺乏证据,本院不予支持。本院根据案件实际情况,判决被告储久良向原告本人书面赔礼道歉。
关于赔偿经济损失的数额。我国《著作权法》第四十九条之规定,侵犯著作权或者与著作权有关的权利的,侵权人应当按照权利人的实际损失给予赔偿;实际损失难以计算的,可以按照侵权人的违法所得给予赔偿。赔偿数额还应当包括权利人为制止侵权行为所支付的合理开支。权利人的实际损失或者侵权人的违法所得不能确定的,由人民法院根据侵权行为的情节,判决给予五十万元以下的赔偿。原告支付购买被控侵权教材49元的费用及公证费用1020元属于为制止侵权行为的合理支出,本院予以支持。原告主张的律师费10000元、差旅费718元本院在合理范围内酌情支持。原告未能举证证明因被告侵权行为所受到的损失数额,或其因侵权行为所获利润数额。本院综合考虑被告储久良涉案侵权作品在相关公众的知名度、涉案作品类型、侵权行为的性质、行为人的过错程度、涉案侵权作品的销售价格及出版发行的数量等因素,确定赔偿数额为三万元。
综上,依照《中华人民共和国著作权法》第十条第一款第(五)项、第(六)项、第二款、第四十七条第(七)项、第四十八条第(一)项、第四十九条、《最高人民法院关于审理著作权民事纠纷案件适用法律若干问题的解释》第七条第(一)款,《中华人民共和国民事诉讼法》第六十四条第(一)款之规定,判决如下:
一、被告储久良立即停止复制、发行侵犯原告***、***享有著作权的《网页设计与开发--HTML、CSS、JavaScript实例教程》作品的行为;
二、被告储久良于本判决生效之日起十日内赔偿原告***、***经济损失及为制止侵权行为而支出的费用30000元;
三、被告储久良于判决生效三十日内书面向原告***、***书面赔礼道歉,内容需经本院审核。
四、被告河南省郑州市新华书店有限公司立即停止销售侵犯原告***、***享有著作权的《网页设计与开发--HTML、CSS、JavaScript实例教程》作品的行为;
五、驳回原告***、***其他诉讼请求。
如果未按本判决指定的期间履行给付金钱义务,应当依照《中华人民共和国民事诉讼法》第二百五十三条之规定,加倍支付迟延履行期间的债务利息。
本案案件受理费2208元,由原告***、***负担660元,被告储久良、河南省郑州市新华书店有限公司负担1548元。
如不服本判决,可在判决书送达之次日起十五日内,向本院递交上诉状一式八份,上诉于河南省高级人民法院。
审判长  钱红军
审判员  张永杰
审判员  张 蕾
二〇一八年四月十二日
书记员  张 璐
附:原告、被告涉案教材举证比对清单(共19页):

序号

原告书

被告书

案外书

1

(P2)用HTML编写的超文本文档称为HTML文档,它是由很多标记组成的一种文本文件,HTML标记可以说明文字、图形、动画、声音、表格、链接等,HTML在WWW上取得了巨大成功,通过它可以在因特网上展示任何信息。使用HTML描述的文件,能独立于各种操作系统平台(如UNIX、Windows等),访问它需要WWW浏览器。人们所看到的网页,是浏览器对HTML文件进行解释的结果。用图1-1所示是新浪网的首页。

可以通过浏览器直接查看上述页面的HTML源代码,如在IE浏览器菜单栏上选择“查看”→“源文件”命令即可。

(P6)用HTML编写的超文本文档称为HTML文档,它是由很多标记或标签(网络资源中常称为标签)组成的一种文本文件,HTML标记可以说明文字、图像、动画、声音、表格、链接等。HTML在WWW上取得了巨大的成功,通过它可以在因特网上展示任何信息。使用HTML描述的文件,能独立于各种操作系统平台(如UNIX/Linx、Windows等),访问它需要Web浏览器。在浏览器的URL中输入网址,如http://www.edu.cn ,所看到的网页是浏览器对HTML文件进行解释的结果。如图1-3-1所示是中国教育与科技计算机网的首页。

(P7)通过IE浏览器的菜单栏中【查看】|【源文件】命令,可以查看中国教育与科研计算机网首页的部分源代码,如图1-3-2所示,其中、、<link>等。</p> </td> <td width=01lydyh0123301lydyh01> <p>《Web开发技术及其应用》 王成良编著2007P66</p> <p> ...用HTML语言编写的网页文件,...或称HTML文档,是由HTML标记组成的描述性文本。HTML标记可以说明文字、图形、动画、声音、表格、链接等。...</p> </td> </tr> <tr height=01lydyh0112001lydyh01> <td width=01lydyh013701lydyh01> <p>2</p> </td> <td width=01lydyh0133401lydyh01> <p> (P4)…文字超链接在浏览器中显示出来时一般是带有下划线的文字。判断网页中的某个对象是否是超链接有个简单的方法,就是当鼠标的光标箭头拖动到这个文字或图片上时,如果是超链接,浏览器便会改变光标为一只手的形状。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P5)文本超链接在浏览器中显示出来时一般是带有下划线的文字。判断网站中的某个对象是否是超链接有个简单的方法,就是将鼠标的光标箭头移动到这个文字或图片上时,如果是超链接,浏览器会改变光标为一只手的形状。</p> </td> <td width=01lydyh0123301lydyh01> <p>《信息处理技术员教程》 唐多强主编2005 P290</p> <p> ...当鼠标光标箭头移动到这个文字或图像时,如果是超链接,浏览器便会改变光标为一只手的形状。</p> </td> </tr> <tr height=01lydyh0129001lydyh01> <td width=01lydyh013701lydyh01> <p>3</p> </td> <td width=01lydyh0133401lydyh01> <p> (P5)…网页可以看成是一个单一体,是网站的一个元素。</p> <p> ...当在浏览器输入网址后,浏览器可以从WWW上下载指定的网页,传送到本地计算机,然后通过浏览器解释网页的内容,再显示到窗口内。</p> <p> 首页(Home Page),也可以称之为主页,是一个单独的网页,和一般网页一样,可以存在各种信息,同时又是一个特殊的网页,作为整个网站的起始点和汇总点,是浏览者访问一个网站的第一个网页。人们都将首页作为体现网站形象的重中之重,也是网站所有信息的归类目录或分类缩影。所以在制作首页的时候一定要突出重点、分类准确、设计上引人注意、操作上简单方面,能够使浏览者在看到主页后,吸引用户进一步深入的关注网站的内容。</p> </td> <td width=01lydyh0132801lydyh01> <p>(P9)…网页可以看成是一个单一体,是网站的一个元素…用户通过浏览器的URL输入需要访问的网址后,可以从Web网站下载指定的网页,传送到本地计算机,然后通过浏览器解释网页内容,再显示到窗口内。</p> <p> …也可以成为主页,是一个单独的网页,和一般网页一样,可以存放各种信息,同时又是一个特殊的网页,作为整个网站的起始点和汇总点,是浏览者访问一个网站的第一个页面。人们都将首页作为体现网站形象的重中之重,也是网站所有信息的归类目录或分类缩影。所以在设计Web网站首页时一定要突出重点、风格独特、分类准确、用户界面UI设计别具一格、操作方便,能够吸引网络的访问者注意力,让其更深入地去研究网站的主要内容。</p> </td> <td width=01lydyh0123301lydyh01> <p>《网页设计与制作》</p> <p>伍云辉、代建华编著2006 P7</p> <p>...网页可以看作一个单一体,是网站的一个元素 ...</p> <p>主页,也可以称之为首页,它既是一个单独的网页,像一般网页一样,可以存放各种信息,又是一个特殊的网页,它是整个网站的起始点和汇总点,是浏览者开始浏览一个网站的地方。...</p> <p>《网站开发与网页设计使用教程》</p> <p> 李吉祥主编2008 P17</p> <p> ...人们都将首页作为体现公司形象的重中之重,首页也是网站所有信息的归类目录或分类缩影,... </p> </td> </tr> <tr height=01lydyh014701lydyh01> <td width=01lydyh013701lydyh01> <p>4</p> <p>4</p> </td> <td width=01lydyh0133401lydyh01> <p> (P9)…CSS语言是一种标记语言,不需要编译,属于浏览器解释下语言,可以直接由浏览器解释执行。CSS是由W3C的CSS工作组制定和维护的。</p> <p> 在主页制作时采用CSS技术,可以有效的对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或不同页面中相同部分的外观和格式。…可以将许多网页的风格格式同时更新,不用再一页一页地更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。</p> <p> 在HTML基础上,使用JavaScript可以开发交互式Web网页,如可以在线填写各类表格、联机编写文档并发布等。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。</p> <p> …它们在网页设计中扮演了重要的角色。…用来实现网页的动态性、交互性。</p> <p> (P10)在设计Web网页时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网站的外观和格式。在设计网页时采用CSS技术是为了解决网页内容与表现分离的问题。</p> <p> CSS语言是一种标记语言,不需要编译,属于浏览器解释型语言,可以直接由浏览器解释执行。CSS标准由W3C的CSS工作组制定和维护。</p> <p> (P11)…在设计Web网站时,许多网页的显示风格可以同时更新,不再需要一页一页地去更新。可以将站点上所有的网页样式都放在CSS样式文件里进行控制,只要修改这个CSS文件中相应的“属性/值”对,整个站点的所有页面的风格都会随之发生变化。…</p> <p> 在HTML基础上,使用JavaScript可以开发交互式Web页面,如可以在线填写各类表格、联机编写文档并发布等。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃元素和更加精彩的内容。…</p> <p> (P15)在HTML基础上,使用JavaScript可以开发交互式Web页面,如可以在线填写各类表格、联机编写文档并发布等。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃元素和更加精彩的内容。…</p> <p> (P24)…三者在网页设计中扮演了重要的角色。…对网页布局、字体、颜色、背景和其他效果实施更加精确的控制;…实现网页的动态、交互的功能。…</p> </td> <td width=01lydyh0123301lydyh01> <p>《感受精彩Dreamweaver8 经典商业网站大制作》人民邮电出版社 沈炜、王槐三等编著 2007 P100</p> <p>在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。...</p> <p>...</p> <p>可以将许多页面的风格格式同时更新,不用再一页一页的更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。</p> <p>《网页设计与制作实例教程》 胡昌杰、许新华主编 2009-02-01 P138</p> <p> ...JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。 ...</p> <p>5</p> </td> <td width=01lydyh0133401lydyh01> <p>(P9)(1)HTML指的是( )。</p> <p>A.超文本标记语言(Hyper Text Markup Language)</p> <p>B.家庭工具标记语言(Home Tool Markup Language)</p> <p>C.超链接和文本标记语言(Hyperlinks and Text Markup Language)</p> <p> (P10)(2)Web标准的制定者是( )。</p> <p>A.微软公司B.万维网联盟(w3c) C.网景公司(Netscape)</p> <p>(P24)(1)HTML指的是( )。</p> <p> A.家庭工具标记语言(Home Tool Markup Language)</p> <p> B.超文本标记语言(Hyper Text Markup Language)</p> <p> C.超链接和文本标记语言(Hyperlinks and Text Markup Language)</p> <p> D.以上都不是</p> <p> (2)Web标准的制定者( )</p> <p> A.欧洲计算机制造商协会(ECMA)</p> <p> B.微软公司(Microsoft)</p> <p> C.网景公司(Netscape)</p> <p> D.万维网联盟(W3C)</p> <p>百度贴吧朋朋吧 2007</p> <p> HTML指的是?</p> <p> A.Hyper Text Language</p> <p> B.Home Tool Markup Language</p> <p> C.Hyperlinks and Text Markup Language</p> <p> D.Hyper Text Markup Language</p> <p> Web标准的制定者是?</p> <p> A.微软</p> <p> B.万维网联盟(W3C)</p> <p> C.网景公司(Netscape)</p> <p> D.网络工程师协会</p> </td> </tr> <tr height=01lydyh0122601lydyh01> <td width=01lydyh013701lydyh01> <p>6</p> </td> <td width=01lydyh0133401lydyh01> <p> (P11)一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。</p> <p> <html>标记通常会作为HTML文档的开始代码,…而</html>标记通常作为HTML文档的结束代码,…其他所有的HTML代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释;…</p> <p> (P11、12)以上标记在文档中都是唯一的,<head>…</head>标记和<BODY>…</head>标记嵌套在HTML标记中。</p> <p> (P27、28)一个完整的HTML文档由头部head和主体body两个部分组成。在头部head标记中可以定义标题、样式等,头部信息不显示在网页上;…主体内容是网页要显示的信息。</p> <p> HTML文档以<html>标记开始,以</html>标记结束。所有的HTML代码都位于这两个标记之间。<html>标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释,</html>标记用于告诉浏览器HTML文档结束了。…</p> <p> …</p> <p> 在HTML文档中,head标记和body标记必须是唯一的,且包含在HTML标记中。</p> </td> <td width=01lydyh0123301lydyh01> <p>7</p> <p>7</p> </td> <td width=01lydyh0133401lydyh01> <p> (P14、15) HTML用于描述功能的符号称为“标记”。<html>、<head>、<BODY>等都是标记。标记通常分为单标记和双标记两种类型。</p> <p> 单标记</p> <p> 单标记仅单独使用就可以表达完整的意思。</p> <p> 最常用的单标记是<br>,表示换行。</p> <p> 双标记</p> <p> 双标记由首标记和尾标记两部分构成,必须成对使用。首标记告诉Web浏览器从此处开始执行该标记所表示的功能。尾标记告诉Web浏览器在这里结束该标记。</p> <p> 其中“内容”部分就是要被这对标记施加作业的部分。</p> <p> 例如,b标记的作用是,告诉浏览器介于标记<b>和</b>之间的文本应以粗体显示。(这里的b是“粗体(body)”的意思。</p> <p> 标记可以包含标记,即标记可以成对嵌套,但是不能交叉的嵌套。下面的代码就是错误的:</p> <p> <B><I>这是错误的交叉嵌套代码</B></I></p> <p> HTML通过标记告诉浏览器如何展示网页,如<br>告诉浏览器显示一个换行。另外还可以为某些元素附加一些信息,这些附加信息被称为属性(Attribute)。</p> <p> 例如,标记<hr>的作用是在网页中插入一条水平线,那么这条水平线的粗细、对齐方式等就是该标记的属性,如:</p> <p><hr size=“5px”align= “center”></p> <p> 属性应写在首标记内,并且和标记名之间有一个空格分隔。例如,上例中hr标记中,align为属性,center为属性值,属性值可以直接书写,也可以使用双引号“”括起来。…</p> </td> <td width=01lydyh0132801lydyh01> <p> (P34、35) HTML用于描述功能的符号称为标记,也可称为“标签”(Tag)…<html>、<head>、<BODY>等都是标记。标记通常分为单标记和双标记两种类型。</p> <p> 1.单标记</p> <p> 单标记仅单独使用就可以表达完整的意思。…</p> <p> 最常用的单标记有<br>…表示水平分割线</p> <p> 2.双标记</p> <p> 双标记由开始标记和结束标记两部分组成,必须成对使用。开始标记也称为首标记,告诉Web浏览器从此处开始执行该标记所表示的功能;结束标记也称为尾标记,…浏览器在这里结束该标记。</p> <p> 其中“内容”部分就是要被此对标记施加作用的部分。</p> <p> 例如,b标记的作用是,告诉浏览器介于标记<b>和</b>之间的文本应以粗体显示。这里的b(bold的首字母)代表“粗体”的意思。</p> <p> 标记可以包含标记,即标记可以成对嵌套,但是不能交叉地嵌套。</p> <p> HTML通过标记告诉浏览器如何展示网页,如<br>告诉浏览器显示一个换行。另外,还可以为某些标记附加一些信息,这些附加信息被称为属性(Attribute)。</p> <p> 例如,标记<hr>的作用是在网页中插入一条水平分隔线,那么这条水平线的粗细、对齐方式等就是该标记的属性,代码如下所示:</p> <p> <hr size=”3”color=”red” align=”center”></p> <p> 属性应在开始标记(首标记)内定义,并且和标记名之间至少有一个空格分隔。例如,上例hr标记中,align为属性,center为属性值,属性值可以直接书写,也可以使用双引号“”括起来。</p> </td> <td width=01lydyh0123301lydyh01> <p>《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P16-17</p> <p>2.2 HTML基本语法</p> <p>2.2.1 标记语法</p> <p>1、 什么是标记</p> <p>HTML用于描述功能的符合称为“标记”。比如,<html>、<head>、<BODY>等,都是标记,<html>标记表示HTML文档的开始。...</p> <p>2、 标记类型和语法</p> <p>单标记</p> <p>之所以称为“单标记”,是因为它只需单独使用就能完整地表达意思,...</p> <p>最常用的单标记是<br>,它表示换行。</p> <p>双标记</p> <p>“双标记”由“始标记”和“尾标记”两部分构成,必须成对使用。</p> <p>始标记告诉Web浏览器从此处开始执行该标记所表示的功能。</p> <p>尾标记告诉Wwb浏览器在这里结束该功能。...</p> <p>...</p> <p>其中“内容”部分就是要被这对标记施加作用的部分。</p> <p>...</p> <p>标记可以成对嵌套,但是不能交叉地嵌套,...</p> </td> </tr> <tr height=01lydyh0112501lydyh01> <td width=01lydyh013701lydyh01> <p>8</p> </td> <td width=01lydyh0133401lydyh01> <p> (P15)注释标记用于在HTML源码中插入注释。注释会被浏览器忽略。可以使用注释对程序代码进行解释,适当的注释对以后代码的阅读和维护产生很大的帮助。</p> <p> …另外一个号的习惯是把脚本或样式元素放入注释文本中,这样就可避免不支持脚本或样式的浏览器把它们显示为纯文本。…</p> </td> <td width=01lydyh0132801lydyh01> <p> (P37)…养成良好的编程习惯。…这样既可避免不支持脚本或样式的浏览器把它们显示为纯文本…</p> <p> HTML中的注释标记用于在HTML源代码中插入注释。浏览器会忽略注释信息。…复杂程序使用注释对程序代码进行解释,对后期阅读和代码维护具有十分重要的意义。</p> </td> <td width=01lydyh0123301lydyh01> <p>9</p> <p>9</p> </td> <td width=01lydyh0133401lydyh01> <p> (P16) 2、HTML语法是网页开发时所遵循的基本规则,以一种规范的方法编写代码有助于减少页面中存在的缺陷。…</p> <p> (1)“<”和“>”是任何标记的开始和结束。元素的标记要用这对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠“/”。</p> <p> (2)标记可以嵌套使用,但不能交叉使用。如:…</p> <p> (3)在源代码中不区分大小写,如以下几种写法都是正确并且相同的标记:<HEAD>、<head>、<Head>,但推荐在一个项目中使用一种风格。</p> <p> (4)任何回车符和空格在HTML代码中都不起作用。为了代码清晰,建议不同的标记都单独占一行。</p> <p> (5)标记中可以放置各种属性,属性值都有“”括起来。</p> <p> (6)文件编写代码,一般应该使用缩进风格,以便更好的理解页面的结构,便于阅读和维护。</p> <p> 为了使浏览器能正常浏览网页,在用记事本或别的HTML开发工具编写HTML文档后,在保存HTML时,对HTML文件的命名要注意以下几点:</p> <p> (1)文件的扩展名为htm或html结束,建议统一使用html作为文件名的后缀。</p> <p> (2)文件名中只可由英文字母、数字、或下划线组成。</p> <p> (3)文件名中不要包含特殊符号,如空格、$ 等</p> <p> (4)文件名区分大小写。</p> <p> (5)网站首页文件名一般是index.html或default.html。</p> <p> …编写一个HTML文件,在编写的时候要注意编写的注意事项,养成良好的编码习惯。</p> <p> (1)打开Windows记事本,先写好HTML文档的主体框架,即把HTML文档的头部结构和主体结构写好。</p> <p> (2)在<head>和</head>之间定义头部信息。</p> <p> (3)在<BODY>和</BODY>之间写代码,…</p> <p> (4)将这个文件保存为…</p> <p> (5)启动Internet Explerer浏览器,…</p> <p> (P38、39) HTML语法是Web页面设计应所遵循的基本规范,养成按规范编写代码,能够大大减少设计页面中存在的缺陷。下面是HTML页面编码时需要注意的基本规范;</p> <p> (1)所有标记均以“<”开始、以“>”结束。HTML所有元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加1个斜杠“/”。…</p> <p> (3)标记可以嵌套使用,但不能交叉使用。</p> <p> (4)在HTML代码中不区分大小写,如头部标记写成<HEAD>、<head>、<Head>、<HEAd>都可以,但建议在同1个Web开发项目中保持一种风格。</p> <p> (5)任何回车符和空格在HTML代码中都不起作用。…为了代码清晰,建议不同的标记都单独占一行。</p> <p> (6)标记中可以设置各种属性,属性值建议用双引号标注起来,也可以不用双引号。…</p> <p> (8)编写HTML代码时,…采用缩进风格,…清晰,便于理解和分析页面的结构,便于代码后期阅读和维护。</p> <p> …为了浏览器能正常显示网页,使用记事本、EditPlus、TextPad等开发工具完成HTML文件编写工作后,在保存HTML文件时,必须遵循HTML文件命名规则。</p> <p> (1)文件的扩展名为.html或者.htm,建议统一用html作为文件名的后缀。</p> <p> (2)…</p> <p> (3)文件名中不能包含特殊符号,如空格、$、&等。</p> <p> (4)文件名区分大小写,特别在Unix、Linux系统中大小写表示的文件时不同的。</p> <p> (5)网站首页文件名一般是index.html或default.html。</p> <p> ……在编写时要遵守HTML代码的编写规范,并养成良好的编码习惯。</p> <p> (1)打开Windows记事本,先写好HTML文档的主体框架,即把HTML文档的头部结构和主体结构写好。</p> <p> (2)在<head>和</head>之间插入标题和样式标记。</p> <p> (3)在<BODY>和</BODY>之间插入代码,…</p> <p> (4)将这个文档保存为…</p> <p> (5)使用IE浏览器打开刚保存的文件…</p> </td> <td width=01lydyh0123301lydyh01> <p>《HTML XHTML CSS网页制作从入门到精通》人民邮电出版社 何秀芳、周进、张淑菊编著 2008 P3</p> <p>在编写HTML文件时,要注意以下几点:</p> <p> (1)“<”和“>”是任何标记的开始和结束。元素的标记要用尖括号括起来,并且在结束标记的前面加一个“/”斜杠,...</p> <p> (2)在源代码中不区分大小写。</p> <p> (3)任何回车和空格在源代码中均不起作用。为了代码的清晰,建议不用的标记之间用回车键进行换行。</p> <p> (4)在HTML标记中可以放置各种属性。</p> <p>《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P18-19</p> <p> 为了使浏览器能正常浏览网页,在用记事本或别的HTML开发工具编写好HTML文档后,在保存HTML时,对HTML文件的命名要注意以下几点:</p> <p> 文件的扩展名要以html或htm结束。</p> <p> 文件名中只可由英文字母、数字或下划线组成。</p> <p> 文件名中不要包含特殊符号,比如空格、$等。</p> <p> 文件名是区分大小写的,...</p> <p> 网站首页文件名默认是index.htm或index.html。</p> </td> </tr> <tr height=01lydyh018801lydyh01> <td width=01lydyh013701lydyh01> <p>10</p> </td> <td width=01lydyh0133401lydyh01> <p> (P14)…三种风格:严格型、过渡型和框架型。</p> <p> 如果需要干净的标记,免于表现层的混乱,可以使用此类型,与层叠样式表(CSS)配合使用。</p> <p> FramesetDTD应当被用于带有框架的文档。除frameset元素取代了body元素之外,FramesetDTD等同于TransitionalDTD。</p> <p> (P40)…3中DTD类型:严格Strict、过渡Transitional以及框架Frameset。</p> <p> 如果需要干净的标记,免于表现层的混乱,使用此类型,并与层叠样式表(CSS)配合使用。</p> <p> Frameset DTD应当被用于带有框架的文档。除frameset元素取代了body元素之外,Frameset DTD等同于Transitional DTD。</p> </td> <td width=01lydyh0123301lydyh01> <p>11</p> <p>11</p> <p> (P17)本章主要介绍了HTML文件的基本结构和基本语法。HTML文件基本结构包含三大部分,其中:</p> <p> (1)<html>…</html>分别表示一个HTML文件的开始和结束。</p> <p> (2)<head>…</head>分别表示文件头部的开始和结束。</p> <p> (3)<BODY>…</BODY>分别表示文件主体的开始和结束。<BODY>…</BODY>是HTML文档的核心部分,在浏览器中看到的任何信息都定义在这个标记之内。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P42)本章主要介绍了HTML文件的基本结构。HTML文档包含3个主要标记,其中:</p> <p> <html>…</html>分别表示一个HTML文件的开始和结束。</p> <p> <head>…</head>分别表示文件头部的开始和结束。</p> <p> <BODY>…</BODY>分别表示文件主体的开始和结束。</p> <p> <BODY>…</BODY>是HTML文档的核心,在浏览器中看到的任何信息都定义在这个标记之内。…</p> <p>《教学网站开发》鲁正火、 魏霞、陈勋俊编著,2007P45</p> <p>其中,<html>和</html>分别表示一个HTML文件的开始和结束,<head>和</head>分别表示文件头部分的开始和结束,<BODY>和</BODY>分别表示文件体部分的开始和结束。</p> <p>12</p> </td> <td width=01lydyh0133401lydyh01> <p> (P18)(4).创建一个HTML文件的开始标记是 ,结束标记是 。</p> <p> (6).把HTML文档分为 和 两部分。 部分就是在Web浏览器窗口的用户区内看到的内容,而 部分用来设置该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。</p> <p> (7).HTML4或XHTML1.0的三种文档风格是 、 、 。</p> <p> (8).简述一个HTML文档的基本结构。</p> <p> (P43)(2)新建一个HTML网页文件的开始标记是 ,结束标记是 。</p> <p> (4)HTML文档由为 和 两部分组成。 部分就是在Web浏览器窗口中用户内看到的内容,而 部分用来设置该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。</p> <p> (5)HTML4.01或XHTML1.0的文档类型有3种,分别是 、 、 。</p> <p> ……</p> <p> (1)简述一个HTML文档的基本结构,并举例说明。</p> <p>《Web程序员初级HTML和VBScript》高教出版社 贾长云、朱香卫等编,2006 P41</p> <p>(1)创建一个HTML文档的开始标记是 ;结束标记是 。</p> <p>《HTML、JavaScript与Java三合一最新培训课程》 曹建,2000 P19-20</p> <p> 一、填空题</p> <p>2、 我们把HTML文档分为 和 </p> <p>两部分, 部分就是我们在Web浏览器窗口的用户区内看到的内容,而 部分用来规定该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。</p> <p>二、简答题</p> <p>1、简述一个HTML文档的基本结构。</p> </td> </tr> <tr height=01lydyh018001lydyh01> <td width=01lydyh013701lydyh01> <p>13</p> </td> <td width=01lydyh0133401lydyh01> <p> (P24) …可以为face属性一次定义多个字体,字体之间使用“,”分隔开,浏览器在读取字体时,如果第1种字体系统中不存在,就显示第2种字体,如果第2种字体系统中不存在,就显示第3种字体,依此类推,…</p> </td> <td width=01lydyh0132801lydyh01> <p> (P52)字体名称可以是多个,使用时,从左向右依次选用。第一种字体没有,就选用第2种字体,第2种字体没有就选用第3种字体,依次类推。…</p> </td> <td width=01lydyh0123301lydyh01> <p>14</p> </td> <td width=01lydyh0133401lydyh01> <p> (P31)…如果想强制浏览器不换行显示,可以使用<nobr>标记。若希望在<nobr>标记中的文字强制换行,则可以使用<wbr>。</p> <p> 基本语法:</p> <p> <br></p> <p> <nobr>…</nobr></p> <p> <wbr>…</wbr></p> <p> (2)<nobr></nobr>标记之间的内容不换行,但是<nobr></nobr>标记中被<wbr></wbr>包含的内容将被强制换行。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P54)…如果想强制浏览器不显示换行,可以使用nobr标记。若想在nobr标记中强制文字换行,则可以使用wbr标记。</p> <p> 1.基本语法</p> <p> 换行:<br></p> <p> 不换行:<nobr>…</nobr></p> <p> 强制换行:<wbr>…</wbr></p> <p> …<nobr></nobr>标记之间的内容不换行,但<nobr></nobr>标记中被<wbr></wbr>标记包含的内容将强制换行。</p> </td> <td width=01lydyh0123301lydyh01> <p>《最新HTML&CSS标准教程》 胡崧编著2007P65</p> <p>…</p> <p>基本语法</p> <p><br></p> <p><nobr>…</nobr></p> <p><wbr>…</wbr></p> <p>15</p> </td> <td width=01lydyh0133401lydyh01> <p> (P35) <h2 align=center>唐诗欣赏</h2></p> <p> <hr width=“100%”size=“1”color=“#00ffee”></p> <p> 图3-19文字与段落小实例 唐诗欣赏</p> </td> <td width=01lydyh0132801lydyh01> <p> (P***)<center>《静夜思》鉴赏</center></p> <p> <hr width=”100%”size=”1”color=”#000fff”></p> <p> 图3-4-1唐诗赏析页面</p> </td> <td width=01lydyh0123301lydyh01> <p>16</p> <p>16</p> </td> <td width=01lydyh0133401lydyh01> <p> (P37 )1、下面( )是换行符标记?</p> <p> A<BODY> B<font> C<br> D<p> 3、在HTML中,标记<pre>的作用是( )</p> <p> A标题标记 B预排版标记 C转行标记 D文字效果标记</p> <p> 5、要设置一条1像素粗的水平线,应使用的HTML语句是 。</p> <p> (P***)(3)下面换行标记的是( )。</p> <p> A.<BODY> B.<font> C.<br> D.<p> (5)HTML中,标记<pre>的作用是( )。</p> <p>A.标题字标记 B.预排版标记 C.换行标记 D.文字效果标记</p> <p>…</p> <p> (5)要设置一条1像素粗的水平线,应使用的HTML语句是 。</p> <p>《网页设计与制作》田博文编著 2006P***</p> <p>1、下面哪一项是换行符标签?( )</p> <p>A.<BODY> B.<font> C.<br> D.<p>《计算机应用基础学习指导2006版》华东师范大学出版社 汪燮华等主编2007P1***</p> <p>10、在HTML中,标记<per>的作用是 。</p> <p> A标题标记 B预排版标记 C转行标记 D文字效果标记</p> <p>《ASP动态网页设计》清华大学出版社 </p> <p> 黄玉春主编.2009.2P40</p> <p> 16.要设置一条1像素粗的水平线,应使用的HTML语句是 。</p> </td> </tr> <tr height=01lydyh016401lydyh01> <td width=01lydyh013701lydyh01> <p>17</p> </td> <td width=01lydyh0133401lydyh01> <p> (P39) …常用的列表有无序列表、有序列表和定义列表三种。另外,还有不太常用的目录列表和菜单列表。</p> <p> (P63、64)列表能对网页中的相关信息进行合理的布局,将项目有序或者无序地罗列显示。HTML中列表一共有5种分别是无序列表、有序列表、定义列表、菜单列表和目录列表。但常用列表有3种分别是无序列表、有序列表、定义列表。</p> </td> <td width=01lydyh0123301lydyh01> <p>18</p> </td> <td width=01lydyh0133401lydyh01> <p> (P50 )图4-10有序列表实验、图4-11列表嵌套实验</p> </td> <td width=01lydyh0132801lydyh01> <p> (P65)图4-2-1无序列表</p> <p> (P73)图4-7-1多种列表的应用</p> </td> <td width=01lydyh0123301lydyh01> <p>19</p> </td> <td width=01lydyh0133401lydyh01> <p> (P44)…在网页文件中,对于内容层次较多的情况,使用嵌套列表不仅使网页的内容布局更加合理美观,而且使其内容看起来更加清晰、明了。嵌套的列表可以是无序列表的嵌套,也可以是有序列表的嵌套,还可以是无序类表和有序列表的混合嵌套。</p> <p> (P70)…在网页文件中,对于内容层次较多的情况,使用嵌套列表不仅使列表网页的内容布局更加合理美观,而且使其内容看起来更加清晰、明了。</p> <p>嵌套方式:嵌套的列表可以使无序列表的嵌套,也可以使有序列表的嵌套,还可以是无序列表和有序列表的混合嵌套。嵌套列表不可以交叉嵌套。…</p> <p>《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P58</p> <p> 在网页文件中,列表的使用也很频繁,嵌套列表的使用不仅使网页的内容布局更加美观,而且使显示的内容更加清晰、明白,…</p> </td> </tr> <tr height=01lydyh014401lydyh01> <td width=01lydyh013701lydyh01> <p>20</p> </td> <td width=01lydyh0133401lydyh01> <p> (P45)…</p> <p> <h2>…普通话考试通知…</h2></p> <p> ……</p> <p> <li>报名时间:3月16-21日,逾期不予受理。</li></p> <p> <li>报名地点:所在院系办公室。</li></p> <p> <li>报名费用:按物价局规定85元/人/次(含培训费),报名时交齐。</li></p> <p> ……</p> <p> (P70)…</p> <p> <h4>全国计算机等级考试通知</4></p> <p> ……</p> <p> <li>报名时间:2012年12月11日-25日,预期不予受理。</li></p> <p> <li>报名地点:学院教务处(4512)。</li></p> <p> <li>报名费用:按物价局规定100元/人/次,报名时交齐。<li></p> <p> ……</p> </td> <td width=01lydyh0123301lydyh01> <p>21</p> </td> <td width=01lydyh0133401lydyh01> <p> (P50)实验 图4-10有序列表实验</p> <p> 4、使用有序列表标记的 属性后,可改变编号的起始值。该属性值是一个 ,表示从哪一个数字或字母开始编号。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P69)图4-4-1 有序列表</p> <p> (P75)(3)设置有序列表的 属性可以改变编号的起始值,该属性值的类型是 ,表示从哪一个数字或字母开始编号。…</p> </td> <td width=01lydyh0123301lydyh01> <p>22</p> </td> <td width=01lydyh0133401lydyh01> <p> (P52) …在本质上属于一个网页的一部分,是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接后,才能真正构成一个网站。…当浏览者点击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型打开或者运行。</p> <p> (P77)…它是一种允许同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。…当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。…</p> <p>《计算机基础》中国科学技术大学出版社 蔡庆华2008P279</p> <p> 网页中的超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行链接的元素。各个网页链接在一起后,才能真正构成一个网站。…当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。</p> </td> </tr> <tr height=01lydyh019301lydyh01> <td width=01lydyh013701lydyh01> <p>23</p> <p>23</p> </td> <td width=01lydyh0133401lydyh01> <p> (P54 )建立超链接的标记是<a>(Anohor,锚),以<a>开始,以</a>结束,超链接可以指向网络上的任何资源…</p> <p> …</p> <p> …每一个网页都具有独一无二的地址,即统一资源定位器(Uniform Resource Locator,TRL)。…</p> <p> 在HTML文件中,主要提供了三种路径:绝对路径、相对路径和根路径,…</p> <p> 1、绝对路径</p> <p> 绝对路径指文件的完整路径,…一般用于网站的外部链接…</p> <p> 2、相对路径</p> <p> …,包含了从当前文件指向目的文件的路径。…</p> <p> 3、根路径</p> <p> 根路径适用于创建内部链接,但是大多数情况下,不建议使用根路径。…在决大多数情况下,链接本地机器上的文件时使用相对路径比较好,不仅在本地机器环境下适合,就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。</p> <p> (P78)建立超链接可以使用超链接a(Anchor)标记来实现。以<a>开始,以</a>结束,超链接可以指向网页上任何资源,…</p> <p> …</p> <p> …属性定义链接所访问的目标地址,这也是路径。每一个网页都有一个相对固定的地址,就是统一资源定位符URL,…分别是绝对路径、相对路径、根路径。</p> <p> 1.绝对路径</p> <p> 绝对路径指文件的完整路径,…一般用于网站的外部链接,…</p> <p>2.相对路径 </p> <p>…它包含了从 当前文件指向目的文件的路径。…</p> <p>3.根路径</p> <p>根路径目录地址同样可用于创建内部链接,但大多数情况下,不建议使用此种链接形式。…</p> <p> …链接本地资源在绝大多数情况下使用相对路径比较好。…不仅适合在本地机器环境下,即使是上传到网络或其他系统下也不需要进行太多的更改就能准确链接。</p> </td> <td width=01lydyh0123301lydyh01> <p>《网站建设实例大制作》胡崧、于慧编著2007P37</p> <p>根路径目录地址同样可用于创建内部链接,但大多数情况下,不建议使用此种链接形式。</p> <p>24</p> </td> <td width=01lydyh0133401lydyh01> <p>(P***) 图5-6 建立书签链接</p> <p>程序5-3.html、5-4.html</p> </td> <td width=01lydyh0132801lydyh01> <p> (P82)【例5-3-2】</p> <p> 图5-3-2同页面书签链接</p> </td> <td width=01lydyh0123301lydyh01> <p>25</p> </td> <td width=01lydyh0133401lydyh01> <p>(P63) 程序5-6“FTP”链接实例、</p> <p> 图5-10FTP链接</p> </td> <td width=01lydyh0132801lydyh01> <p> (P84)【例5-3-3】</p> <p> (P85)图5-3-4FTP链接</p> </td> <td width=01lydyh0123301lydyh01> <p>26</p> </td> <td width=01lydyh0133401lydyh01> <p> (P67 )2、在网页中,必须使用()标记来完成超链接。</p> <p> A.<a>…</a> B.<p>…</p></p> <p> C.<link>…</link> D.<li>…</li></p> <p> 5、若要在页面中创建一个图像超链接,要显示的图形为myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中正确的是( )</p> <p> A.<a href=http://www.pcnetedu.com”>myhome.jpg</a></p> <p> B.<a href=“http://www.pcnetedu.com”></a></p> <p> C.<a href=“http://www.pcnetedu.com”></a></p> <p> D.<a herf=http://www.pcncredu.com></p> <p> (P90)(4)在网页中,必须使用( )标记来完成超链接。</p> <p> A.<a>…</a> B.<p>…</p> </p> <p> C.<link>…</link> D.<li>…</li></p> <p> (5)若要在页面中创建一个图像链接,要显示的图像为myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中,正确的是( )。</p> <p> A.<a href=”http:/www.pcnetedu.com”>myhome.jpg</a></p> <p> B.<a href=”http:/www.pcnetedu.com”></p> <p></a>”</p> <p> C.<a href=” http:/www.pcnetedu.com”</p> <p>></a></p> <p> D.<a href=http:/www.pcnetedu.com></p> </td> <td width=01lydyh0123301lydyh01> <p>《网页设计与制作Dreamweaver MX 2004》邓宁主编2007P2***</p> <p>8、若要在页面中创建一个图形超级链接,要显示的图形为myhong.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中正确的是( )。</p> <p> A.<a href=“http://www.pcnetedu.com”>myhome.jpg</a></p> <p> B.<a href=“http://www.pcnetedu.com”></a></p> <p> C.<a href=“http://www.pcnetedu.com”></a></p> <p> D.<a herf=http://www.pcncredu.com></p> </td> </tr> <tr height=01lydyh014901lydyh01> <td width=01lydyh013701lydyh01> <p>27</p> <p>27</p> </td> <td width=01lydyh0133401lydyh01> <p> (P72 )(1)width和height的单位可以是像素,也可以是百分比。…</p> <p> (2)在width和height属性中,如果只设置了其中的一个属性,则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置,且其比例和原图大小的比例不一致的话,那么显示的图像会相对于原图变形或失真。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P96)图像高度和宽度的单位可以是像素,也可以是百分比。</p> <p> 在设置图像的宽度和高度的属性时,如果只设置了宽度和高度中的一个属性,那么另一个属性会按图像宽高等比例显示;如果两个属性没有按原始大小的缩放比例设置,图像会发生变形。</p> </td> <td width=01lydyh0123301lydyh01> <p>28</p> </td> <td width=01lydyh0133401lydyh01> <p> (P74 )图6-3 指定图像的间距</p> </td> <td width=01lydyh0132801lydyh01> <p> (P100)图6-1-5设置图像对齐方式</p> <p> 图6-1-6设置图像间距</p> </td> <td width=01lydyh0123301lydyh01> <p>29</p> </td> <td width=01lydyh0133401lydyh01> <p> (P78 )滚动文字可以增加文字的动态效果,引起浏览者的注意,丰富网页的内容。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P104)通过marquee标记可以添加文字,增加文字的动态效果,丰富网页的效果。</p> </td> <td width=01lydyh0123301lydyh01> <p>30</p> </td> <td width=01lydyh0133401lydyh01> <p> (P81) 图6-8插入背景音乐</p> </td> <td width=01lydyh0132801lydyh01> <p> (P114)图6-3-1设置背景音乐</p> </td> <td width=01lydyh0123301lydyh01> <p>31</p> </td> <td width=01lydyh0133401lydyh01> <p> (P81 )使用<bgsound>标记只能添加声音文件,而且不能显示和调整播放软件的控制面板。而使用<embed>标记则可以插入各种各样的多媒体文件,如WMV、MP3、AVI、SWF、MOV、RMVB等。</p> </td> <td width=01lydyh0132801lydyh01> <p> (P114)使用bgsound标记只能在网页中添加声音文件,而不能显示和调整播放软件的控制界面。而使用<embed>标记可以将各种各样的多媒体文件嵌入到网页中,如SWF、MOV、MP3、WMV、AVI、RMVB等。</p> </td> <td width=01lydyh0123301lydyh01> <p>32</p> </td> <td width=01lydyh0133401lydyh01> <p> (P88 )程序7-1</p> <p> 图7-1程序运行结果图</p> <p> (P191)【例9-2-1】设计班级课程表。</p> <p> 图9-2-1插入表格</p> </td> <td width=01lydyh0123301lydyh01> <p>《实用网页设计技术-HTML、CSS与DTML》 赵丰年主编2000P64</p> <p> 图6.1表格实例</p> </td> </tr> <tr height=01lydyh012701lydyh01> <td width=01lydyh013701lydyh01> <p>33</p> </td> <td width=01lydyh0133401lydyh01> <p> (P89) 表头是指表格的第一行或第一列等对表格内容的说明,文字样式为居中、加粗显示,通过<th>标记实现。</p> <p> (P192)设计表格时,表头常常作为表格的第1行或者第1列,用来对表格单元格的内容进行说明。文字内容一般居中、加粗显示。可以通过th标记来实现。</p> </td> <td width=01lydyh0123301lydyh01> <p>34</p> <p> 34</p> </td> <td width=01lydyh0133401lydyh01> <p> (P91) 在表格设计中,width属性用于设置表格的宽度,height属性用于设置表格的高度。</p> <p> 基本语法:</p> <p> 表格背景默认为无填充色,根据网页设计要求,设置bgcolor属性可以设定表格背景颜色,以增加视觉效果。</p> <p> (P93) 表7-3 frame的属性、表7-4 rules的属性</p> <p> (P93)通过cellspacing属性可以调整表格的单元格和单元格之间的间距,使得表格布局不会显得过于紧凑。</p> <p> (P95)表格行标记<tr>的属性用于设定表格中某一行的属性,其常见属性设置如表7-5所示。</p> <p> 表7-5<tr>标记的属性</p> <p> (P98)表7-6<td>标记的属性</p> <p>单元格的rowspan属性可实现单元格的跨行合并(纵向合并)。</p> <p> Rowspan的值为单元格跨越的行数。如果创建跨越两行的单元格(即rowspan=“2”),那么在下一行中就不用定义相应的单元格,如果创建跨越三行的单元格(rowspan=“3”),那么在下两行中就不用定义相应的单元格,以此类推。</p> <p> (P99)colspan属性可以进行单元格的跨列合并(横向合并)。</p> <p> colspan的值为所跨单元格的列数。若在一行中创建跨越两列的单元格(即colspan=“2”),那么在该行中就应该少定义一个单元格,若在一行中创建跨越三列的单元格(即colspan=“3”),那么在该行中就少定义两个单元格,以此类推。</p> <p> (P196)在表格设计中,width属性用于设置表格的宽度,height属性用于设置表格的高度。</p> <p> 1.基本语法</p> <p> <table width=””height=””>…</table></p> <p> 表格背景默认为无填充色,根据网页设计风格的要求,使用table标记的bgcolor属性设置表格背景颜色,以增加视觉效果。…</p> <p> (P198)表9-3-3 frame、rules常见属性值说明表</p> <p> (P199)通过cellspacing属性设置表格单元格间隔,这样可以使网页中的表格显得不会过于紧凑。…</p> <p> (P201)表格行tr标记的属性用于设置表格某一行的样式,其属性设置如表9-4-1所示。</p> <p> 表9-4-1行tr标记的属性表</p> <p> (P205) 表9-5-1单元格td标记的属性表</p> <p> 单元格td的rowspan属性可以设置单元格跨行合并(纵向合并)。</p> <p> Rowspan属性可以设置单元格跨越的行数。如果要设置跨2行的单元格(rowspan=“2”)则下一行的单元格就必须少定义一个,即少一个td标记。如果要设置跨3行的……则下2行的单元格均要少定义一个,以此类推。</p> <p> (P206)单元格td的colspan属性可以设置单元格跨列合并(横向合并)。</p> <p> (P207) Colspan属性可以设置单元格跨越的列数。如果要设置跨2列的单元格(colspan=“2”),则该行的单元格就必须少定义1个,即少1个td标记。如果要设置跨3列的单元格(colspan=“3”),则该行的单元格要少定义2个,以此类推。 </p> </td> <td width=01lydyh0123301lydyh01> <p>《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P81</p> <p>表7-3 frame常见属性</p> <p>表7-4 frame常见属性 </p> <p>《网页设计技术伴侣-HTML/CSS/JavaScript范例应用》中国青年出版社 胡崧2006.12P114、115</p> <p>表7-6 <tr>标签属性</p> <p>表7-7 <td>标签属性</p> <p>35</p> </td> <td width=01lydyh0133401lydyh01> <p> (P100)…利用表格的嵌套,一方面可以制作复杂而精美的效果;另一方面可以根据布局需要实现精确的编排。不过,需要注意的是,嵌套层次越多,网页的载入速度就会越慢。</p> <p> (P208)…当然,表格中嵌套表格还会受到表格的总宽度和高度的限制,一般而言,表格中嵌套表格不要太多,否则会影响网站页面访问速度。…</p> </td> <td width=01lydyh0123301lydyh01> <p>36</p> </td> <td width=01lydyh0133401lydyh01> <p> (P105) …(2)使用表格排版网页时,要尽量细化表格,不要把整个网页放在一个大的表格里。…</p> <p> (3)对于整个网页使用表格排版时,可以将整个页面分成几块,使用多个表格来排版。…</p> <p> (P211)…在使用表格排版网页时,要尽量细化表格,不要把整个网页放在一个大的表格里。…针对这个特点,建议在采用表格进行页面布局时,先将整个页面分成几块…</p> </td> <td width=01lydyh0123301lydyh01> <p> 37</p> <p> 37</p> </td> <td width=01lydyh0133401lydyh01> <p> (P106)6.表格的标记是 ,单元格的标记是 。</p> <p> 7.表格的宽度可以用百分比和 两种单位来设置。</p> <p> (P101)图6-16表格实验1(第1版)</p> </td> <td width=01lydyh0132801lydyh01> <p> (P212)(1)定义表格的标记是 ,定义单元格的标记是 。</p> <p> (2)表格的宽度可以用百分比和 两种单位来设置。</p> <p> (P213)图9-1 创建表格</p> </td> <td width=01lydyh0123301lydyh01> <p> 2009.2.14《网页设计与制作(模拟试题1)</p> <p>7、表格的标签是 ,单元格的标签是 。</p> <p>8、表格的宽度可以用百分比和 两种单位来设置。</p> <p> 2008.11.05(实验9(1)题)</p> </td> </tr> <tr height=01lydyh012701lydyh01> <td width=01lydyh013701lydyh01> <p>38</p> </td> <td width=01lydyh0133401lydyh01> <p> (P113)…0表示不显示边框,1表示显示边框,默认值为1。</p> <p> (P219)…为“0”表示不显示边框,为“1”表示显示边框,默认值为“1”。</p> </td> <td width=01lydyh0123301lydyh01> <p>《最新HTML&CSS标准教程》(电子书)</p> <p> 胡崧编著2003P205</p> <p> …0为不显示边框,1为显示边框。</p> </td> </tr> <tr height=01lydyh012701lydyh01> <td width=01lydyh013701lydyh01> <p>39</p> </td> <td width=01lydyh0133401lydyh01> <p> (P117)表8-1浮动框架的属性</p> </td> <td width=01lydyh0132801lydyh01> <p> (P225)表10-4-1浮动框架属性</p> <p>《HTML+CSS+JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P116 </p> <p> 表9-2 浮动框架属性</p> </td> </tr> <tr height=01lydyh012701lydyh01> <td width=01lydyh013701lydyh01> <p>40</p> </td> <td width=01lydyh0133401lydyh01> <p> (P125)图9-1表单中的单行文本框</p> </td> <td width=01lydyh0132801lydyh01> <p> (P242)图11-2-1单行文本输入框实例</p> </td> <td width=01lydyh0123301lydyh01> <p> 41</p> <p> 41</p> <p> 41</p> </td> <td width=01lydyh0133401lydyh01> <p> (P153)图10-8 设置字号的绝对大小</p> <p> (P155)图10-10 font-style字体效果属性</p> <p> (P155)在HTML里,可以利用<b>标记或<strong>标记将文字设置为粗体。在CSS里,可以用front-weight属性设置字体的粗细。</p> <p> (P157)text属性所提供的text-decoration属性,主要完成文字加下划线、顶线、删除线及文字闪烁效果。</p> <p> (P157、158)Front属性是一种复合属性,可以同时对文字设置多个属性。包括字体、大小、风格、加粗及字体变体。</p> <p> 基本语法:</p> <p> font:font-style font-weight font-variant font-size/line height font-family</p> <p> 语法说明:</p> <p> (1)如果要利用font属性,同时设置多个文字属性时,属性与属性之间必须利用空格隔开。</p> <p> (2)前三个属性次序不定或省略,默认为nomal。</p> <p> (3)大小和字体系列必须显式地指定,先设置大小,再设置字体系列,字体系列如果有多个,以逗号分割。</p> <p> (4)行高必须直接出现在字体大小后面,中间用斜杠分开,行高是可选的属性。</p> <p> (5)font属性是继承的。</p> <p> (P1***) text-align属性可以控制文字段落的水平对齐方式。</p> <p> 基本语法:</p> <p> text-align:left丨right丨center丨justify</p> <p> 语法说明:</p> <p> left为默认值,right表示右对齐,cneter表示居中对齐,justify表示左右对齐。</p> <p> (P162) 利用text-transform属性可以转英文大小写。</p> <p> 基本语法:</p> <p> text-transform:capitalize丨uppercase丨lowercase丨none</p> <p> (P166) background-attachment背景附件属性用来设置背景图片是否随着滚动条的移动而一起移动。</p> <p> (P167)基本语法</p> <p> background-position:百分数丨长度丨关键字</p> <p> 语法说明:</p> <p> 利用百分比和长度来设置图片位置时,都要指定两个值,并且这两个值都要用空格隔开。一个代表水平位置,一个代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是网页页面的上边。……</p> <p> (P151)图8-2-1设置字号大小</p> <p> (P152)图8-2-2设置字体样式</p> <p> (P153)在HTML中可以使用<b></b>或<strong></strong>等标记来设置字体粗细。而在CSS中可以使用front-weight属性用于设置文本字体的粗细。</p> <p> (P1***)字符装饰text-decoration属性主要用来完成文字加下划线、顶线、删除线及文字闪烁等效果。</p> <p> (P155)font属性石一张复合属性,可以同时对文字设置多个属性。包括字体、大小、风格、加粗及字体变形。</p> <p> 1.基本语法</p> <p> font:font-style font-weight font-variant font-size/line-height font-family</p> <p> 2.语法说明</p> <p> 利用font属性同时设置多个文字属性时,属性与属性之间必须使用空格隔开。</p> <p> 前3个属性次序不定或省略,默认为normal。</p> <p> 大小和字体系列必须显式指定,先设置大小,再设置字体系列。</p> <p> 行高必须直接出现在字体大小的后面,中间用“/”分开,行高为可选的属性。</p> <p> font属性是继承的。</p> <p> (P1***)text-align属性规定元素的水平对齐方式。</p> <p> 1.基本语法</p> <p> text-align:left|right|center|justify</p> <p> 2.语法说明</p> <p> left:表示左对齐,默认值。</p> <p> right:表示右对齐。</p> <p> center:表示居中。</p> <p> Justify:表示两端对齐。</p> <p> (P160)8.3.4英文大小写转换text-transform属性。</p> <p> 基本语法</p> <p> text-transform:capitalize丨uppercase丨lowercase丨none</p> <p> (P168)background-attachment背景附件属性用于设置背景图像是否随着滚动条一起滚动。</p> <p> (P169)基本语法</p> <p> background-position:百分数丨长度丨关键字</p> <p> 语法说明</p> <p> 利用百分比或长度来设置图像的位置均需要指定两个值,并且这两个值必须用空格分隔。一个值代表水平位置,另一个值代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是网页页面的上边。……</p> </td> <td width=01lydyh0123301lydyh01> <p>《CSS完全实例教程》电子工业出版社胡海、徐华勇编著 2001P***</p> <p> 4.13字体大小设置</p> <p>《HTML XHTML CSS网页制作从入门到精通》人民邮电出版社2008P205</p> <p>水平对齐属性text-align用来定义文本的水平对齐效果。</p> <p>语法:</p> <p>Text-align:排列值</p> <p>说明:</p> <p>…</p> <p>left :左对齐。</p> <p>right:右对齐。</p> <p>center:居中对齐。</p> <p>Justify:两端对齐。</p> <p>《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P185、189</p> <p> 背景附件属性background-attachment就是用来设置背景图片是否随着滚动条的移动而一起移动。</p> <p>基本语法</p> <p> background-position:百分数丨长度丨关键字</p> <p>语法说明</p> <p>利用百分比和长度设置图片位置时,都要指定两个值,并且这两个值要用空格离开。一个代表水平位置,一个代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是页面的上边。</p> </td> </tr> <tr height=01lydyh0121701lydyh01> <td width=01lydyh013701lydyh01> <p>42</p> </td> <td width=01lydyh0133401lydyh01> <p> (P190)JavaScript脚本程序是嵌入在页面中,通过一个<script>标记说明的,浏览器能够解释并运行包含在标记内的代码。</p> <p> (P194)…JavaScript脚本语言的基本构成是由语句、函数、对象、方法、属性等实现编程的,在程序结构上同样是有顺序、分支和循环三种基本结构。</p> <p> …</p> <p> JavaScript语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。</p> <p> (P199)JavaScript中的系统函数又称内部方法,与任何对象无关,可直接使用。</p> <p> (P264)JavScript程序必须嵌入在HTML页面中,并使用script标记来说明。代码放在script标记之间,由浏览器解释并执行。</p> <p> (P268)JavScript程序由语句、语句块、函数、对象、方法、属性等构成,程序结构可分为顺序、分支和循环3种基本结构。</p> <p> …</p> <p> JavScript语句是发送给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。</p> <p> (P301)常用系统内部函数又称为内部函数(或内部写法),与任何对象无关,可以直接使用。</p> </td> <td width=01lydyh0123301lydyh01> <p>43</p> </td> <td width=01lydyh0133401lydyh01> <p> (P195)function是关键字,组成一个函数必须有function关键字开始。</p> <p> 函数名用来在调用时使用,命名必须符合有关标识符的命名规定。</p> <p> (P198)函数可以在执行后返回一个值代表执行后的结果,当然有些函数基于功能的需要并不需要返回任何值。</p> <p> (P308)function是关键字,组成一个函数必须用function开始。</p> <p> 函数命名必须遵守标识符命名规范,函数名用来在调用时使用。</p> <p> (P309)函数可以在执行完成后返回一个代表执行后的结果,当然函数也可以不返回任何值。返回函数的计算结果可以使用return语句来实现。</p> </td> <td width=01lydyh0123301lydyh01> <p>44</p> </td> <td width=01lydyh0133401lydyh01> <p> (P201)方法:prompt(“文本”,“默认值”)</p> <p>提示框经常用于提示用户在进入页面前输入某个值。……</p> <p> (P203)(1)必须使用字母或下划线开始。</p> <p> (2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符。</p> <p> (3)不能使用JavaScript关键词与JavaScript保留字。</p> <p> (4)不能使用JavaScript语言内部的单词,如Infinity、NaN、undefined。</p> <p> (P271)prompt()方法用于提示用户在进入页面前输入某个值。</p> <p> (P273)(1)必须使用英文字母或者下划线开始。</p> <p> (2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符。</p> <p> (3)不能使用JavaScript关键字与JavaScript保留字。</p> <p> (4)不能使用JavaScript语言内部的单词,比如Infinity、NaN、undefined等。</p> </td> <td width=01lydyh0123301lydyh01> <p>45</p> </td> <td width=01lydyh0133401lydyh01> <p> (P205)基本语法:</p> <p> var变量名[=初值][,变量名[=初值]…]</p> <p> 语法说明:</p> <p> (1)var是关键字,声明变量时至少要有一个变量,每个变量要起一个合适的名字。</p> <p> (2)变量的起名应该符合标识符的规定,好的名字应该做到见名知意。</p> <p> (3)可以同时声明多个变量。</p> <p> (4)可以在声明变量的同时,直接给变量赋予一个合适的初值。</p> <p> 以下是变量声明的实例。</p> <p> Var name =“张华”;</p> <p> Area=3.14*radius*radius;</p> <p> (P276)1、基本语法</p> <p> var变量名[=初值][,变量名[=初值]…]</p> <p> 语法说明</p> <p> (1)var(variant)是关键字,声明时至少要有一个变量,每个变量要起一个合适的名称。</p> <p> (2)变量命名应该符合标识符命名规范,好的名称应该是“见名知意”。</p> <p> (3)可以同时声明多个变量,…。</p> <p> (4)可以在声明时同时进行赋值。</p> <p> 以下是声明变量的示例。</p> <p> var x1,y1</p> <p> var str</p> <p> (P277)3.area=3.14*radius*radius;//向未声明的变量直接赋值</p> </td> <td width=01lydyh0123301lydyh01> <p>46</p> </td> <td width=01lydyh0133401lydyh01> <p> (P206)JavaScript运算符包括算术运算符、赋值运算符、自增、自减运算符、逗号运算符、关系运算符、逻辑运算符、条件运算符、位运算符,也可以根据运算符需要操作数的个数,可以把运算符分为一元运算符、二元运算符或者三元运算符。</p> <p>由操作数(变量、常量、函数调用等)和运算符结合在一起构成的式子称为“表达式”。…</p> <p> (P207)JavaScript算术运算符负责算术运算,如表11-4所示。用算术运算符和运算对象(操作数)连接起来符合规则的式子,称为算术表达式。</p> <p> (P208)赋值运算是最常用的一种运算符,通过赋值,可以把一个值用一个变量名表示。</p> <p> (P211)表11-8 逻辑运算符</p> <p> (P211)条件运算符是一个3元运算符,也就是该运算符涉及3个操作数。</p> <p> (P277JavaScript运算符主要有:算术运算符、关系运算符、逻辑运算符、赋值运算符、自增、自减运算符、条件运算符、逗号运算符和位运算符等。也可以根据操作数的个数,将运算符分为一元运算符、二元运算符和三元运算符。</p> <p>由操作数(变量、常量、函数调用等)和运算符结合在一起构成的式子成为“表达式”…</p> <p> (P278)JavaScript算术运算符负责算术运算,用算术运算符和运算对象(操作数)连接起来符合规则的式子,称为算术表达式。…</p> <p> (P282)表12-4-3逻辑运算符</p> <p> (P283)赋值运算符是一种常见的运算符,通过赋值,可以把一个值用一个变量名表示。 </p> <p> (P285)条件运算符是一个三元运算符,也就是该运算涉及3个操作数。 </p> </td> <td width=01lydyh0123301lydyh01> <p>《ASP.NET 网络编程技术》杨天奇等编著</p> <p>2007P47</p> <p>表3-15 条件逻辑运算符</p> <p>47</p> </td> <td width=01lydyh0133401lydyh01> <p> (P220)(1)应该使用大括号{}将循环体语句括起来(一条语句也应使用大括号)。</p> <p> 在循环体中应该包含使循环退出的语句,…</p> <p> (P295、296)使用{ }将循环体语句括起来,即使是一条语句也要使用大括号。</p> <p>循环体语句必须含有循环正常退出的语句…</p> <p>48</p> </td> <td width=01lydyh0133401lydyh01> <p> (P212)JavaScript程序设计分为两种方式,面向过程程序设计与面向对象程序设计。每种方法都是对数据结构与算法的描述。…</p> <p> (P286)JavaScript程序设计分为两种方式,即面向过程和面向对象的程序设计。每种方式都是对数据结构和算法的描述。…</p> </td> <td width=01lydyh0123301lydyh01> <p>49</p> </td> <td width=01lydyh0133401lydyh01> <p> (P213)在编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。在JavaScript中,可以使用下面几种条件语句:</p> <p> (P287)在编写代码时经常需要根据不同的条件完成不同的行为,可以在代码中使用条件语句来完成这一任务。在JavaScript中可以使用4种形式分支结构语句:</p> </td> <td width=01lydyh0123301lydyh01> <p>2009-03-06http://wenwen.sogou.com/z/q2003198017.htm</p> <p> 在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。</p> </td> </tr> <tr height=01lydyh017001lydyh01> <td width=01lydyh013701lydyh01> <p>50</p> </td> <td width=01lydyh0133401lydyh01> <p> (P218)…在实际中,还有一种情况是,要重复执行一组语句,指导达到目标,如显示一个集合内的所有元素到页面上,…</p> <p> (P220)由于while结构中,只能是一个循环条件表达式,不像for结构中比较齐全,所以完成同样的工作需要想办法在其他地方处理,如变量初始化部分移到了while循环开始之前;其次循环表达式的工作改放在循环体内执行了。…</p> <p> (P220)(1)应该使用大括号{}将循环体语句括起来(一条语句也应使用大括号)。</p> <p> (2)在循环体中应该包含使循环退出的语句,…</p> <p> (P293)在实际问题中还有一种情况需要重复执行一组语句,直到达到目标,如将一个班级中所有同学名字输出到网页上…</p> <p> (P294)…由于while循环中只有一个表达式,不像for循环有三个表达式,所以完成同样工作需要在其他地方进行处理,如变量的初始化必须移动while循环开始之前;其次是循环表达式的工作必须移到while循环体内执行了…</p> <p> (P295)使用{ }将循环体语句括起来,即使是一条语句也要使用大括号。</p> <p> 循环体语句中必须含有循环正常退出的语句,…</p> </td> <td width=01lydyh0123301lydyh01> <p>51</p> </td> <td width=01lydyh0133401lydyh01> <p> (P231、232)页面是按照规则由一系列如<html>、<BODY>、<form>和<input>等各种标签组成的规范文档,这些标签之间存在着一定的关系,如<BODY>被<html>所包含,而<form>标签又被包含在<BODY>内,这些页面元素的关系好像倒垂的一棵树一样,顶端就是<html>,…</p> <p> 程序11-18,图11-11 程序11-18建立的DOM</p> <p> (P358、3***)…页面按照规则由一系列如<html>、<BODY>、<form>、和<input>等各种标记组成规范文档,这些标记之间存在着一定的关系,例如<BODY>被html所包含,而<form>标记又被包含在<BODY>内,这些页面元素好像倒垂的一棵树一样,而顶端就是<html>,…</p> <p> 【例14-2-1】编写图14-2-1所示的DOM节点树对应的HTML文档。</p> </td> <td width=01lydyh0123301lydyh01> <div style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'></BODY></html></div></div></div></div></div></div></div> <div><div class="full_Div_96"></div> <div id="footbar"><ul class="weui-tabbar"><li class="weui-tabbar__item"><a href="/hhb/"><img src="/hhb/assets/c27f023.png" class="first weui-tabbar__icon"> <!----> <p class="weui-tabbar__label"> 首页 </p></a></li><li class="weui-tabbar__item"><a href="/hhb/companysoso/"><img src="/hhb/assets/e6d9425.png" class="first weui-tabbar__icon"> <!----> <p class="weui-tabbar__label"> 查企业 </p></a></li><li class="weui-tabbar__item"><a href="/hhb/tenderbangsoso/"><img src="/hhb/assets/4a78dbf.png" class="first weui-tabbar__icon"> <!----> <p class="weui-tabbar__label"> 查中标 </p></a></li><li class="weui-tabbar__item"><a href="/hhb/techlist/"><img src="/hhb/assets/d97d44a.png" class="first weui-tabbar__icon"> <!----> <p class="weui-tabbar__label"> 查资质 </p></a></li><li class="weui-tabbar__item"><a href="https://passport.cbi360.net/login/?url="><img src="/hhb/assets/c713dfd.png" class="first weui-tabbar__icon"> <!----> <p class="weui-tabbar__label"> 未登录 </p></a></li></ul></div> <!----> <div class="tel-kf" data-v-79c7aa10><a href="https://wpa1.qq.com/Y5u8gWUg?_type=wpa&qidian=true" target="_blank" spm="b12.p12.w99" spm-describe="800058360" class="customer-fixed" data-v-79c7aa10></a></div> <div class="scrolltop" data-v-0add9e26><div class="footer" data-v-0add9e26><div class="gotop" style="display:none;" data-v-0add9e26></div></div></div></div></div></div></div></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k){return {layout:"default",data:[{active:a,tabArr:[{name:"中标信息",url:"\u002Fzb\u002F",id:b,cid:c,count:f},{name:"诚信信息",url:"\u002Fjy\u002F",id:g,cid:c,count:b},{name:"荣誉信息",url:"\u002Fry\u002F",id:f,cid:c,count:e},{name:"企业人员",url:"\u002Fpeople\u002F",id:3,cid:c,count:e},{name:"项目经理",url:"\u002Fjzs\u002F",id:4,cid:c,count:e},{name:"资质信息",url:"\u002Fzz\u002F",id:5,cid:c,count:b},{name:"工商信息",url:"\u002Fqygsxx\u002F",id:6,cid:c},{name:"司法风险",url:"\u002Ffy\u002F",id:7,cid:c,count:e}]},{}],fetch:[],error:d,state:{isLogin:h,isVip:h,viplevel:d,userInfo:d,isSplider:i,aggregate:{companyInfoList:{Company:{},Projects:[],Reds:[],Peoples:[],Builders:[],Techniques:[],License:{},Judgements:[],Random:{Projects:[],Reds:[],Blacks:[]},statisticsList:{}}},black:{searchBlack:{InTimeList:{Entities:[],Total:b},OutTimeList:{Entities:[],Total:b}},blackEntity:{Black:{},CompanyBlacks:[],Blacks:[]},blackIndex:{InTimeList:{Entities:[],Total:b},OutTimeList:{Entities:[],Total:b},Others:[]}},builder:{searchBuilder:{Entities:[],Total:b},builderIndex:{Builder:{},Projects:[],Reds:[],Blacks:[],Random:{CompanyBuilders:[],Builders:[]}},builderList:{Builders:{Entities:[],Total:b},Others:[]}},changerecords:{recordsPaging:[],recordsTotal:b},company:{searchCompany:{Entities:[],Total:b},companyEntity:{CID:c,CompanyName:"河南省郑州市新华书店有限公司",HistoryNames:d,ProvinceID:410000,Province:j,CityID:410100,City:"郑州市",RegAddress:"郑州市金水区西太康路19号",Tel:"0371-66248572",LegalPerson:"刘亚",RegCapital:"15214.114047万人民币",SetTime:k,TermStart:k,TermEnd:"1900-01-01 00:00:00",RegStatus:"存续(在营、开业、在册)",Intro:d,BusinessScope:"国内版出版物批发、零售;预包装食品兼散装食品的批发、零售;农副产品及农业生产资料,纺织、服装及日用品,文化体育用品及器材、机械设备、五金交电及电子产品的批发、零售;电子商务服务;计算机软件开发;计算机技术咨询服务;电脑图文设计制作;广告业务;订房服务,会务服务、票务代理服务;出版物出租服务,场地、柜台租赁服务;房屋租赁;食品、饮品的制作、销售;仓储服务(不含易燃易爆、化学危险品);化妆品及母婴产品的批发、零售;酒、饮料及茶叶零售;烟草制品零售;营养和保健品批发、零售;家具零售;日用家电、家用视听设备批发、零售;医疗用品及器材、保健辅助治疗器材批发、零售;音像制品、电子及数字出版物批发、零售;计算机、软件及辅助设备的批发、零售;互联网批发、零售;职业技能鉴定服务;数字内容服务;第二类增值电信业务中的信息服务业务(仅限互联网信息服务);有色金属的销售;餐饮服务、餐饮管理及咨询;计算机数据处理、市场调查服务;档案整理、档案咨询、档案扫描及数据处理服务;档案信息系统技术服务;销售档案设备、教学仪器设备、电教多媒体设备、录播设备、幼儿园教具及玩具、体音美教学用品、实验室成套设备、课桌椅床、监控设备;教育软件技术开发、技术咨询、技术服务及销售。",CreditCode:"914100001700861185",EconKind:"有限责任公司(非自然人投资或控股的法人独资)",RegDept:"河南省市场监督管理局",TenderCount:f,TechniqueCount:b,BlackCount:b,BeianCount:g,TenderTime:"2017-11-23 00:00:00",TenderMoney:b,TenderArea:j,TenderMoneyScope:"0~1000万",TagNames:"国企",Email:"zzxhbgsh@126.com",Website:"www.zzxhsd.cn",CreateTime:"2010-07-05 16:11:00"}},homeIndex:{indexList:{Company:[],Reds:[],Builders:[],Techniques:[]}},judgement:{judgementEntity:{JID:3243837,CID:239276,CaseName:"***、***等与储久良等著作权权属、侵权纠纷一审民事判决书",CaseNo:"(2016)豫01民初665号",CaseType:"ms",Court:"河南省郑州市中级人民法院",JudgeDate:"2018-04-12 00:00:00",CaseReason:"著作权权属、侵权纠纷",IsDelete:b,CreateTime:"0001-01-01 00:00:00",CaseContent:"\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E\u003Chtmlxmlns=01lydyh01http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxhtml01lydyh01\u003E\u003Chead\u003E\u003Cmetahttp-equiv=01lydyh01Content-Type01lydyh01content=01lydyh01text\u002Fhtml;charset=utf-801lydyh01\u002F\u003E\u003Cmetaname=01lydyh01Generator01lydyh01content=01lydyh01PowerToolsforOpenXML01lydyh01\u002F\u003E\u003Ctitle\u003E文书内容\u003C\u002Ftitle\u003E\u003Cstyle\u003E\u003C\u002Fstyle\u003E\u003C\u002Fhead\u003E\u003CBODY\u003E\u003C\u002Fdiv\u003E\u003Ca type='dir' name='WBSB'\u003E\u003C\u002Fa\u003E\u003Cdiv style='TEXT-ALIGN: center; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 0cm; FONT-FAMILY: 黑体; FONT-SIZE: 18pt;'\u003E河南省郑州市中级人民法院\u003C\u002Fdiv\u003E\u003Cdiv style='TEXT-ALIGN: center; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 0cm; FONT-FAMILY: 黑体; FONT-SIZE: 18pt;'\u003E民 事 判 决 书\u003C\u002Fdiv\u003E\u003Cdiv style='TEXT-ALIGN: right; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 0cm; FONT-FAMILY: 宋体;FONT-SIZE: 15pt; '\u003E(2016)豫01民初665号\u003C\u002Fdiv\u003E\u003Ca type='dir' name='DSRXX'\u003E\u003C\u002Fa\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E原告:***,女,1979年5月26日出生,汉族。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E原告:***,男,1972年11月8日出生,汉族。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E以上二原告共同委托诉讼代理人:段振兴,北京市盈科(郑州)律师事务所律师。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E被告:储久良,男,1965年2月19日出生,汉族。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E委托诉讼代理人:周筠,江苏江豪律师事务所律师。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E被告:河南省郑州市新华书店有限公司,住所地河南省郑州市金水区西太康路19号。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E法定代表人:宋保安。\u003C\u002Fdiv\u003E\u003Ca type='dir' name='SSJL'\u003E\u003C\u002Fa\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E原告***、***诉被告储久良、河南省郑州市新华书店有限公司(以下简称郑州市新华书店)侵害著作权纠纷一案,本院受理后,依法组成合议庭,公开开庭进行了审理。原告***、***的委托诉讼代理人段振兴、被告储久良及其委托诉讼代理人周筠到庭参加诉讼,被告郑州市新华书店经本院传票传唤无正当理由未到庭参加诉讼。本案现已审理终结。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E原告***、***向本院提出诉讼请求判令:1、被告储久良在原、被告双方工作单位以书面形式公开赔礼道歉;2、被告储久良向中国大学出版社协会说明情况,以消除影响;3、被告储久良停止侵权行为;4、被告储久良赔偿经济损失96320元(按8%的被告储久良获利率)及原告因制止侵权行为支付的其他合理开支(律师费、诉讼费、鉴定费等);5、被告新华书店停止销售侵权出版物。事实及理由:由被告储久良编著并由清华大学出版社于2013年7月第一版出版的《Web前端开发技术-HTML、CSS、JavaScript》及《Web前端开发技术实验与实践-HTML、CSS、JavaScript》与原告***、***编著并由清华大学出版社于2009年7月第一版、2011年9月第二版出版的《网页设计与开发-HTML、CSS、JavaScript实例教程》及2011年10月第一版出版的《网页设计与开发-HTML、CSS、JavaScript实例教程习题解答与实验指导》,无论图书的编排结构、具体内容、附带PPT等均出现太多的相同或相似,已涉嫌剽窃,侵犯了原告的著作权。被告储久良因该书的出版获得了“第四届中国大学出版社图书奖优秀教程二等奖”。被告郑州市新华书店销售该出版图书。综上,依据《民事诉讼法》、《著作权法》及相关法律规定,故向法院提起诉讼。在审理中,原告撤回对被告储久良《Web前端开发技术实验与实践-HTML、CSS、JavaScript》作品的起诉。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E被告储久良辩称:1、两位原告是否是涉案教材的著作权人、是否具备本案诉讼主体资格存疑;2、原告未指出其教材独创性,被告储久良教材的编排结构、具体内容及附带PPT与原告相同或相似部分大部分属于类似教材编写惯例、公有领域的内容,不侵权;3、被告储久良在参考文献中已将原告参编教材的信息规范列出,再版教材已对涉嫌侵权方面做出修改,没有侵权故意;4、要求在原被告双方单位赔礼道歉、在中国大学出版社协会消除影响及赔偿96320元的诉讼请求不合法,没有依据。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E被告郑州市新华书店未到庭也未向本院出示相关证据。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E当事人围绕诉讼请求提交了证据,对当事人无异议的证据,本院予以确认并在卷佐证。本院认定如下事实:\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E2009年7月清华大学出版社出版《网页设计与开发——HTML、CSS、JavaScript实例教程》第1版,主编***,2011年9月清华大学出版社出版《网页设计与开发——HTML、CSS、JavaScript实例教程(第2版)》,***、***编著,2009年7月第1版,2011年9月第2版,印次2015年5月第12次印刷,定价34.5元。目录:第1章网页设计简介,第2章HTML基础介绍,第3章文字与段落,第4章列表,第5章超链接,第6章网页中的多媒体应用,第7章表格,第8章框架,第9章表单,第10章使用CSS格式化网页,第11章JavaScript基础,第12章Web设计基础,第13章页面布局技术,第14章综合网站制作实例。两版教材中附有配套PowerPoint教案。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E2013年7月清华大学出版社出版《Web前端开发技术--HTML、CSS、JavaScript》第1版,储久良编著,并附有该教材配套PPT教案。2016年3月第9次印刷,定价49元。目录:第1章Web前端开发技术综述,第2章HTML基础,第3章格式化文字与段落,第4章列表,第5章超链接,第6章图像与多媒体文件,第7章CSS+DIV基础,第8章CSS+DIV高级应用,第9章表格,第10章框架,第11章表单,第12章JavaScript基础,第13章JavaScript事件分析,第14章DOM和BOM,第15章课程网站构建与发布。参考文献:[1]***、***.网页设计与开发--HTML、CSS、JavaScript实例教程[M].北京:清华大学出版社,2009.7。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E2016年4月1日***、***来到郑州市黄河公证处申请对储久良涉案作品的相关配套电子资源办理保全证据公证。当日下午13时40分在该处104室,在该公证处两名公证员的监督下,***对储久良涉案作品相关配套电子资源进行了下载并刻录光盘存储。郑州市黄河公证处对整个证据保全过程出具(2016)郑黄证民字第2563号公证书。当庭拆封,经比对,原告及被告储久良PPT教案的属性详细信息中均显示“主题:2007河南杰出人才创新基金答辩,作者:zyf,创建内容时间2003\u002F11\u002F1018:19”。且被告储久良PPT教案第2讲2.3.1、2.3.3,第3讲3.3、第6讲第6.2.1中的有些例子与自己配套教材不一致,与原告教材几乎一致。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E当庭根据原告及被告储久良举证,对涉案作品进行比对,原告作品目录14章,被告储久良作品目录15章,其中:原告第2章与被告第2章、原告第3章与被告第3章、原告第4章与被告第4章、原告第5章与被告5章、原告第6章与被告第6章、原告第7章与被告第9章、原告第8章与被告第10章、原告第9章与被告第11章、原告第11章与被告第12章的一级目录均相同或相似,大部分章的二级、三级目录均相同或相似。原告及被告储久良作品在相同章节的内容表达上相同或相似的有51处。根据被告储久良举证该51处中,其中有12处在原告出版该作品之前已有其他作品出版且与原告作品内容表达相同或相似(详见后附比对清单)。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E另查明:1、原告在诉讼前向被告储久良发律师函沟通解决此案。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E原告于2016年4月14日在被告郑州市新华书店购买被告储久良编著作品《Web前端开发技术-HTML、CSS、JavaScript》。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E原告为本案支付公证费1020元,购买被告储久良教材49元,律师费10000元,差旅费718元。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E被告储久良于2012年11月7日与清华大学出版社签订出版合同。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E被告储久良截止2017年2月获得其编著涉案被控侵权图书稿费66414.71元。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E以上事实有原告2009年7月、2011年9月出版《网页设计与开发——HTML、CSS、JavaScript实例教程》、2013年7月被告储久良《Web前端开发技术--HTML、CSS、JavaScript》第1版、(2016)郑黄证民字第2563号公证书、购书小票、公证费发票、律师函、清华大学出版社证明、庭审笔录等在卷为证。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E本院认为:我国《著作权法》第十一条第一款、第四款规定:著作权属于作者,本法另有规定的除外。如无相反证明,在作品上署名的公民、法人或者其他组织为作者。第十三条第一款规定:两人以上合作创作的作品,著作权由合作作者共同享有。《网页设计与开发-HTML、CSS、JavaScript实例教程》第1版、第2版由清华大学出版社分别于2009年7月和2011年9月出版发行,***、***编著,据此可认定原告是该图书的作者,享有著作权。被告储久良虽然对原告是否是涉案作品的著作权人、是否是适格原告提出异议,但未提供相反证据,故本院不予支持。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E关于被告储久良使用原告作品的方式是否构成侵权。对侵权作品的认定应遵循长久以来国际上公认的公式:“接触+实质性相似”。经比对,被告储久良作品与原告作品的目录有九个章节的一级目录相同或相似,且大部分二、三级目录均相同或相似。行文中有多处文字内容相同或近似,其本身亦能构成独立表达,故二者的结构及部分文字内容存在基本相同的现象。被控侵权作品是否构成侵权,应从以下两方面进行考察:一是作品否具有独创性,二是作品是否表达方式唯一。本案中,被控侵权作品虽然属教材类描述性作品,在编写体例、概念表述、论证方法等方面相比一般作品而言会受有一定限制,但并不属于表达方式完全受限的作品。被告储久良作品的参考文献目录中包含有原告作品名称,证明被告储久良在编著自己作品时对原告作品已有较深入的了解。在此情况下,被告储久良对原告作品内容应负有较高的规避义务,即使在对相同概念、相同问题表述时也应尽可能采用不同的表达方式,避免出现结构和内容上的雷同。综观本案,被告储久良在已熟知原告作品且客观上可采取多种结构体例的情况下,采用了与原告作品基本相同的结构,使用了基本相同的目录及多处与原告作品雷同或高度近似的文字、表格、习题,贯穿全书大部分章节,与原告作品构成了实质性相似,侵犯了原告的著作权,故原告要求被告储久良停止侵权的诉讼请求成立,本院予以支持。同时,被告郑州市新华书店销售了被控侵权教材,亦侵害了原告著作权,原告要求被告郑州市新华书店停止销售涉案侵权出版物的诉讼请求成立,本院予以支持。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E关于被告储久良辩称原告主张的51处侵权表达均缺乏独创性不构成侵权。本院认为,根据被告储久良所举证据,可以证明在原告出版涉案教材之前,原告主张的12处侵权表达,已在其他作者的作品中出现,且该12处文字均可构成独立表达,故被告储久良对该12处表达所提异议成立,本院予以支持。被告储久良就原告主张的其它39处侵权表达所提异议缺乏证据,本院不予支持。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E关于被告储久良辩称对原告图书的使用属于合理使用不构成侵权。本院认为,《著作权法》第二十二条第一款第(六)项规定:在下列情况下使用作品,可以不经著作权人许可,不向其支付报酬,但应当指明作者姓名、作品名称,并且不得侵犯著作权人依照本法享有的其他权利:…(六)为学校课堂教学或者科学研究,翻译或者少量复制已经发表的作品,供教学或者科研人员使用,但不得出版发行。虽然其涉案图书是教材,但并不是为用于课堂教学或者科学研究目的而少量复制,而是由清华大学出版社出版发行,并因此获得六万余元稿酬,不应当属于《著作权法》第二十二条第一款第(六)项规定的情形。被告储久良图书因此被告储久良的涉案图书不构成著作权法意义上的合理使用,对被告储久良的相关辩解不予支持。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E关于赔礼道歉。因被告储久良未在其作品中署原告姓名,表明原告身份,侵犯了原告的署名权,故原告要求被告赔礼道歉的诉请成立,本院予以支持。但赔礼道歉应根据被告侵权情节及侵权行为造成影响的范围,决定赔礼道歉的方式和范围。原告没有提供证据证明因被告的侵权行为所造成的不利后果及影响范围,故其要求被告储久良在双方工作单位赔礼道歉、在中国大学出版社协会说明情况、消除影响的诉请缺乏证据,本院不予支持。本院根据案件实际情况,判决被告储久良向原告本人书面赔礼道歉。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E关于赔偿经济损失的数额。我国《著作权法》第四十九条之规定,侵犯著作权或者与著作权有关的权利的,侵权人应当按照权利人的实际损失给予赔偿;实际损失难以计算的,可以按照侵权人的违法所得给予赔偿。赔偿数额还应当包括权利人为制止侵权行为所支付的合理开支。权利人的实际损失或者侵权人的违法所得不能确定的,由人民法院根据侵权行为的情节,判决给予五十万元以下的赔偿。原告支付购买被控侵权教材49元的费用及公证费用1020元属于为制止侵权行为的合理支出,本院予以支持。原告主张的律师费10000元、差旅费718元本院在合理范围内酌情支持。原告未能举证证明因被告侵权行为所受到的损失数额,或其因侵权行为所获利润数额。本院综合考虑被告储久良涉案侵权作品在相关公众的知名度、涉案作品类型、侵权行为的性质、行为人的过错程度、涉案侵权作品的销售价格及出版发行的数量等因素,确定赔偿数额为三万元。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E综上,依照《中华人民共和国著作权法》第十条第一款第(五)项、第(六)项、第二款、第四十七条第(七)项、第四十八条第(一)项、第四十九条、《最高人民法院关于审理著作权民事纠纷案件适用法律若干问题的解释》第七条第(一)款,《中华人民共和国民事诉讼法》第六十四条第(一)款之规定,判决如下:\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E一、被告储久良立即停止复制、发行侵犯原告***、***享有著作权的《网页设计与开发--HTML、CSS、JavaScript实例教程》作品的行为;\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E二、被告储久良于本判决生效之日起十日内赔偿原告***、***经济损失及为制止侵权行为而支出的费用30000元;\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E三、被告储久良于判决生效三十日内书面向原告***、***书面赔礼道歉,内容需经本院审核。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E四、被告河南省郑州市新华书店有限公司立即停止销售侵犯原告***、***享有著作权的《网页设计与开发--HTML、CSS、JavaScript实例教程》作品的行为;\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E五、驳回原告***、***其他诉讼请求。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E如果未按本判决指定的期间履行给付金钱义务,应当依照《中华人民共和国民事诉讼法》第二百五十三条之规定,加倍支付迟延履行期间的债务利息。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E本案案件受理费2208元,由原告***、***负担660元,被告储久良、河南省郑州市新华书店有限公司负担1548元。\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E如不服本判决,可在判决书送达之次日起十五日内,向本院递交上诉状一式八份,上诉于河南省高级人民法院。\u003C\u002Fdiv\u003E\u003Ca type='dir' name='WBWB'\u003E\u003C\u002Fa\u003E\u003Cdiv style='TEXT-ALIGN: right; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 36pt 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E审判长  钱红军\u003C\u002Fdiv\u003E\u003Cdiv style='TEXT-ALIGN: right; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 36pt 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E审判员  张永杰\u003C\u002Fdiv\u003E\u003Cdiv style='TEXT-ALIGN: right; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 36pt 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E审判员  张 蕾\u003C\u002Fdiv\u003E\u003Cdiv style='TEXT-ALIGN: right; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 36pt 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E二〇一八年四月十二日\u003C\u002Fdiv\u003E\u003Cdiv style='TEXT-ALIGN: right; LINE-HEIGHT: 25pt; MARGIN: 0.5pt 36pt 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E书记员  张 璐\u003C\u002Fdiv\u003E\u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E附:原告、被告涉案教材举证比对清单(共19页):\u003C\u002Fdiv\u003E\u003Cp\u003E序号\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E原告书\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E被告书\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E案外书\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh0121301lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E1\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P2)用HTML编写的超文本文档称为HTML文档,它是由很多标记组成的一种文本文件,HTML标记可以说明文字、图形、动画、声音、表格、链接等,HTML在WWW上取得了巨大成功,通过它可以在因特网上展示任何信息。使用HTML描述的文件,能独立于各种操作系统平台(如UNIX、Windows等),访问它需要WWW浏览器。人们所看到的网页,是浏览器对HTML文件进行解释的结果。用图1-1所示是新浪网的首页。\u003C\u002Fp\u003E \u003Cp\u003E 可以通过浏览器直接查看上述页面的HTML源代码,如在IE浏览器菜单栏上选择“查看”→“源文件”命令即可。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P6)用HTML编写的超文本文档称为HTML文档,它是由很多标记或标签(网络资源中常称为标签)组成的一种文本文件,HTML标记可以说明文字、图像、动画、声音、表格、链接等。HTML在WWW上取得了巨大的成功,通过它可以在因特网上展示任何信息。使用HTML描述的文件,能独立于各种操作系统平台(如UNIX\u002FLinx、Windows等),访问它需要Web浏览器。在浏览器的URL中输入网址,如http:\u002F\u002Fwww.edu.cn ,所看到的网页是浏览器对HTML文件进行解释的结果。如图1-3-1所示是中国教育与科技计算机网的首页。\u003C\u002Fp\u003E \u003Cp\u003E (P7)通过IE浏览器的菜单栏中【查看】|【源文件】命令,可以查看中国教育与科研计算机网首页的部分源代码,如图1-3-2所示,其中\u003Chead\u003E、\u003Ctitle\u003E、\u003Clink\u003E等。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《Web开发技术及其应用》 王成良编著2007P66\u003C\u002Fp\u003E \u003Cp\u003E ...用HTML语言编写的网页文件,...或称HTML文档,是由HTML标记组成的描述性文本。HTML标记可以说明文字、图形、动画、声音、表格、链接等。...\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh0112001lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E2\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P4)…文字超链接在浏览器中显示出来时一般是带有下划线的文字。判断网页中的某个对象是否是超链接有个简单的方法,就是当鼠标的光标箭头拖动到这个文字或图片上时,如果是超链接,浏览器便会改变光标为一只手的形状。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P5)文本超链接在浏览器中显示出来时一般是带有下划线的文字。判断网站中的某个对象是否是超链接有个简单的方法,就是将鼠标的光标箭头移动到这个文字或图片上时,如果是超链接,浏览器会改变光标为一只手的形状。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《信息处理技术员教程》 唐多强主编2005 P290\u003C\u002Fp\u003E \u003Cp\u003E ...当鼠标光标箭头移动到这个文字或图像时,如果是超链接,浏览器便会改变光标为一只手的形状。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh0129001lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E3\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P5)…网页可以看成是一个单一体,是网站的一个元素。\u003C\u002Fp\u003E \u003Cp\u003E ...当在浏览器输入网址后,浏览器可以从WWW上下载指定的网页,传送到本地计算机,然后通过浏览器解释网页的内容,再显示到窗口内。\u003C\u002Fp\u003E \u003Cp\u003E 首页(Home Page),也可以称之为主页,是一个单独的网页,和一般网页一样,可以存在各种信息,同时又是一个特殊的网页,作为整个网站的起始点和汇总点,是浏览者访问一个网站的第一个网页。人们都将首页作为体现网站形象的重中之重,也是网站所有信息的归类目录或分类缩影。所以在制作首页的时候一定要突出重点、分类准确、设计上引人注意、操作上简单方面,能够使浏览者在看到主页后,吸引用户进一步深入的关注网站的内容。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E(P9)…网页可以看成是一个单一体,是网站的一个元素…用户通过浏览器的URL输入需要访问的网址后,可以从Web网站下载指定的网页,传送到本地计算机,然后通过浏览器解释网页内容,再显示到窗口内。\u003C\u002Fp\u003E \u003Cp\u003E …也可以成为主页,是一个单独的网页,和一般网页一样,可以存放各种信息,同时又是一个特殊的网页,作为整个网站的起始点和汇总点,是浏览者访问一个网站的第一个页面。人们都将首页作为体现网站形象的重中之重,也是网站所有信息的归类目录或分类缩影。所以在设计Web网站首页时一定要突出重点、风格独特、分类准确、用户界面UI设计别具一格、操作方便,能够吸引网络的访问者注意力,让其更深入地去研究网站的主要内容。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《网页设计与制作》\u003C\u002Fp\u003E \u003Cp\u003E伍云辉、代建华编著2006 P7\u003C\u002Fp\u003E \u003Cp\u003E...网页可以看作一个单一体,是网站的一个元素 ...\u003C\u002Fp\u003E \u003Cp\u003E主页,也可以称之为首页,它既是一个单独的网页,像一般网页一样,可以存放各种信息,又是一个特殊的网页,它是整个网站的起始点和汇总点,是浏览者开始浏览一个网站的地方。...\u003C\u002Fp\u003E \u003Cp\u003E《网站开发与网页设计使用教程》\u003C\u002Fp\u003E \u003Cp\u003E 李吉祥主编2008 P17\u003C\u002Fp\u003E \u003Cp\u003E ...人们都将首页作为体现公司形象的重中之重,首页也是网站所有信息的归类目录或分类缩影,... \u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh014701lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E4\u003C\u002Fp\u003E \u003Cp\u003E4\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P9)…CSS语言是一种标记语言,不需要编译,属于浏览器解释下语言,可以直接由浏览器解释执行。CSS是由W3C的CSS工作组制定和维护的。\u003C\u002Fp\u003E \u003Cp\u003E 在主页制作时采用CSS技术,可以有效的对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或不同页面中相同部分的外观和格式。…可以将许多网页的风格格式同时更新,不用再一页一页地更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。\u003C\u002Fp\u003E \u003Cp\u003E 在HTML基础上,使用JavaScript可以开发交互式Web网页,如可以在线填写各类表格、联机编写文档并发布等。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。\u003C\u002Fp\u003E \u003Cp\u003E …它们在网页设计中扮演了重要的角色。…用来实现网页的动态性、交互性。\u003C\u002Fp\u003E \u003Cp\u003E (P10)在设计Web网页时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网站的外观和格式。在设计网页时采用CSS技术是为了解决网页内容与表现分离的问题。\u003C\u002Fp\u003E \u003Cp\u003E CSS语言是一种标记语言,不需要编译,属于浏览器解释型语言,可以直接由浏览器解释执行。CSS标准由W3C的CSS工作组制定和维护。\u003C\u002Fp\u003E \u003Cp\u003E (P11)…在设计Web网站时,许多网页的显示风格可以同时更新,不再需要一页一页地去更新。可以将站点上所有的网页样式都放在CSS样式文件里进行控制,只要修改这个CSS文件中相应的“属性\u002F值”对,整个站点的所有页面的风格都会随之发生变化。…\u003C\u002Fp\u003E \u003Cp\u003E 在HTML基础上,使用JavaScript可以开发交互式Web页面,如可以在线填写各类表格、联机编写文档并发布等。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃元素和更加精彩的内容。…\u003C\u002Fp\u003E \u003Cp\u003E (P15)在HTML基础上,使用JavaScript可以开发交互式Web页面,如可以在线填写各类表格、联机编写文档并发布等。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃元素和更加精彩的内容。…\u003C\u002Fp\u003E \u003Cp\u003E (P24)…三者在网页设计中扮演了重要的角色。…对网页布局、字体、颜色、背景和其他效果实施更加精确的控制;…实现网页的动态、交互的功能。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《感受精彩Dreamweaver8 经典商业网站大制作》人民邮电出版社 沈炜、王槐三等编著 2007 P100\u003C\u002Fp\u003E \u003Cp\u003E在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。...\u003C\u002Fp\u003E \u003Cp\u003E...\u003C\u002Fp\u003E \u003Cp\u003E可以将许多页面的风格格式同时更新,不用再一页一页的更新了。可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。\u003C\u002Fp\u003E \u003Cp\u003E《网页设计与制作实例教程》 胡昌杰、许新华主编 2009-02-01 P138\u003C\u002Fp\u003E \u003Cp\u003E ...JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。 ...\u003C\u002Fp\u003E \u003Cp\u003E5\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E(P9)(1)HTML指的是( )。\u003C\u002Fp\u003E \u003Cp\u003EA.超文本标记语言(Hyper Text Markup Language)\u003C\u002Fp\u003E \u003Cp\u003EB.家庭工具标记语言(Home Tool Markup Language)\u003C\u002Fp\u003E \u003Cp\u003EC.超链接和文本标记语言(Hyperlinks and Text Markup Language)\u003C\u002Fp\u003E \u003Cp\u003E (P10)(2)Web标准的制定者是( )。\u003C\u002Fp\u003E \u003Cp\u003EA.微软公司B.万维网联盟(w3c) C.网景公司(Netscape)\u003C\u002Fp\u003E \u003Cp\u003E(P24)(1)HTML指的是( )。\u003C\u002Fp\u003E \u003Cp\u003E A.家庭工具标记语言(Home Tool Markup Language)\u003C\u002Fp\u003E \u003Cp\u003E B.超文本标记语言(Hyper Text Markup Language)\u003C\u002Fp\u003E \u003Cp\u003E C.超链接和文本标记语言(Hyperlinks and Text Markup Language)\u003C\u002Fp\u003E \u003Cp\u003E D.以上都不是\u003C\u002Fp\u003E \u003Cp\u003E (2)Web标准的制定者( )\u003C\u002Fp\u003E \u003Cp\u003E A.欧洲计算机制造商协会(ECMA)\u003C\u002Fp\u003E \u003Cp\u003E B.微软公司(Microsoft)\u003C\u002Fp\u003E \u003Cp\u003E C.网景公司(Netscape)\u003C\u002Fp\u003E \u003Cp\u003E D.万维网联盟(W3C)\u003C\u002Fp\u003E \u003Cp\u003E百度贴吧朋朋吧 2007\u003C\u002Fp\u003E \u003Cp\u003E HTML指的是?\u003C\u002Fp\u003E \u003Cp\u003E A.Hyper Text Language\u003C\u002Fp\u003E \u003Cp\u003E B.Home Tool Markup Language\u003C\u002Fp\u003E \u003Cp\u003E C.Hyperlinks and Text Markup Language\u003C\u002Fp\u003E \u003Cp\u003E D.Hyper Text Markup Language\u003C\u002Fp\u003E \u003Cp\u003E Web标准的制定者是?\u003C\u002Fp\u003E \u003Cp\u003E A.微软\u003C\u002Fp\u003E \u003Cp\u003E B.万维网联盟(W3C)\u003C\u002Fp\u003E \u003Cp\u003E C.网景公司(Netscape)\u003C\u002Fp\u003E \u003Cp\u003E D.网络工程师协会\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh0122601lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E6\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P11)一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可定义标题、样式等,文档的主体内容就是要显示的信息。\u003C\u002Fp\u003E \u003Cp\u003E \u003Chtml\u003E标记通常会作为HTML文档的开始代码,…而\u003C\u002Fhtml\u003E标记通常作为HTML文档的结束代码,…其他所有的HTML代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释;…\u003C\u002Fp\u003E \u003Cp\u003E (P11、12)以上标记在文档中都是唯一的,\u003Chead\u003E…\u003C\u002Fhead\u003E标记和\u003CBODY\u003E…\u003C\u002Fhead\u003E标记嵌套在HTML标记中。\u003C\u002Fp\u003E \u003Cp\u003E (P27、28)一个完整的HTML文档由头部head和主体body两个部分组成。在头部head标记中可以定义标题、样式等,头部信息不显示在网页上;…主体内容是网页要显示的信息。\u003C\u002Fp\u003E \u003Cp\u003E HTML文档以\u003Chtml\u003E标记开始,以\u003C\u002Fhtml\u003E标记结束。所有的HTML代码都位于这两个标记之间。\u003Chtml\u003E标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释,\u003C\u002Fhtml\u003E标记用于告诉浏览器HTML文档结束了。…\u003C\u002Fp\u003E \u003Cp\u003E …\u003C\u002Fp\u003E \u003Cp\u003E 在HTML文档中,head标记和body标记必须是唯一的,且包含在HTML标记中。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E7\u003C\u002Fp\u003E \u003Cp\u003E7\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P14、15) HTML用于描述功能的符号称为“标记”。\u003Chtml\u003E、\u003Chead\u003E、\u003CBODY\u003E等都是标记。标记通常分为单标记和双标记两种类型。\u003C\u002Fp\u003E \u003Cp\u003E 单标记\u003C\u002Fp\u003E \u003Cp\u003E 单标记仅单独使用就可以表达完整的意思。\u003C\u002Fp\u003E \u003Cp\u003E 最常用的单标记是\u003Cbr\u003E,表示换行。\u003C\u002Fp\u003E \u003Cp\u003E 双标记\u003C\u002Fp\u003E \u003Cp\u003E 双标记由首标记和尾标记两部分构成,必须成对使用。首标记告诉Web浏览器从此处开始执行该标记所表示的功能。尾标记告诉Web浏览器在这里结束该标记。\u003C\u002Fp\u003E \u003Cp\u003E 其中“内容”部分就是要被这对标记施加作业的部分。\u003C\u002Fp\u003E \u003Cp\u003E 例如,b标记的作用是,告诉浏览器介于标记\u003Cb\u003E和\u003C\u002Fb\u003E之间的文本应以粗体显示。(这里的b是“粗体(body)”的意思。\u003C\u002Fp\u003E \u003Cp\u003E 标记可以包含标记,即标记可以成对嵌套,但是不能交叉的嵌套。下面的代码就是错误的:\u003C\u002Fp\u003E \u003Cp\u003E \u003CB\u003E\u003CI\u003E这是错误的交叉嵌套代码\u003C\u002FB\u003E\u003C\u002FI\u003E\u003C\u002Fp\u003E \u003Cp\u003E HTML通过标记告诉浏览器如何展示网页,如\u003Cbr\u003E告诉浏览器显示一个换行。另外还可以为某些元素附加一些信息,这些附加信息被称为属性(Attribute)。\u003C\u002Fp\u003E \u003Cp\u003E 例如,标记\u003Chr\u003E的作用是在网页中插入一条水平线,那么这条水平线的粗细、对齐方式等就是该标记的属性,如:\u003C\u002Fp\u003E \u003Cp\u003E\u003Chr size=“5px”align= “center”\u003E\u003C\u002Fp\u003E \u003Cp\u003E 属性应写在首标记内,并且和标记名之间有一个空格分隔。例如,上例中hr标记中,align为属性,center为属性值,属性值可以直接书写,也可以使用双引号“”括起来。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P34、35) HTML用于描述功能的符号称为标记,也可称为“标签”(Tag)…\u003Chtml\u003E、\u003Chead\u003E、\u003CBODY\u003E等都是标记。标记通常分为单标记和双标记两种类型。\u003C\u002Fp\u003E \u003Cp\u003E 1.单标记\u003C\u002Fp\u003E \u003Cp\u003E 单标记仅单独使用就可以表达完整的意思。…\u003C\u002Fp\u003E \u003Cp\u003E 最常用的单标记有\u003Cbr\u003E…表示水平分割线\u003C\u002Fp\u003E \u003Cp\u003E 2.双标记\u003C\u002Fp\u003E \u003Cp\u003E 双标记由开始标记和结束标记两部分组成,必须成对使用。开始标记也称为首标记,告诉Web浏览器从此处开始执行该标记所表示的功能;结束标记也称为尾标记,…浏览器在这里结束该标记。\u003C\u002Fp\u003E \u003Cp\u003E 其中“内容”部分就是要被此对标记施加作用的部分。\u003C\u002Fp\u003E \u003Cp\u003E 例如,b标记的作用是,告诉浏览器介于标记\u003Cb\u003E和\u003C\u002Fb\u003E之间的文本应以粗体显示。这里的b(bold的首字母)代表“粗体”的意思。\u003C\u002Fp\u003E \u003Cp\u003E 标记可以包含标记,即标记可以成对嵌套,但是不能交叉地嵌套。\u003C\u002Fp\u003E \u003Cp\u003E HTML通过标记告诉浏览器如何展示网页,如\u003Cbr\u003E告诉浏览器显示一个换行。另外,还可以为某些标记附加一些信息,这些附加信息被称为属性(Attribute)。\u003C\u002Fp\u003E \u003Cp\u003E 例如,标记\u003Chr\u003E的作用是在网页中插入一条水平分隔线,那么这条水平线的粗细、对齐方式等就是该标记的属性,代码如下所示:\u003C\u002Fp\u003E \u003Cp\u003E \u003Chr size=”3”color=”red” align=”center”\u003E\u003C\u002Fp\u003E \u003Cp\u003E 属性应在开始标记(首标记)内定义,并且和标记名之间至少有一个空格分隔。例如,上例hr标记中,align为属性,center为属性值,属性值可以直接书写,也可以使用双引号“”括起来。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P16-17\u003C\u002Fp\u003E \u003Cp\u003E2.2 HTML基本语法\u003C\u002Fp\u003E \u003Cp\u003E2.2.1 标记语法\u003C\u002Fp\u003E \u003Cp\u003E1、 什么是标记\u003C\u002Fp\u003E \u003Cp\u003EHTML用于描述功能的符合称为“标记”。比如,\u003Chtml\u003E、\u003Chead\u003E、\u003CBODY\u003E等,都是标记,\u003Chtml\u003E标记表示HTML文档的开始。...\u003C\u002Fp\u003E \u003Cp\u003E2、 标记类型和语法\u003C\u002Fp\u003E \u003Cp\u003E单标记\u003C\u002Fp\u003E \u003Cp\u003E之所以称为“单标记”,是因为它只需单独使用就能完整地表达意思,...\u003C\u002Fp\u003E \u003Cp\u003E最常用的单标记是\u003Cbr\u003E,它表示换行。\u003C\u002Fp\u003E \u003Cp\u003E双标记\u003C\u002Fp\u003E \u003Cp\u003E“双标记”由“始标记”和“尾标记”两部分构成,必须成对使用。\u003C\u002Fp\u003E \u003Cp\u003E始标记告诉Web浏览器从此处开始执行该标记所表示的功能。\u003C\u002Fp\u003E \u003Cp\u003E尾标记告诉Wwb浏览器在这里结束该功能。...\u003C\u002Fp\u003E \u003Cp\u003E...\u003C\u002Fp\u003E \u003Cp\u003E其中“内容”部分就是要被这对标记施加作用的部分。\u003C\u002Fp\u003E \u003Cp\u003E...\u003C\u002Fp\u003E \u003Cp\u003E标记可以成对嵌套,但是不能交叉地嵌套,...\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh0112501lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E8\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P15)注释标记用于在HTML源码中插入注释。注释会被浏览器忽略。可以使用注释对程序代码进行解释,适当的注释对以后代码的阅读和维护产生很大的帮助。\u003C\u002Fp\u003E \u003Cp\u003E …另外一个号的习惯是把脚本或样式元素放入注释文本中,这样就可避免不支持脚本或样式的浏览器把它们显示为纯文本。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P37)…养成良好的编程习惯。…这样既可避免不支持脚本或样式的浏览器把它们显示为纯文本…\u003C\u002Fp\u003E \u003Cp\u003E HTML中的注释标记用于在HTML源代码中插入注释。浏览器会忽略注释信息。…复杂程序使用注释对程序代码进行解释,对后期阅读和代码维护具有十分重要的意义。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E9\u003C\u002Fp\u003E \u003Cp\u003E9\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P16) 2、HTML语法是网页开发时所遵循的基本规则,以一种规范的方法编写代码有助于减少页面中存在的缺陷。…\u003C\u002Fp\u003E \u003Cp\u003E (1)“\u003C”和“\u003E”是任何标记的开始和结束。元素的标记要用这对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠“\u002F”。\u003C\u002Fp\u003E \u003Cp\u003E (2)标记可以嵌套使用,但不能交叉使用。如:…\u003C\u002Fp\u003E \u003Cp\u003E (3)在源代码中不区分大小写,如以下几种写法都是正确并且相同的标记:\u003CHEAD\u003E、\u003Chead\u003E、\u003CHead\u003E,但推荐在一个项目中使用一种风格。\u003C\u002Fp\u003E \u003Cp\u003E (4)任何回车符和空格在HTML代码中都不起作用。为了代码清晰,建议不同的标记都单独占一行。\u003C\u002Fp\u003E \u003Cp\u003E (5)标记中可以放置各种属性,属性值都有“”括起来。\u003C\u002Fp\u003E \u003Cp\u003E (6)文件编写代码,一般应该使用缩进风格,以便更好的理解页面的结构,便于阅读和维护。\u003C\u002Fp\u003E \u003Cp\u003E 为了使浏览器能正常浏览网页,在用记事本或别的HTML开发工具编写HTML文档后,在保存HTML时,对HTML文件的命名要注意以下几点:\u003C\u002Fp\u003E \u003Cp\u003E (1)文件的扩展名为htm或html结束,建议统一使用html作为文件名的后缀。\u003C\u002Fp\u003E \u003Cp\u003E (2)文件名中只可由英文字母、数字、或下划线组成。\u003C\u002Fp\u003E \u003Cp\u003E (3)文件名中不要包含特殊符号,如空格、$ 等\u003C\u002Fp\u003E \u003Cp\u003E (4)文件名区分大小写。\u003C\u002Fp\u003E \u003Cp\u003E (5)网站首页文件名一般是index.html或default.html。\u003C\u002Fp\u003E \u003Cp\u003E …编写一个HTML文件,在编写的时候要注意编写的注意事项,养成良好的编码习惯。\u003C\u002Fp\u003E \u003Cp\u003E (1)打开Windows记事本,先写好HTML文档的主体框架,即把HTML文档的头部结构和主体结构写好。\u003C\u002Fp\u003E \u003Cp\u003E (2)在\u003Chead\u003E和\u003C\u002Fhead\u003E之间定义头部信息。\u003C\u002Fp\u003E \u003Cp\u003E (3)在\u003CBODY\u003E和\u003C\u002FBODY\u003E之间写代码,…\u003C\u002Fp\u003E \u003Cp\u003E (4)将这个文件保存为…\u003C\u002Fp\u003E \u003Cp\u003E (5)启动Internet Explerer浏览器,…\u003C\u002Fp\u003E \u003Cp\u003E (P38、39) HTML语法是Web页面设计应所遵循的基本规范,养成按规范编写代码,能够大大减少设计页面中存在的缺陷。下面是HTML页面编码时需要注意的基本规范;\u003C\u002Fp\u003E \u003Cp\u003E (1)所有标记均以“\u003C”开始、以“\u003E”结束。HTML所有元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加1个斜杠“\u002F”。…\u003C\u002Fp\u003E \u003Cp\u003E (3)标记可以嵌套使用,但不能交叉使用。\u003C\u002Fp\u003E \u003Cp\u003E (4)在HTML代码中不区分大小写,如头部标记写成\u003CHEAD\u003E、\u003Chead\u003E、\u003CHead\u003E、\u003CHEAd\u003E都可以,但建议在同1个Web开发项目中保持一种风格。\u003C\u002Fp\u003E \u003Cp\u003E (5)任何回车符和空格在HTML代码中都不起作用。…为了代码清晰,建议不同的标记都单独占一行。\u003C\u002Fp\u003E \u003Cp\u003E (6)标记中可以设置各种属性,属性值建议用双引号标注起来,也可以不用双引号。…\u003C\u002Fp\u003E \u003Cp\u003E (8)编写HTML代码时,…采用缩进风格,…清晰,便于理解和分析页面的结构,便于代码后期阅读和维护。\u003C\u002Fp\u003E \u003Cp\u003E …为了浏览器能正常显示网页,使用记事本、EditPlus、TextPad等开发工具完成HTML文件编写工作后,在保存HTML文件时,必须遵循HTML文件命名规则。\u003C\u002Fp\u003E \u003Cp\u003E (1)文件的扩展名为.html或者.htm,建议统一用html作为文件名的后缀。\u003C\u002Fp\u003E \u003Cp\u003E (2)…\u003C\u002Fp\u003E \u003Cp\u003E (3)文件名中不能包含特殊符号,如空格、$、&等。\u003C\u002Fp\u003E \u003Cp\u003E (4)文件名区分大小写,特别在Unix、Linux系统中大小写表示的文件时不同的。\u003C\u002Fp\u003E \u003Cp\u003E (5)网站首页文件名一般是index.html或default.html。\u003C\u002Fp\u003E \u003Cp\u003E ……在编写时要遵守HTML代码的编写规范,并养成良好的编码习惯。\u003C\u002Fp\u003E \u003Cp\u003E (1)打开Windows记事本,先写好HTML文档的主体框架,即把HTML文档的头部结构和主体结构写好。\u003C\u002Fp\u003E \u003Cp\u003E (2)在\u003Chead\u003E和\u003C\u002Fhead\u003E之间插入标题和样式标记。\u003C\u002Fp\u003E \u003Cp\u003E (3)在\u003CBODY\u003E和\u003C\u002FBODY\u003E之间插入代码,…\u003C\u002Fp\u003E \u003Cp\u003E (4)将这个文档保存为…\u003C\u002Fp\u003E \u003Cp\u003E (5)使用IE浏览器打开刚保存的文件…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《HTML XHTML CSS网页制作从入门到精通》人民邮电出版社 何秀芳、周进、张淑菊编著 2008 P3\u003C\u002Fp\u003E \u003Cp\u003E在编写HTML文件时,要注意以下几点:\u003C\u002Fp\u003E \u003Cp\u003E (1)“\u003C”和“\u003E”是任何标记的开始和结束。元素的标记要用尖括号括起来,并且在结束标记的前面加一个“\u002F”斜杠,...\u003C\u002Fp\u003E \u003Cp\u003E (2)在源代码中不区分大小写。\u003C\u002Fp\u003E \u003Cp\u003E (3)任何回车和空格在源代码中均不起作用。为了代码的清晰,建议不用的标记之间用回车键进行换行。\u003C\u002Fp\u003E \u003Cp\u003E (4)在HTML标记中可以放置各种属性。\u003C\u002Fp\u003E \u003Cp\u003E《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P18-19\u003C\u002Fp\u003E \u003Cp\u003E 为了使浏览器能正常浏览网页,在用记事本或别的HTML开发工具编写好HTML文档后,在保存HTML时,对HTML文件的命名要注意以下几点:\u003C\u002Fp\u003E \u003Cp\u003E 文件的扩展名要以html或htm结束。\u003C\u002Fp\u003E \u003Cp\u003E 文件名中只可由英文字母、数字或下划线组成。\u003C\u002Fp\u003E \u003Cp\u003E 文件名中不要包含特殊符号,比如空格、$等。\u003C\u002Fp\u003E \u003Cp\u003E 文件名是区分大小写的,...\u003C\u002Fp\u003E \u003Cp\u003E 网站首页文件名默认是index.htm或index.html。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh018801lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E10\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P14)…三种风格:严格型、过渡型和框架型。\u003C\u002Fp\u003E \u003Cp\u003E 如果需要干净的标记,免于表现层的混乱,可以使用此类型,与层叠样式表(CSS)配合使用。\u003C\u002Fp\u003E \u003Cp\u003E FramesetDTD应当被用于带有框架的文档。除frameset元素取代了body元素之外,FramesetDTD等同于TransitionalDTD。\u003C\u002Fp\u003E \u003Cp\u003E (P40)…3中DTD类型:严格Strict、过渡Transitional以及框架Frameset。\u003C\u002Fp\u003E \u003Cp\u003E 如果需要干净的标记,免于表现层的混乱,使用此类型,并与层叠样式表(CSS)配合使用。\u003C\u002Fp\u003E \u003Cp\u003E Frameset DTD应当被用于带有框架的文档。除frameset元素取代了body元素之外,Frameset DTD等同于Transitional DTD。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E11\u003C\u002Fp\u003E \u003Cp\u003E11\u003C\u002Fp\u003E \u003Cp\u003E (P17)本章主要介绍了HTML文件的基本结构和基本语法。HTML文件基本结构包含三大部分,其中:\u003C\u002Fp\u003E \u003Cp\u003E (1)\u003Chtml\u003E…\u003C\u002Fhtml\u003E分别表示一个HTML文件的开始和结束。\u003C\u002Fp\u003E \u003Cp\u003E (2)\u003Chead\u003E…\u003C\u002Fhead\u003E分别表示文件头部的开始和结束。\u003C\u002Fp\u003E \u003Cp\u003E (3)\u003CBODY\u003E…\u003C\u002FBODY\u003E分别表示文件主体的开始和结束。\u003CBODY\u003E…\u003C\u002FBODY\u003E是HTML文档的核心部分,在浏览器中看到的任何信息都定义在这个标记之内。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P42)本章主要介绍了HTML文件的基本结构。HTML文档包含3个主要标记,其中:\u003C\u002Fp\u003E \u003Cp\u003E \u003Chtml\u003E…\u003C\u002Fhtml\u003E分别表示一个HTML文件的开始和结束。\u003C\u002Fp\u003E \u003Cp\u003E \u003Chead\u003E…\u003C\u002Fhead\u003E分别表示文件头部的开始和结束。\u003C\u002Fp\u003E \u003Cp\u003E \u003CBODY\u003E…\u003C\u002FBODY\u003E分别表示文件主体的开始和结束。\u003C\u002Fp\u003E \u003Cp\u003E \u003CBODY\u003E…\u003C\u002FBODY\u003E是HTML文档的核心,在浏览器中看到的任何信息都定义在这个标记之内。…\u003C\u002Fp\u003E \u003Cp\u003E《教学网站开发》鲁正火、 魏霞、陈勋俊编著,2007P45\u003C\u002Fp\u003E \u003Cp\u003E其中,\u003Chtml\u003E和\u003C\u002Fhtml\u003E分别表示一个HTML文件的开始和结束,\u003Chead\u003E和\u003C\u002Fhead\u003E分别表示文件头部分的开始和结束,\u003CBODY\u003E和\u003C\u002FBODY\u003E分别表示文件体部分的开始和结束。\u003C\u002Fp\u003E \u003Cp\u003E12\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P18)(4).创建一个HTML文件的开始标记是 ,结束标记是 。\u003C\u002Fp\u003E \u003Cp\u003E (6).把HTML文档分为 和 两部分。 部分就是在Web浏览器窗口的用户区内看到的内容,而 部分用来设置该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。\u003C\u002Fp\u003E \u003Cp\u003E (7).HTML4或XHTML1.0的三种文档风格是 、 、 。\u003C\u002Fp\u003E \u003Cp\u003E (8).简述一个HTML文档的基本结构。\u003C\u002Fp\u003E \u003Cp\u003E (P43)(2)新建一个HTML网页文件的开始标记是 ,结束标记是 。\u003C\u002Fp\u003E \u003Cp\u003E (4)HTML文档由为 和 两部分组成。 部分就是在Web浏览器窗口中用户内看到的内容,而 部分用来设置该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。\u003C\u002Fp\u003E \u003Cp\u003E (5)HTML4.01或XHTML1.0的文档类型有3种,分别是 、 、 。\u003C\u002Fp\u003E \u003Cp\u003E ……\u003C\u002Fp\u003E \u003Cp\u003E (1)简述一个HTML文档的基本结构,并举例说明。\u003C\u002Fp\u003E \u003Cp\u003E《Web程序员初级HTML和VBScript》高教出版社 贾长云、朱香卫等编,2006 P41\u003C\u002Fp\u003E \u003Cp\u003E(1)创建一个HTML文档的开始标记是 ;结束标记是 。\u003C\u002Fp\u003E \u003Cp\u003E《HTML、JavaScript与Java三合一最新培训课程》 曹建,2000 P19-20\u003C\u002Fp\u003E \u003Cp\u003E 一、填空题\u003C\u002Fp\u003E \u003Cp\u003E2、 我们把HTML文档分为 和 \u003C\u002Fp\u003E \u003Cp\u003E两部分, 部分就是我们在Web浏览器窗口的用户区内看到的内容,而 部分用来规定该文档的标题(出现在Web浏览器窗口的标题栏中)和文档的一些属性。\u003C\u002Fp\u003E \u003Cp\u003E二、简答题\u003C\u002Fp\u003E \u003Cp\u003E1、简述一个HTML文档的基本结构。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh018001lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E13\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P24) …可以为face属性一次定义多个字体,字体之间使用“,”分隔开,浏览器在读取字体时,如果第1种字体系统中不存在,就显示第2种字体,如果第2种字体系统中不存在,就显示第3种字体,依此类推,…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P52)字体名称可以是多个,使用时,从左向右依次选用。第一种字体没有,就选用第2种字体,第2种字体没有就选用第3种字体,依次类推。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E14\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P31)…如果想强制浏览器不换行显示,可以使用\u003Cnobr\u003E标记。若希望在\u003Cnobr\u003E标记中的文字强制换行,则可以使用\u003Cwbr\u003E。\u003C\u002Fp\u003E \u003Cp\u003E 基本语法:\u003C\u002Fp\u003E \u003Cp\u003E \u003Cbr\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Cnobr\u003E…\u003C\u002Fnobr\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Cwbr\u003E…\u003C\u002Fwbr\u003E\u003C\u002Fp\u003E \u003Cp\u003E (2)\u003Cnobr\u003E\u003C\u002Fnobr\u003E标记之间的内容不换行,但是\u003Cnobr\u003E\u003C\u002Fnobr\u003E标记中被\u003Cwbr\u003E\u003C\u002Fwbr\u003E包含的内容将被强制换行。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P54)…如果想强制浏览器不显示换行,可以使用nobr标记。若想在nobr标记中强制文字换行,则可以使用wbr标记。\u003C\u002Fp\u003E \u003Cp\u003E 1.基本语法\u003C\u002Fp\u003E \u003Cp\u003E 换行:\u003Cbr\u003E\u003C\u002Fp\u003E \u003Cp\u003E 不换行:\u003Cnobr\u003E…\u003C\u002Fnobr\u003E\u003C\u002Fp\u003E \u003Cp\u003E 强制换行:\u003Cwbr\u003E…\u003C\u002Fwbr\u003E\u003C\u002Fp\u003E \u003Cp\u003E …\u003Cnobr\u003E\u003C\u002Fnobr\u003E标记之间的内容不换行,但\u003Cnobr\u003E\u003C\u002Fnobr\u003E标记中被\u003Cwbr\u003E\u003C\u002Fwbr\u003E标记包含的内容将强制换行。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《最新HTML&CSS标准教程》 胡崧编著2007P65\u003C\u002Fp\u003E \u003Cp\u003E…\u003C\u002Fp\u003E \u003Cp\u003E基本语法\u003C\u002Fp\u003E \u003Cp\u003E\u003Cbr\u003E\u003C\u002Fp\u003E \u003Cp\u003E\u003Cnobr\u003E…\u003C\u002Fnobr\u003E\u003C\u002Fp\u003E \u003Cp\u003E\u003Cwbr\u003E…\u003C\u002Fwbr\u003E\u003C\u002Fp\u003E \u003Cp\u003E15\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P35) \u003Ch2 align=center\u003E唐诗欣赏\u003C\u002Fh2\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Chr width=“100%”size=“1”color=“#00ffee”\u003E\u003C\u002Fp\u003E \u003Cp\u003E 图3-19文字与段落小实例 唐诗欣赏\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P***)\u003Ccenter\u003E《静夜思》鉴赏\u003C\u002Fcenter\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Chr width=”100%”size=”1”color=”#000fff”\u003E\u003C\u002Fp\u003E \u003Cp\u003E 图3-4-1唐诗赏析页面\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E16\u003C\u002Fp\u003E \u003Cp\u003E16\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P37 )1、下面( )是换行符标记?\u003C\u002Fp\u003E \u003Cp\u003E A\u003CBODY\u003E B\u003Cfont\u003E C\u003Cbr\u003E D\u003Cp\u003E 3、在HTML中,标记\u003Cpre\u003E的作用是( )\u003C\u002Fp\u003E \u003Cp\u003E A标题标记 B预排版标记 C转行标记 D文字效果标记\u003C\u002Fp\u003E \u003Cp\u003E 5、要设置一条1像素粗的水平线,应使用的HTML语句是 。\u003C\u002Fp\u003E \u003Cp\u003E (P***)(3)下面换行标记的是( )。\u003C\u002Fp\u003E \u003Cp\u003E A.\u003CBODY\u003E B.\u003Cfont\u003E C.\u003Cbr\u003E D.\u003Cp\u003E (5)HTML中,标记\u003Cpre\u003E的作用是( )。\u003C\u002Fp\u003E \u003Cp\u003EA.标题字标记 B.预排版标记 C.换行标记 D.文字效果标记\u003C\u002Fp\u003E \u003Cp\u003E…\u003C\u002Fp\u003E \u003Cp\u003E (5)要设置一条1像素粗的水平线,应使用的HTML语句是 。\u003C\u002Fp\u003E \u003Cp\u003E《网页设计与制作》田博文编著 2006P***\u003C\u002Fp\u003E \u003Cp\u003E1、下面哪一项是换行符标签?( )\u003C\u002Fp\u003E \u003Cp\u003EA.\u003CBODY\u003E B.\u003Cfont\u003E C.\u003Cbr\u003E D.\u003Cp\u003E《计算机应用基础学习指导2006版》华东师范大学出版社 汪燮华等主编2007P1***\u003C\u002Fp\u003E \u003Cp\u003E10、在HTML中,标记\u003Cper\u003E的作用是 。\u003C\u002Fp\u003E \u003Cp\u003E A标题标记 B预排版标记 C转行标记 D文字效果标记\u003C\u002Fp\u003E \u003Cp\u003E《ASP动态网页设计》清华大学出版社 \u003C\u002Fp\u003E \u003Cp\u003E 黄玉春主编.2009.2P40\u003C\u002Fp\u003E \u003Cp\u003E 16.要设置一条1像素粗的水平线,应使用的HTML语句是 。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh016401lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E17\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P39) …常用的列表有无序列表、有序列表和定义列表三种。另外,还有不太常用的目录列表和菜单列表。\u003C\u002Fp\u003E \u003Cp\u003E (P63、64)列表能对网页中的相关信息进行合理的布局,将项目有序或者无序地罗列显示。HTML中列表一共有5种分别是无序列表、有序列表、定义列表、菜单列表和目录列表。但常用列表有3种分别是无序列表、有序列表、定义列表。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E18\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P50 )图4-10有序列表实验、图4-11列表嵌套实验\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P65)图4-2-1无序列表\u003C\u002Fp\u003E \u003Cp\u003E (P73)图4-7-1多种列表的应用\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E19\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P44)…在网页文件中,对于内容层次较多的情况,使用嵌套列表不仅使网页的内容布局更加合理美观,而且使其内容看起来更加清晰、明了。嵌套的列表可以是无序列表的嵌套,也可以是有序列表的嵌套,还可以是无序类表和有序列表的混合嵌套。\u003C\u002Fp\u003E \u003Cp\u003E (P70)…在网页文件中,对于内容层次较多的情况,使用嵌套列表不仅使列表网页的内容布局更加合理美观,而且使其内容看起来更加清晰、明了。\u003C\u002Fp\u003E \u003Cp\u003E嵌套方式:嵌套的列表可以使无序列表的嵌套,也可以使有序列表的嵌套,还可以是无序列表和有序列表的混合嵌套。嵌套列表不可以交叉嵌套。…\u003C\u002Fp\u003E \u003Cp\u003E《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P58\u003C\u002Fp\u003E \u003Cp\u003E 在网页文件中,列表的使用也很频繁,嵌套列表的使用不仅使网页的内容布局更加美观,而且使显示的内容更加清晰、明白,…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh014401lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E20\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P45)…\u003C\u002Fp\u003E \u003Cp\u003E \u003Ch2\u003E…普通话考试通知…\u003C\u002Fh2\u003E\u003C\u002Fp\u003E \u003Cp\u003E ……\u003C\u002Fp\u003E \u003Cp\u003E \u003Cli\u003E报名时间:3月16-21日,逾期不予受理。\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Cli\u003E报名地点:所在院系办公室。\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Cli\u003E报名费用:按物价局规定85元\u002F人\u002F次(含培训费),报名时交齐。\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E ……\u003C\u002Fp\u003E \u003Cp\u003E (P70)…\u003C\u002Fp\u003E \u003Cp\u003E \u003Ch4\u003E全国计算机等级考试通知\u003C\u002F4\u003E\u003C\u002Fp\u003E \u003Cp\u003E ……\u003C\u002Fp\u003E \u003Cp\u003E \u003Cli\u003E报名时间:2012年12月11日-25日,预期不予受理。\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Cli\u003E报名地点:学院教务处(4512)。\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E \u003Cli\u003E报名费用:按物价局规定100元\u002F人\u002F次,报名时交齐。\u003Cli\u003E\u003C\u002Fp\u003E \u003Cp\u003E ……\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E21\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P50)实验 图4-10有序列表实验\u003C\u002Fp\u003E \u003Cp\u003E 4、使用有序列表标记的 属性后,可改变编号的起始值。该属性值是一个 ,表示从哪一个数字或字母开始编号。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P69)图4-4-1 有序列表\u003C\u002Fp\u003E \u003Cp\u003E (P75)(3)设置有序列表的 属性可以改变编号的起始值,该属性值的类型是 ,表示从哪一个数字或字母开始编号。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E22\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P52) …在本质上属于一个网页的一部分,是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接后,才能真正构成一个网站。…当浏览者点击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型打开或者运行。\u003C\u002Fp\u003E \u003Cp\u003E (P77)…它是一种允许同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。…当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。…\u003C\u002Fp\u003E \u003Cp\u003E《计算机基础》中国科学技术大学出版社 蔡庆华2008P279\u003C\u002Fp\u003E \u003Cp\u003E 网页中的超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行链接的元素。各个网页链接在一起后,才能真正构成一个网站。…当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh019301lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E23\u003C\u002Fp\u003E \u003Cp\u003E23\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P54 )建立超链接的标记是\u003Ca\u003E(Anohor,锚),以\u003Ca\u003E开始,以\u003C\u002Fa\u003E结束,超链接可以指向网络上的任何资源…\u003C\u002Fp\u003E \u003Cp\u003E …\u003C\u002Fp\u003E \u003Cp\u003E …每一个网页都具有独一无二的地址,即统一资源定位器(Uniform Resource Locator,TRL)。…\u003C\u002Fp\u003E \u003Cp\u003E 在HTML文件中,主要提供了三种路径:绝对路径、相对路径和根路径,…\u003C\u002Fp\u003E \u003Cp\u003E 1、绝对路径\u003C\u002Fp\u003E \u003Cp\u003E 绝对路径指文件的完整路径,…一般用于网站的外部链接…\u003C\u002Fp\u003E \u003Cp\u003E 2、相对路径\u003C\u002Fp\u003E \u003Cp\u003E …,包含了从当前文件指向目的文件的路径。…\u003C\u002Fp\u003E \u003Cp\u003E 3、根路径\u003C\u002Fp\u003E \u003Cp\u003E 根路径适用于创建内部链接,但是大多数情况下,不建议使用根路径。…在决大多数情况下,链接本地机器上的文件时使用相对路径比较好,不仅在本地机器环境下适合,就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。\u003C\u002Fp\u003E \u003Cp\u003E (P78)建立超链接可以使用超链接a(Anchor)标记来实现。以\u003Ca\u003E开始,以\u003C\u002Fa\u003E结束,超链接可以指向网页上任何资源,…\u003C\u002Fp\u003E \u003Cp\u003E …\u003C\u002Fp\u003E \u003Cp\u003E …属性定义链接所访问的目标地址,这也是路径。每一个网页都有一个相对固定的地址,就是统一资源定位符URL,…分别是绝对路径、相对路径、根路径。\u003C\u002Fp\u003E \u003Cp\u003E 1.绝对路径\u003C\u002Fp\u003E \u003Cp\u003E 绝对路径指文件的完整路径,…一般用于网站的外部链接,…\u003C\u002Fp\u003E \u003Cp\u003E2.相对路径 \u003C\u002Fp\u003E \u003Cp\u003E…它包含了从 当前文件指向目的文件的路径。…\u003C\u002Fp\u003E \u003Cp\u003E3.根路径\u003C\u002Fp\u003E \u003Cp\u003E根路径目录地址同样可用于创建内部链接,但大多数情况下,不建议使用此种链接形式。…\u003C\u002Fp\u003E \u003Cp\u003E …链接本地资源在绝大多数情况下使用相对路径比较好。…不仅适合在本地机器环境下,即使是上传到网络或其他系统下也不需要进行太多的更改就能准确链接。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《网站建设实例大制作》胡崧、于慧编著2007P37\u003C\u002Fp\u003E \u003Cp\u003E根路径目录地址同样可用于创建内部链接,但大多数情况下,不建议使用此种链接形式。\u003C\u002Fp\u003E \u003Cp\u003E24\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E(P***) 图5-6 建立书签链接\u003C\u002Fp\u003E \u003Cp\u003E程序5-3.html、5-4.html\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P82)【例5-3-2】\u003C\u002Fp\u003E \u003Cp\u003E 图5-3-2同页面书签链接\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E25\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E(P63) 程序5-6“FTP”链接实例、\u003C\u002Fp\u003E \u003Cp\u003E 图5-10FTP链接\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P84)【例5-3-3】\u003C\u002Fp\u003E \u003Cp\u003E (P85)图5-3-4FTP链接\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E26\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P67 )2、在网页中,必须使用()标记来完成超链接。\u003C\u002Fp\u003E \u003Cp\u003E A.\u003Ca\u003E…\u003C\u002Fa\u003E B.\u003Cp\u003E…\u003C\u002Fp\u003E\u003C\u002Fp\u003E \u003Cp\u003E C.\u003Clink\u003E…\u003C\u002Flink\u003E D.\u003Cli\u003E…\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E 5、若要在页面中创建一个图像超链接,要显示的图形为myhome.jpg,所链接的地址为http:\u002F\u002Fwww.pcnetedu.com,以下用法中正确的是( )\u003C\u002Fp\u003E \u003Cp\u003E A.\u003Ca href=http:\u002F\u002Fwww.pcnetedu.com”\u003Emyhome.jpg\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E B.\u003Ca href=“http:\u002F\u002Fwww.pcnetedu.com”\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E C.\u003Ca href=“http:\u002F\u002Fwww.pcnetedu.com”\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E D.\u003Ca herf=http:\u002F\u002Fwww.pcncredu.com\u003E\u003C\u002Fp\u003E \u003Cp\u003E (P90)(4)在网页中,必须使用( )标记来完成超链接。\u003C\u002Fp\u003E \u003Cp\u003E A.\u003Ca\u003E…\u003C\u002Fa\u003E B.\u003Cp\u003E…\u003C\u002Fp\u003E \u003C\u002Fp\u003E \u003Cp\u003E C.\u003Clink\u003E…\u003C\u002Flink\u003E D.\u003Cli\u003E…\u003C\u002Fli\u003E\u003C\u002Fp\u003E \u003Cp\u003E (5)若要在页面中创建一个图像链接,要显示的图像为myhome.jpg,所链接的地址为http:\u002F\u002Fwww.pcnetedu.com,以下用法中,正确的是( )。\u003C\u002Fp\u003E \u003Cp\u003E A.\u003Ca href=”http:\u002Fwww.pcnetedu.com”\u003Emyhome.jpg\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E B.\u003Ca href=”http:\u002Fwww.pcnetedu.com”\u003E\u003C\u002Fp\u003E \u003Cp\u003E\u003C\u002Fa\u003E”\u003C\u002Fp\u003E \u003Cp\u003E C.\u003Ca href=” http:\u002Fwww.pcnetedu.com”\u003C\u002Fp\u003E \u003Cp\u003E\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E D.\u003Ca href=http:\u002Fwww.pcnetedu.com\u003E\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《网页设计与制作Dreamweaver MX 2004》邓宁主编2007P2***\u003C\u002Fp\u003E \u003Cp\u003E8、若要在页面中创建一个图形超级链接,要显示的图形为myhong.jpg,所链接的地址为http:\u002F\u002Fwww.pcnetedu.com,以下用法中正确的是( )。\u003C\u002Fp\u003E \u003Cp\u003E A.\u003Ca href=“http:\u002F\u002Fwww.pcnetedu.com”\u003Emyhome.jpg\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E B.\u003Ca href=“http:\u002F\u002Fwww.pcnetedu.com”\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E C.\u003Ca href=“http:\u002F\u002Fwww.pcnetedu.com”\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E \u003Cp\u003E D.\u003Ca herf=http:\u002F\u002Fwww.pcncredu.com\u003E\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh014901lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E27\u003C\u002Fp\u003E \u003Cp\u003E27\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P72 )(1)width和height的单位可以是像素,也可以是百分比。…\u003C\u002Fp\u003E \u003Cp\u003E (2)在width和height属性中,如果只设置了其中的一个属性,则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置,且其比例和原图大小的比例不一致的话,那么显示的图像会相对于原图变形或失真。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P96)图像高度和宽度的单位可以是像素,也可以是百分比。\u003C\u002Fp\u003E \u003Cp\u003E 在设置图像的宽度和高度的属性时,如果只设置了宽度和高度中的一个属性,那么另一个属性会按图像宽高等比例显示;如果两个属性没有按原始大小的缩放比例设置,图像会发生变形。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E28\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P74 )图6-3 指定图像的间距\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P100)图6-1-5设置图像对齐方式\u003C\u002Fp\u003E \u003Cp\u003E 图6-1-6设置图像间距\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E29\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P78 )滚动文字可以增加文字的动态效果,引起浏览者的注意,丰富网页的内容。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P104)通过marquee标记可以添加文字,增加文字的动态效果,丰富网页的效果。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E30\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P81) 图6-8插入背景音乐\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P114)图6-3-1设置背景音乐\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E31\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P81 )使用\u003Cbgsound\u003E标记只能添加声音文件,而且不能显示和调整播放软件的控制面板。而使用\u003Cembed\u003E标记则可以插入各种各样的多媒体文件,如WMV、MP3、AVI、SWF、MOV、RMVB等。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P114)使用bgsound标记只能在网页中添加声音文件,而不能显示和调整播放软件的控制界面。而使用\u003Cembed\u003E标记可以将各种各样的多媒体文件嵌入到网页中,如SWF、MOV、MP3、WMV、AVI、RMVB等。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E32\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P88 )程序7-1\u003C\u002Fp\u003E \u003Cp\u003E 图7-1程序运行结果图\u003C\u002Fp\u003E \u003Cp\u003E (P191)【例9-2-1】设计班级课程表。\u003C\u002Fp\u003E \u003Cp\u003E 图9-2-1插入表格\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《实用网页设计技术-HTML、CSS与DTML》 赵丰年主编2000P64\u003C\u002Fp\u003E \u003Cp\u003E 图6.1表格实例\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh012701lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E33\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P89) 表头是指表格的第一行或第一列等对表格内容的说明,文字样式为居中、加粗显示,通过\u003Cth\u003E标记实现。\u003C\u002Fp\u003E \u003Cp\u003E (P192)设计表格时,表头常常作为表格的第1行或者第1列,用来对表格单元格的内容进行说明。文字内容一般居中、加粗显示。可以通过th标记来实现。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E34\u003C\u002Fp\u003E \u003Cp\u003E 34\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P91) 在表格设计中,width属性用于设置表格的宽度,height属性用于设置表格的高度。\u003C\u002Fp\u003E \u003Cp\u003E 基本语法:\u003C\u002Fp\u003E \u003Cp\u003E 表格背景默认为无填充色,根据网页设计要求,设置bgcolor属性可以设定表格背景颜色,以增加视觉效果。\u003C\u002Fp\u003E \u003Cp\u003E (P93) 表7-3 frame的属性、表7-4 rules的属性\u003C\u002Fp\u003E \u003Cp\u003E (P93)通过cellspacing属性可以调整表格的单元格和单元格之间的间距,使得表格布局不会显得过于紧凑。\u003C\u002Fp\u003E \u003Cp\u003E (P95)表格行标记\u003Ctr\u003E的属性用于设定表格中某一行的属性,其常见属性设置如表7-5所示。\u003C\u002Fp\u003E \u003Cp\u003E 表7-5\u003Ctr\u003E标记的属性\u003C\u002Fp\u003E \u003Cp\u003E (P98)表7-6\u003Ctd\u003E标记的属性\u003C\u002Fp\u003E \u003Cp\u003E单元格的rowspan属性可实现单元格的跨行合并(纵向合并)。\u003C\u002Fp\u003E \u003Cp\u003E Rowspan的值为单元格跨越的行数。如果创建跨越两行的单元格(即rowspan=“2”),那么在下一行中就不用定义相应的单元格,如果创建跨越三行的单元格(rowspan=“3”),那么在下两行中就不用定义相应的单元格,以此类推。\u003C\u002Fp\u003E \u003Cp\u003E (P99)colspan属性可以进行单元格的跨列合并(横向合并)。\u003C\u002Fp\u003E \u003Cp\u003E colspan的值为所跨单元格的列数。若在一行中创建跨越两列的单元格(即colspan=“2”),那么在该行中就应该少定义一个单元格,若在一行中创建跨越三列的单元格(即colspan=“3”),那么在该行中就少定义两个单元格,以此类推。\u003C\u002Fp\u003E \u003Cp\u003E (P196)在表格设计中,width属性用于设置表格的宽度,height属性用于设置表格的高度。\u003C\u002Fp\u003E \u003Cp\u003E 1.基本语法\u003C\u002Fp\u003E \u003Cp\u003E \u003Ctable width=””height=””\u003E…\u003C\u002Ftable\u003E\u003C\u002Fp\u003E \u003Cp\u003E 表格背景默认为无填充色,根据网页设计风格的要求,使用table标记的bgcolor属性设置表格背景颜色,以增加视觉效果。…\u003C\u002Fp\u003E \u003Cp\u003E (P198)表9-3-3 frame、rules常见属性值说明表\u003C\u002Fp\u003E \u003Cp\u003E (P199)通过cellspacing属性设置表格单元格间隔,这样可以使网页中的表格显得不会过于紧凑。…\u003C\u002Fp\u003E \u003Cp\u003E (P201)表格行tr标记的属性用于设置表格某一行的样式,其属性设置如表9-4-1所示。\u003C\u002Fp\u003E \u003Cp\u003E 表9-4-1行tr标记的属性表\u003C\u002Fp\u003E \u003Cp\u003E (P205) 表9-5-1单元格td标记的属性表\u003C\u002Fp\u003E \u003Cp\u003E 单元格td的rowspan属性可以设置单元格跨行合并(纵向合并)。\u003C\u002Fp\u003E \u003Cp\u003E Rowspan属性可以设置单元格跨越的行数。如果要设置跨2行的单元格(rowspan=“2”)则下一行的单元格就必须少定义一个,即少一个td标记。如果要设置跨3行的……则下2行的单元格均要少定义一个,以此类推。\u003C\u002Fp\u003E \u003Cp\u003E (P206)单元格td的colspan属性可以设置单元格跨列合并(横向合并)。\u003C\u002Fp\u003E \u003Cp\u003E (P207) Colspan属性可以设置单元格跨越的列数。如果要设置跨2列的单元格(colspan=“2”),则该行的单元格就必须少定义1个,即少1个td标记。如果要设置跨3列的单元格(colspan=“3”),则该行的单元格要少定义2个,以此类推。 \u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P81\u003C\u002Fp\u003E \u003Cp\u003E表7-3 frame常见属性\u003C\u002Fp\u003E \u003Cp\u003E表7-4 frame常见属性 \u003C\u002Fp\u003E \u003Cp\u003E《网页设计技术伴侣-HTML\u002FCSS\u002FJavaScript范例应用》中国青年出版社 胡崧2006.12P114、115\u003C\u002Fp\u003E \u003Cp\u003E表7-6 \u003Ctr\u003E标签属性\u003C\u002Fp\u003E \u003Cp\u003E表7-7 \u003Ctd\u003E标签属性\u003C\u002Fp\u003E \u003Cp\u003E35\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P100)…利用表格的嵌套,一方面可以制作复杂而精美的效果;另一方面可以根据布局需要实现精确的编排。不过,需要注意的是,嵌套层次越多,网页的载入速度就会越慢。\u003C\u002Fp\u003E \u003Cp\u003E (P208)…当然,表格中嵌套表格还会受到表格的总宽度和高度的限制,一般而言,表格中嵌套表格不要太多,否则会影响网站页面访问速度。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E36\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P105) …(2)使用表格排版网页时,要尽量细化表格,不要把整个网页放在一个大的表格里。…\u003C\u002Fp\u003E \u003Cp\u003E (3)对于整个网页使用表格排版时,可以将整个页面分成几块,使用多个表格来排版。…\u003C\u002Fp\u003E \u003Cp\u003E (P211)…在使用表格排版网页时,要尽量细化表格,不要把整个网页放在一个大的表格里。…针对这个特点,建议在采用表格进行页面布局时,先将整个页面分成几块…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E 37\u003C\u002Fp\u003E \u003Cp\u003E 37\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P106)6.表格的标记是 ,单元格的标记是 。\u003C\u002Fp\u003E \u003Cp\u003E 7.表格的宽度可以用百分比和 两种单位来设置。\u003C\u002Fp\u003E \u003Cp\u003E (P101)图6-16表格实验1(第1版)\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P212)(1)定义表格的标记是 ,定义单元格的标记是 。\u003C\u002Fp\u003E \u003Cp\u003E (2)表格的宽度可以用百分比和 两种单位来设置。\u003C\u002Fp\u003E \u003Cp\u003E (P213)图9-1 创建表格\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E 2009.2.14《网页设计与制作(模拟试题1)\u003C\u002Fp\u003E \u003Cp\u003E7、表格的标签是 ,单元格的标签是 。\u003C\u002Fp\u003E \u003Cp\u003E8、表格的宽度可以用百分比和 两种单位来设置。\u003C\u002Fp\u003E \u003Cp\u003E 2008.11.05(实验9(1)题)\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh012701lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E38\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P113)…0表示不显示边框,1表示显示边框,默认值为1。\u003C\u002Fp\u003E \u003Cp\u003E (P219)…为“0”表示不显示边框,为“1”表示显示边框,默认值为“1”。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《最新HTML&CSS标准教程》(电子书)\u003C\u002Fp\u003E \u003Cp\u003E 胡崧编著2003P205\u003C\u002Fp\u003E \u003Cp\u003E …0为不显示边框,1为显示边框。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh012701lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E39\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P117)表8-1浮动框架的属性\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P225)表10-4-1浮动框架属性\u003C\u002Fp\u003E \u003Cp\u003E《HTML+CSS+JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P116 \u003C\u002Fp\u003E \u003Cp\u003E 表9-2 浮动框架属性\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh012701lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E40\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P125)图9-1表单中的单行文本框\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0132801lydyh01\u003E \u003Cp\u003E (P242)图11-2-1单行文本输入框实例\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E 41\u003C\u002Fp\u003E \u003Cp\u003E 41\u003C\u002Fp\u003E \u003Cp\u003E 41\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P153)图10-8 设置字号的绝对大小\u003C\u002Fp\u003E \u003Cp\u003E (P155)图10-10 font-style字体效果属性\u003C\u002Fp\u003E \u003Cp\u003E (P155)在HTML里,可以利用\u003Cb\u003E标记或\u003Cstrong\u003E标记将文字设置为粗体。在CSS里,可以用front-weight属性设置字体的粗细。\u003C\u002Fp\u003E \u003Cp\u003E (P157)text属性所提供的text-decoration属性,主要完成文字加下划线、顶线、删除线及文字闪烁效果。\u003C\u002Fp\u003E \u003Cp\u003E (P157、158)Front属性是一种复合属性,可以同时对文字设置多个属性。包括字体、大小、风格、加粗及字体变体。\u003C\u002Fp\u003E \u003Cp\u003E 基本语法:\u003C\u002Fp\u003E \u003Cp\u003E font:font-style font-weight font-variant font-size\u002Fline height font-family\u003C\u002Fp\u003E \u003Cp\u003E 语法说明:\u003C\u002Fp\u003E \u003Cp\u003E (1)如果要利用font属性,同时设置多个文字属性时,属性与属性之间必须利用空格隔开。\u003C\u002Fp\u003E \u003Cp\u003E (2)前三个属性次序不定或省略,默认为nomal。\u003C\u002Fp\u003E \u003Cp\u003E (3)大小和字体系列必须显式地指定,先设置大小,再设置字体系列,字体系列如果有多个,以逗号分割。\u003C\u002Fp\u003E \u003Cp\u003E (4)行高必须直接出现在字体大小后面,中间用斜杠分开,行高是可选的属性。\u003C\u002Fp\u003E \u003Cp\u003E (5)font属性是继承的。\u003C\u002Fp\u003E \u003Cp\u003E (P1***) text-align属性可以控制文字段落的水平对齐方式。\u003C\u002Fp\u003E \u003Cp\u003E 基本语法:\u003C\u002Fp\u003E \u003Cp\u003E text-align:left丨right丨center丨justify\u003C\u002Fp\u003E \u003Cp\u003E 语法说明:\u003C\u002Fp\u003E \u003Cp\u003E left为默认值,right表示右对齐,cneter表示居中对齐,justify表示左右对齐。\u003C\u002Fp\u003E \u003Cp\u003E (P162) 利用text-transform属性可以转英文大小写。\u003C\u002Fp\u003E \u003Cp\u003E 基本语法:\u003C\u002Fp\u003E \u003Cp\u003E text-transform:capitalize丨uppercase丨lowercase丨none\u003C\u002Fp\u003E \u003Cp\u003E (P166) background-attachment背景附件属性用来设置背景图片是否随着滚动条的移动而一起移动。\u003C\u002Fp\u003E \u003Cp\u003E (P167)基本语法\u003C\u002Fp\u003E \u003Cp\u003E background-position:百分数丨长度丨关键字\u003C\u002Fp\u003E \u003Cp\u003E 语法说明:\u003C\u002Fp\u003E \u003Cp\u003E 利用百分比和长度来设置图片位置时,都要指定两个值,并且这两个值都要用空格隔开。一个代表水平位置,一个代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是网页页面的上边。……\u003C\u002Fp\u003E \u003Cp\u003E (P151)图8-2-1设置字号大小\u003C\u002Fp\u003E \u003Cp\u003E (P152)图8-2-2设置字体样式\u003C\u002Fp\u003E \u003Cp\u003E (P153)在HTML中可以使用\u003Cb\u003E\u003C\u002Fb\u003E或\u003Cstrong\u003E\u003C\u002Fstrong\u003E等标记来设置字体粗细。而在CSS中可以使用front-weight属性用于设置文本字体的粗细。\u003C\u002Fp\u003E \u003Cp\u003E (P1***)字符装饰text-decoration属性主要用来完成文字加下划线、顶线、删除线及文字闪烁等效果。\u003C\u002Fp\u003E \u003Cp\u003E (P155)font属性石一张复合属性,可以同时对文字设置多个属性。包括字体、大小、风格、加粗及字体变形。\u003C\u002Fp\u003E \u003Cp\u003E 1.基本语法\u003C\u002Fp\u003E \u003Cp\u003E font:font-style font-weight font-variant font-size\u002Fline-height font-family\u003C\u002Fp\u003E \u003Cp\u003E 2.语法说明\u003C\u002Fp\u003E \u003Cp\u003E 利用font属性同时设置多个文字属性时,属性与属性之间必须使用空格隔开。\u003C\u002Fp\u003E \u003Cp\u003E 前3个属性次序不定或省略,默认为normal。\u003C\u002Fp\u003E \u003Cp\u003E 大小和字体系列必须显式指定,先设置大小,再设置字体系列。\u003C\u002Fp\u003E \u003Cp\u003E 行高必须直接出现在字体大小的后面,中间用“\u002F”分开,行高为可选的属性。\u003C\u002Fp\u003E \u003Cp\u003E font属性是继承的。\u003C\u002Fp\u003E \u003Cp\u003E (P1***)text-align属性规定元素的水平对齐方式。\u003C\u002Fp\u003E \u003Cp\u003E 1.基本语法\u003C\u002Fp\u003E \u003Cp\u003E text-align:left|right|center|justify\u003C\u002Fp\u003E \u003Cp\u003E 2.语法说明\u003C\u002Fp\u003E \u003Cp\u003E left:表示左对齐,默认值。\u003C\u002Fp\u003E \u003Cp\u003E right:表示右对齐。\u003C\u002Fp\u003E \u003Cp\u003E center:表示居中。\u003C\u002Fp\u003E \u003Cp\u003E Justify:表示两端对齐。\u003C\u002Fp\u003E \u003Cp\u003E (P160)8.3.4英文大小写转换text-transform属性。\u003C\u002Fp\u003E \u003Cp\u003E 基本语法\u003C\u002Fp\u003E \u003Cp\u003E text-transform:capitalize丨uppercase丨lowercase丨none\u003C\u002Fp\u003E \u003Cp\u003E (P168)background-attachment背景附件属性用于设置背景图像是否随着滚动条一起滚动。\u003C\u002Fp\u003E \u003Cp\u003E (P169)基本语法\u003C\u002Fp\u003E \u003Cp\u003E background-position:百分数丨长度丨关键字\u003C\u002Fp\u003E \u003Cp\u003E 语法说明\u003C\u002Fp\u003E \u003Cp\u003E 利用百分比或长度来设置图像的位置均需要指定两个值,并且这两个值必须用空格分隔。一个值代表水平位置,另一个值代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是网页页面的上边。……\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《CSS完全实例教程》电子工业出版社胡海、徐华勇编著 2001P***\u003C\u002Fp\u003E \u003Cp\u003E 4.13字体大小设置\u003C\u002Fp\u003E \u003Cp\u003E《HTML XHTML CSS网页制作从入门到精通》人民邮电出版社2008P205\u003C\u002Fp\u003E \u003Cp\u003E水平对齐属性text-align用来定义文本的水平对齐效果。\u003C\u002Fp\u003E \u003Cp\u003E语法:\u003C\u002Fp\u003E \u003Cp\u003EText-align:排列值\u003C\u002Fp\u003E \u003Cp\u003E说明:\u003C\u002Fp\u003E \u003Cp\u003E…\u003C\u002Fp\u003E \u003Cp\u003Eleft :左对齐。\u003C\u002Fp\u003E \u003Cp\u003Eright:右对齐。\u003C\u002Fp\u003E \u003Cp\u003Ecenter:居中对齐。\u003C\u002Fp\u003E \u003Cp\u003EJustify:两端对齐。\u003C\u002Fp\u003E \u003Cp\u003E《HTML CSS JavaScript标准教程实例版(第2版)》电子工业出版社 本书编委会2009.3 P185、189\u003C\u002Fp\u003E \u003Cp\u003E 背景附件属性background-attachment就是用来设置背景图片是否随着滚动条的移动而一起移动。\u003C\u002Fp\u003E \u003Cp\u003E基本语法\u003C\u002Fp\u003E \u003Cp\u003E background-position:百分数丨长度丨关键字\u003C\u002Fp\u003E \u003Cp\u003E语法说明\u003C\u002Fp\u003E \u003Cp\u003E利用百分比和长度设置图片位置时,都要指定两个值,并且这两个值要用空格离开。一个代表水平位置,一个代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是页面的上边。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh0121701lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E42\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P190)JavaScript脚本程序是嵌入在页面中,通过一个\u003Cscript\u003E标记说明的,浏览器能够解释并运行包含在标记内的代码。\u003C\u002Fp\u003E \u003Cp\u003E (P194)…JavaScript脚本语言的基本构成是由语句、函数、对象、方法、属性等实现编程的,在程序结构上同样是有顺序、分支和循环三种基本结构。\u003C\u002Fp\u003E \u003Cp\u003E …\u003C\u002Fp\u003E \u003Cp\u003E JavaScript语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。\u003C\u002Fp\u003E \u003Cp\u003E (P199)JavaScript中的系统函数又称内部方法,与任何对象无关,可直接使用。\u003C\u002Fp\u003E \u003Cp\u003E (P264)JavScript程序必须嵌入在HTML页面中,并使用script标记来说明。代码放在script标记之间,由浏览器解释并执行。\u003C\u002Fp\u003E \u003Cp\u003E (P268)JavScript程序由语句、语句块、函数、对象、方法、属性等构成,程序结构可分为顺序、分支和循环3种基本结构。\u003C\u002Fp\u003E \u003Cp\u003E …\u003C\u002Fp\u003E \u003Cp\u003E JavScript语句是发送给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。\u003C\u002Fp\u003E \u003Cp\u003E (P301)常用系统内部函数又称为内部函数(或内部写法),与任何对象无关,可以直接使用。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E43\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P195)function是关键字,组成一个函数必须有function关键字开始。\u003C\u002Fp\u003E \u003Cp\u003E 函数名用来在调用时使用,命名必须符合有关标识符的命名规定。\u003C\u002Fp\u003E \u003Cp\u003E (P198)函数可以在执行后返回一个值代表执行后的结果,当然有些函数基于功能的需要并不需要返回任何值。\u003C\u002Fp\u003E \u003Cp\u003E (P308)function是关键字,组成一个函数必须用function开始。\u003C\u002Fp\u003E \u003Cp\u003E 函数命名必须遵守标识符命名规范,函数名用来在调用时使用。\u003C\u002Fp\u003E \u003Cp\u003E (P309)函数可以在执行完成后返回一个代表执行后的结果,当然函数也可以不返回任何值。返回函数的计算结果可以使用return语句来实现。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E44\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P201)方法:prompt(“文本”,“默认值”)\u003C\u002Fp\u003E \u003Cp\u003E提示框经常用于提示用户在进入页面前输入某个值。……\u003C\u002Fp\u003E \u003Cp\u003E (P203)(1)必须使用字母或下划线开始。\u003C\u002Fp\u003E \u003Cp\u003E (2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符。\u003C\u002Fp\u003E \u003Cp\u003E (3)不能使用JavaScript关键词与JavaScript保留字。\u003C\u002Fp\u003E \u003Cp\u003E (4)不能使用JavaScript语言内部的单词,如Infinity、NaN、undefined。\u003C\u002Fp\u003E \u003Cp\u003E (P271)prompt()方法用于提示用户在进入页面前输入某个值。\u003C\u002Fp\u003E \u003Cp\u003E (P273)(1)必须使用英文字母或者下划线开始。\u003C\u002Fp\u003E \u003Cp\u003E (2)必须使用英文字母、数字、下划线组成,不能出现空格或制表符。\u003C\u002Fp\u003E \u003Cp\u003E (3)不能使用JavaScript关键字与JavaScript保留字。\u003C\u002Fp\u003E \u003Cp\u003E (4)不能使用JavaScript语言内部的单词,比如Infinity、NaN、undefined等。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E45\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P205)基本语法:\u003C\u002Fp\u003E \u003Cp\u003E var变量名[=初值][,变量名[=初值]…]\u003C\u002Fp\u003E \u003Cp\u003E 语法说明:\u003C\u002Fp\u003E \u003Cp\u003E (1)var是关键字,声明变量时至少要有一个变量,每个变量要起一个合适的名字。\u003C\u002Fp\u003E \u003Cp\u003E (2)变量的起名应该符合标识符的规定,好的名字应该做到见名知意。\u003C\u002Fp\u003E \u003Cp\u003E (3)可以同时声明多个变量。\u003C\u002Fp\u003E \u003Cp\u003E (4)可以在声明变量的同时,直接给变量赋予一个合适的初值。\u003C\u002Fp\u003E \u003Cp\u003E 以下是变量声明的实例。\u003C\u002Fp\u003E \u003Cp\u003E Var name =“张华”;\u003C\u002Fp\u003E \u003Cp\u003E Area=3.14*radius*radius;\u003C\u002Fp\u003E \u003Cp\u003E (P276)1、基本语法\u003C\u002Fp\u003E \u003Cp\u003E var变量名[=初值][,变量名[=初值]…]\u003C\u002Fp\u003E \u003Cp\u003E 语法说明\u003C\u002Fp\u003E \u003Cp\u003E (1)var(variant)是关键字,声明时至少要有一个变量,每个变量要起一个合适的名称。\u003C\u002Fp\u003E \u003Cp\u003E (2)变量命名应该符合标识符命名规范,好的名称应该是“见名知意”。\u003C\u002Fp\u003E \u003Cp\u003E (3)可以同时声明多个变量,…。\u003C\u002Fp\u003E \u003Cp\u003E (4)可以在声明时同时进行赋值。\u003C\u002Fp\u003E \u003Cp\u003E 以下是声明变量的示例。\u003C\u002Fp\u003E \u003Cp\u003E var x1,y1\u003C\u002Fp\u003E \u003Cp\u003E var str\u003C\u002Fp\u003E \u003Cp\u003E (P277)3.area=3.14*radius*radius;\u002F\u002F向未声明的变量直接赋值\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E46\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P206)JavaScript运算符包括算术运算符、赋值运算符、自增、自减运算符、逗号运算符、关系运算符、逻辑运算符、条件运算符、位运算符,也可以根据运算符需要操作数的个数,可以把运算符分为一元运算符、二元运算符或者三元运算符。\u003C\u002Fp\u003E \u003Cp\u003E由操作数(变量、常量、函数调用等)和运算符结合在一起构成的式子称为“表达式”。…\u003C\u002Fp\u003E \u003Cp\u003E (P207)JavaScript算术运算符负责算术运算,如表11-4所示。用算术运算符和运算对象(操作数)连接起来符合规则的式子,称为算术表达式。\u003C\u002Fp\u003E \u003Cp\u003E (P208)赋值运算是最常用的一种运算符,通过赋值,可以把一个值用一个变量名表示。\u003C\u002Fp\u003E \u003Cp\u003E (P211)表11-8 逻辑运算符\u003C\u002Fp\u003E \u003Cp\u003E (P211)条件运算符是一个3元运算符,也就是该运算符涉及3个操作数。\u003C\u002Fp\u003E \u003Cp\u003E (P277JavaScript运算符主要有:算术运算符、关系运算符、逻辑运算符、赋值运算符、自增、自减运算符、条件运算符、逗号运算符和位运算符等。也可以根据操作数的个数,将运算符分为一元运算符、二元运算符和三元运算符。\u003C\u002Fp\u003E \u003Cp\u003E由操作数(变量、常量、函数调用等)和运算符结合在一起构成的式子成为“表达式”…\u003C\u002Fp\u003E \u003Cp\u003E (P278)JavaScript算术运算符负责算术运算,用算术运算符和运算对象(操作数)连接起来符合规则的式子,称为算术表达式。…\u003C\u002Fp\u003E \u003Cp\u003E (P282)表12-4-3逻辑运算符\u003C\u002Fp\u003E \u003Cp\u003E (P283)赋值运算符是一种常见的运算符,通过赋值,可以把一个值用一个变量名表示。 \u003C\u002Fp\u003E \u003Cp\u003E (P285)条件运算符是一个三元运算符,也就是该运算涉及3个操作数。 \u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E《ASP.NET 网络编程技术》杨天奇等编著\u003C\u002Fp\u003E \u003Cp\u003E2007P47\u003C\u002Fp\u003E \u003Cp\u003E表3-15 条件逻辑运算符\u003C\u002Fp\u003E \u003Cp\u003E47\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P220)(1)应该使用大括号{}将循环体语句括起来(一条语句也应使用大括号)。\u003C\u002Fp\u003E \u003Cp\u003E 在循环体中应该包含使循环退出的语句,…\u003C\u002Fp\u003E \u003Cp\u003E (P295、296)使用{ }将循环体语句括起来,即使是一条语句也要使用大括号。\u003C\u002Fp\u003E \u003Cp\u003E循环体语句必须含有循环正常退出的语句…\u003C\u002Fp\u003E \u003Cp\u003E48\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P212)JavaScript程序设计分为两种方式,面向过程程序设计与面向对象程序设计。每种方法都是对数据结构与算法的描述。…\u003C\u002Fp\u003E \u003Cp\u003E (P286)JavaScript程序设计分为两种方式,即面向过程和面向对象的程序设计。每种方式都是对数据结构和算法的描述。…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E49\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P213)在编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。在JavaScript中,可以使用下面几种条件语句:\u003C\u002Fp\u003E \u003Cp\u003E (P287)在编写代码时经常需要根据不同的条件完成不同的行为,可以在代码中使用条件语句来完成这一任务。在JavaScript中可以使用4种形式分支结构语句:\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E2009-03-06http:\u002F\u002Fwenwen.sogou.com\u002Fz\u002Fq2003198017.htm\u003C\u002Fp\u003E \u003Cp\u003E 在您编写代码时,经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003C\u002Ftr\u003E \u003Ctr height=01lydyh017001lydyh01\u003E \u003Ctd width=01lydyh013701lydyh01\u003E \u003Cp\u003E50\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P218)…在实际中,还有一种情况是,要重复执行一组语句,指导达到目标,如显示一个集合内的所有元素到页面上,…\u003C\u002Fp\u003E \u003Cp\u003E (P220)由于while结构中,只能是一个循环条件表达式,不像for结构中比较齐全,所以完成同样的工作需要想办法在其他地方处理,如变量初始化部分移到了while循环开始之前;其次循环表达式的工作改放在循环体内执行了。…\u003C\u002Fp\u003E \u003Cp\u003E (P220)(1)应该使用大括号{}将循环体语句括起来(一条语句也应使用大括号)。\u003C\u002Fp\u003E \u003Cp\u003E (2)在循环体中应该包含使循环退出的语句,…\u003C\u002Fp\u003E \u003Cp\u003E (P293)在实际问题中还有一种情况需要重复执行一组语句,直到达到目标,如将一个班级中所有同学名字输出到网页上…\u003C\u002Fp\u003E \u003Cp\u003E (P294)…由于while循环中只有一个表达式,不像for循环有三个表达式,所以完成同样工作需要在其他地方进行处理,如变量的初始化必须移动while循环开始之前;其次是循环表达式的工作必须移到while循环体内执行了…\u003C\u002Fp\u003E \u003Cp\u003E (P295)使用{ }将循环体语句括起来,即使是一条语句也要使用大括号。\u003C\u002Fp\u003E \u003Cp\u003E 循环体语句中必须含有循环正常退出的语句,…\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cp\u003E51\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0133401lydyh01\u003E \u003Cp\u003E (P231、232)页面是按照规则由一系列如\u003Chtml\u003E、\u003CBODY\u003E、\u003Cform\u003E和\u003Cinput\u003E等各种标签组成的规范文档,这些标签之间存在着一定的关系,如\u003CBODY\u003E被\u003Chtml\u003E所包含,而\u003Cform\u003E标签又被包含在\u003CBODY\u003E内,这些页面元素的关系好像倒垂的一棵树一样,顶端就是\u003Chtml\u003E,…\u003C\u002Fp\u003E \u003Cp\u003E 程序11-18,图11-11 程序11-18建立的DOM\u003C\u002Fp\u003E \u003Cp\u003E (P358、3***)…页面按照规则由一系列如\u003Chtml\u003E、\u003CBODY\u003E、\u003Cform\u003E、和\u003Cinput\u003E等各种标记组成规范文档,这些标记之间存在着一定的关系,例如\u003CBODY\u003E被html所包含,而\u003Cform\u003E标记又被包含在\u003CBODY\u003E内,这些页面元素好像倒垂的一棵树一样,而顶端就是\u003Chtml\u003E,…\u003C\u002Fp\u003E \u003Cp\u003E 【例14-2-1】编写图14-2-1所示的DOM节点树对应的HTML文档。\u003C\u002Fp\u003E \u003C\u002Ftd\u003E \u003Ctd width=01lydyh0123301lydyh01\u003E \u003Cdiv style='LINE-HEIGHT: 25pt; TEXT-INDENT: 30pt; MARGIN: 0.5pt 0cm;FONT-FAMILY: 宋体; FONT-SIZE: 15pt;'\u003E\u003C\u002FBODY\u003E\u003C\u002Fhtml\u003E\u003C\u002Fdiv\u003E"},judgeList:{Entities:[],Total:b}},license:{liscenseEntity:{Email:a,EconKind:a,CPerson:a,CTel:a,Fax:a,ZipCoad:a,CAddress:a,CRegFund:a,SetTime:a,License:a,RegAdress:a,TermStart:a,TermEnd:a,Status:a,LicenseProject:a,Scope:a,Website:a,LicenseName:a,Province:a,No:a,CheckDate:a,OrgNo:a,ImageUrl:a,IsOnStock:a,StockType:a,StockNumber:a,ListOriginalName:[],CustomSet:a},licenseDetail:{License:{CPerson:a,Status:a,License:a,CRegFund:a,SetTime:a,TermStart:a,TermEnd:a,BelongOrg:a,RegAdress:a,Scope:a},Partners:[],Employees:[],Branches:[],ChangeRecords:{Entities:[],Total:b}},detailsAsyncList:{Partners:[],Employees:[],Branches:[]}},people:{searchPeople:{Entities:[],Total:b},peopleList:{Entities:[],Total:b}},portrait:{portraitEntity:d},project:{projectSearch:{InTimeList:{Entities:[],Total:b},OutTimeList:{Entities:[],Total:b}},projectEntity:{Project:{},CompanyProjects:[],Projects:[]},projectClist:{Projects:{Entities:[],Total:b},ProvinceProjects:[]}},red:{searchRed:{Entities:[],Total:b},redClist:{Reds:{Entities:[],Total:b},Others:[]},redEntity:{Red:{},CompanyReds:[],Others:[]}},technique:{searchTechnique:{Cities:[],Provinces:[],Categories:[],Techniques:[]},techniqueList:[]}},serverRendered:i,routePath:"\u002Fhhb\u002Fsg_239276\u002Ffy_3243837.html",config:{}}}("",0,"239276",null,void 0,2,1,false,true,"河南省","1989-11-14 00:00:00"));</script><script src="/hhb/assets/c8bce8aab51adb566fee.js" defer></script><script src="/hhb/assets/6bfd47aa82e724f5859a.js" defer></script><script src="/hhb/assets/f2af892720388d22801e.js" defer></script><script src="/hhb/assets/1b8f2227dcf9f4d52d9d.js" defer></script><script src="/hhb/assets/4c4199b67d3fcab0b37d.js" defer></script><script src="/hhb/assets/50b35e67bd53675e0d0a.js" defer></script><script src="/hhb/assets/513d3bfd8a1bae86cf8c.js" defer></script><script src="/hhb/assets/77bf386cf22de87b0eda.js" defer></script><script src="/hhb/assets/d00eb66f44b09c239bff.js" defer></script><script src="/hhb/assets/a47628cd46f56477736c.js" defer></script><script src="/hhb/assets/505ffef3ca07c89d427e.js" defer></script><script src="/hhb/assets/f6a26675c4dd2ea4c472.js" defer></script><script src="/hhb/assets/42cd0800134a39579c70.js" defer></script><script src="/hhb/assets/f057c4c8eaaba3a7dda0.js" defer></script><script src="/hhb/assets/cd4b6db6c93c1bfcd66b.js" defer></script><script src="/hhb/assets/613e4d61850b1bf5aef6.js" defer></script><script src="/hhb/assets/3eff442fc7f1726cb24e.js" defer></script><script src="/hhb/assets/fb1ce383c3b88ea305c8.js" defer></script><script src="/hhb/assets/0abf5fe242624ad71236.js" defer></script><script src="/hhb/assets/ecbf5a9eaaf13123d3e4.js" defer></script><script src="/hhb/assets/308f1df6b137986872c2.js" defer></script><script src="/hhb/assets/10b60ac243a28496ebe1.js" defer></script><script src="/hhb/assets/d6750483a784d167d37f.js" defer></script><script src="/hhb/assets/dc7a128b5096b51a35b3.js" defer></script><script src="/hhb/assets/841fd12d47562ad6ffbf.js" defer></script><script src="/hhb/assets/b5e5c0758741f2c56d4f.js" defer></script><script src="/hhb/assets/eb613622e3fbf05168e9.js" defer></script><script src="/hhb/assets/32a1892735faf8d038a3.js" defer></script> <!-- 网易云盾图形验证码1 --> <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script>!function(e){var n=e.document,t=n.documentElement,i="orientationchange"in e?"orientationchange":"resize",d=function(){var e=t.clientWidth||320;e>750&&(e=750),t.style.fontSize=e/10+"px",document.getElementsByTagName("body")[0].style.visibility="visible"};n.addEventListener&&(e.addEventListener(i,d,!1),n.addEventListener("DOMContentLoaded",d,!1))}(window)</script> </body> <script></script> </html>