实验四：HTML与JSP基础编程.docVIP

实验四：HTML与JSP基础编程 §4.1 实验指导 一 、HTML基础标记示例 HTML的英文全称是Hypertext Marked Language，中文叫做超文本标记语言。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag即标记。 常见的标记: 1、Head meta name description content Java meta name keywords content Java,JDK,Swing 2、字体 Font face 宋体 size 20 color red 中国上海 3、图片 img img src url width 300 height 200 border 0/ 4、超连接 A a href 新浪 5、表格 table border 1 a1 a2 a3 b1 b2 b3 c1 c2 c3 1 colspan rowspan table border 1 td colspan 2 a1 a3 td rowspan 2 b1 b2 b3 c2 c3 2 表格文字修饰 table border 1 Font color blue a1 a2 a3 b1 b2 b3 c1 c2 c3 6、 表单 Form 1 Form action Hello.jsp methods get name frm1 input type button name btn1 value OK 2 文本框 input type text name p1 3 密码框 input type password name p2 4 单选按纽 input type radio name r1 value 男 checked 男 input type radio name r1 value 女 女 5 多选框 input type checkbox name c1 value 体育 checked 体育 input type checkbox name c2 value 音乐 checked 音乐 6 下拉框 select size 1 上海 北京 7 多行文本 textarea rows 4 cols 6 8 按钮 input type button或submit或reset value name 二、css层叠样式表 1 使用方式 1 在Head中定义样式表 style type text/css h1 color:red;font-size:23; JAVA JSP 2 在单个标签中定义样式 h1 style color:red;font-size 10 JAVA JSP 3 单独将css写成一个css文件,整个网站都可以调用 Mystyle.css H1 color:red;font-size:23; td color:red;font-size:23; 网页加载 css文件 link rel stylesheet href Mystyle.css type text/css 或: style type text/css @import url mystyle.css 三、 JavaScript:在客户端运行,主要是完成验证功能 1 嵌入到HTML语言 script language JavaScript document.write Hello JavaScript! ; 2 定义变量和方法 1 var x 10; var d 10.12; var s Java Script; 2 函数:没有函数类型,如果有返回值使用return ,没有return 没有返回值 script language JavaScript function fun x return x*x; 例1:求1到10的阶乘 10! 10*9*....*1 script language JavaScript function fun x var sum 1; for var n 1;n x;n++ sum* n; return sum; script language JavaScript function fun x if x 1 || x 0 return 1; else return x*fun x-1 ; 例2:输出3到100之间的素数,每行输出5个 script language JavaScript function isSushu x var flag true; for var i 2;i x;i++ if x%i 0 flag false;break; return flag; script language JavaScript document