1、第2章 网页设计基础主要内容2.1 HTML 2.2 CSS2.3 JScriptHTMLn n n n n n n 文本格式标记n nnn本书的特色是以案例为主全书有若干个完整的案例 插入图像标记 表格标记 跨两行 跨两列 1000 1000 3000 2000 4000 超级链接上一个页面江苏大学表单标记2用户名：密码：性别：男 女 爱好：篮球 篮球 职业：教师 学生 意见：框架标记 主要内容2.1 HTML 2.2 CSS2.3 JScriptCSS概述nCSS（Cascading Style Sheets）中文翻译为层叠样式表单，简称样式单，是近几年才发展起来的新技术，它可以将有关文档
2、样式与文档内容分开，甚至可作为外部文件供HTML调用，简化页面的排版，并可在多个页面中进行共享使用，保持多个页面样式的协调统一。nCSS样式规则组成为：选择符 属性:值，单一选择符的复合样式声明应该用分号隔开，如：选择符 属性1:值1;属性2:值2。实例H1 FONT-SIZE:36px;COLOR:RED H2 FONT-SIZE:32px;COLOR:BLUE 中国，我的祖国！H1显示的中国，我的祖国！H2显示的定义CSS的方式n标记重定义n类定义 .LITTLEGREENCOLOR:GREEN;FONT-SIZE:18px 内容nID标识定义#IDN COLOR:RED 内容n定义超接链
3、接A:LINKCOLOR:#000000;FONT-SIZE:12px;TEXT-DECORATION:NONEA:HOVERCOLOR:#000000;FONT-SIZE:12px;TEXT-DECORATION:NONEA:ACTIVECOLOR:#000000;FONT-SIZE:12px;TEXT-DECORATION:NONEA:VISITEDCOLOR:#000000;FONT-SIZE:12px;TEXT-DECORATION:NONECSS样式的使用nHEAD内使用 H1 COLOR:GREEN;FONT-SIZE:37PX;P BACKGROUND:YELLOW;北京大学，清
4、华大学南京大学，复旦大学 CSS样式的使用n文件外使用样式表文件样式表文件mystyle.cssH1 COLOR:GREEN;FONT-SIZE:37PX;P BACKGROUND:YELLOW;北京大学，清华大学南京大学，复旦大学 主要内容2.1 HTML 2.2 CSS2.3 JScript JScript简介 JavaScript（JScript）是一种Script脚本语言，所谓的脚本语言就是可以和HTML语言混合使用的语言。VBScript也是Script语言中的一种，但是VBScript只有微软的浏览器Internet Explore（IE）才能完全支持。而JavaScript则不管
5、是什么浏览器都可以运行，这也是JScript的一个优点。从本质上说JScript和Java没有什么联系，但是同时作为语言，可以从三个角度来区别：（1）JScript是解释型的语言，当程序执行的时候，浏览器一边解释一边执行。而Java是编译型的语言，必须经过编译才能执行。（2）代码格式不一样，Java代码经过编译后成为二进制文件，而JScript是纯文本的文件。（3）在HTML中的嵌入方式不一样。Jscript代码是通过标记符嵌入，而Java代码是通过符号嵌入，或以小应用程序方式嵌入。实例document.write(这是以JavaScript输出的!);JScript函数function ge
6、tSqrt(iNum)var iTemp=iNum*iNum;document.write(iTemp);getSqrt(8);function f(y)var x=y*y;return x;for(x=0;x 10;x+)y=f(x);document.write(y);document.write();JScript事件与事件过程 北京 上海 天津 function func()alert(你选择了+sel.value);JScript事件与事件过程事件事件说明说明事件过程事件过程blur对象失去当前输入焦点时发生onBlurchange对象内容被修改并失去焦点时发生onChangecli
7、ck鼠标单击时发生onClickdblclick鼠标双击时发生onDblClickerror当装入窗口、框架、图像发生错误时发生onErrorfocus对象获得焦点时发生onFocusmouseMove鼠标在对象上移动时发生onMouseMovemouseOver鼠标移入对象上方时发生onMouseOvermove移动窗口或框架时发生onMovereset重置表单时发生onResetresize窗口、框架改变尺寸时发生onResizeselect对象文本被选中时发生onSelectsubmit提交表单时发生onSubmitload加载窗口、框架时发生onLoadunload卸载窗口、框架时发生卸载窗口、框架时发生onUnload对象层次及DOM模型对象引用function do_Copy()var str=frm1.txtBox1.value;frm2.txtBox2.value=str;Window对象function new_win()window.open(“2-1.htm,my,toolbar=no,left=150,top=200,menubar=no,width=150,height=150);Location对象 function test_location()window.location=“2-1.htm;
