Java Web应用开发刘淳 第02章新.pptVIP

Java Web应用开发 中国水利水电出版社 第二章 Java Web编程基础 目标 掌握HTML的基本元素 掌握HTML的table元素 掌握HTML的form元素 理解JavaScript的基本原理。 掌握JavaScript的基本语法。 理解JavaScript事件机制。 掌握CSS基本原理 掌握CSS在布局中的应用 基本概念 HTTP---HyperText Transfer Protocol：超文本传输协议 HTML---HyperText Markup Language：超文本标记语言 FTP---File Transfer Protocol：文件传输协议 URL---Uniform Resource Locators：统一资源定位器 2.1 HTML基础 源文件：HelloWorld.html html head title测试 /title /head body 你好，这是我的web测试！ /body /html 2.1 HTML基础 html head titleSample/title /head body /body /html 2.1 HTML基础 meta：用于设置一些头信息 meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“3;url=” style…/style用于定义样式 Script language=“”…/Script用于定义脚本 2.1 HTML基础 h1…/h1…h6…/h6：各级标题 font color= size=…/font：字体的颜色、大小 b…/b：黑体i…/i：斜体u…/u：下划线sup…/sup：斜向上表示sub…/sub：斜向下表示 ul…/ul：无序号列表ol…/ol：有序号列表 p…/p：定义段落br：换行 div align=…/div：分区显示 2.1 HTML基础 img src=路径+文件名 width=图片宽度 height=图片高度 border=边框大小 align=left|right|center a href=url链接文字或者图片/a HTML表格 table…/table：定义表格tr…/tr：定义行td…/td：定义列th…/th：定义表头 Table标记常用属性： width：width属性用于定义表格的宽度 height：height属性用于定义表格的高度border：border属性用于定义表格的边框的宽度，默认为0，也就是没有边框； bgcolor：定义表格的背景色。 2.2表单（FORM） input type=“text” name= value= size= 文本框 input type=password name= value= size= 密码框 input type=checkbox value= name= 多选框 input type=radio value= name= 单选框 input type=hidden value= 隐藏项 textarea name=“” rows=“” cols=“”…/textarea 文本域 select name= size= [multiple] option value=#列表项/option /select 列表框 input type=“file” name=“#” maxlength=“#” size=“#”文件上传框 2.3 JavaScript JavaScript 是一种脚本语言,可以嵌入到HTML中,主要用于网页动态效果和HTML客户端表单验证 客户端的JavaScript 必须要有浏览器的支持 在网页中加入JavaScript 通过在网页中加入Script…/Script标记 引入外部的以.js作为扩展名JavaScript文件 一个页面可以有多个Script…/Script ，不同部分的方法和变量，可以共享。 1．注释 在JavaScript中采用和Java中类似的注释方式：单行注释用“//”，多行注释用“/*”和“*/”括起来： //单行注释 /* 多行注释和Java中类似 */ 2.变量定义： (1)用var来定义简单变量 例如： var age； age=100+10；//先定义后使用 username=Alex Wen；//直接使用 虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做 (2)数组定义 var 数