width表宽属性,heigth表高,border边框宽,cellspacing划分表格的线的粗细,cellpadding说明文本与边框的距离,align说明文本输出的位置(left,center,right),bgcolor指定整个表格的颜色用,background指定整个表格的背景图案
tag的属性: bgcolor指定某个单元格的颜色 background指定某个单元格的背景图案 规整与不规整表格 8)表单标记: 表单控件(FormControls): 表单控件(FormContros) 说明 inputtype="text" 单行文本输入框 inputtype="submit" 将表单(Form)里的信息提交给表单里action所指向的文件 inputtype="checkbox" 复选框 inputtype="radio" 单选框 select 下拉框 textArea 多行文本输入框 inputtype="password" 密码输入框(输入的文字用*表示) Action: 指明了处理表单信息的文件 Method: get和post 9)框架结构标记: 、标签定义frameset中的一个特定的窗口(框架)。 frameset中的每个框架都可以设置不同的属性,比如border、scrolling、noresize等等。 10) 文字移动属性direction: 属性值left,right 文字移动方式behavior: 属性值scroll,slide,alternate 循环次数loop: 若未指定则循环不止(infinite) 4.CSS级联样式单: 1)加入HTML页面的三种方式: 链入外部样式表文件,定义内部样式块对象,内联定义。
body{color: black;background: white;} a: hover{color: #FF0000; text-decoration: none; font-weight: bold} a{color: #0000FF;text-decoration: none;font-size: 14px} 2)CSS基础语法: CSS规则由两个主要的部分构成: 选择器,以及一条或多条声明。 Eg.selector{declaration1;declaration2;...declarationN} 选择器通常是您需要改变样式的HTML元素。 每条声明由一个属性和一个值组成。 属性(property)是您希望设置的样式属性(styleattribute)。 每个属性有一个值。 属性和值被冒号分开。 selector{property: value} 3)“首字”伪元素和“首行”伪元素, 4)伪类 (三)JavaScript脚本语言 1.JavaScript语言介绍 2.JavaScript基本数据类型: 数值、字符串型、布尔型、空值 3.JavaScript变量: var(声明变量) 4.JavaScript程序构成: JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。 1)控制语句: if条件语句,for循环语句,while循环,break和continue语句 2)函数: function函数名(参数,参数等){函数体; return表达式; } 3)对象: 属性和方法 有关对象操作语句: For…in、with、this、New 对象属性和方法的引用: 点(.)运算符,通过对象的下标,通过字符串的形式实现。 对象的创建: FunctionObject(属性表) This.prop1=prop1 This.prop2=prop2 … This.meth=FunctionName1; This.meth=FunctionName2; … 常用对象的属性和方法: string: length、fontcolor()、indexOf()、match() math: abs()、sin()、cos()、tan()、atan()、round()、sqrt()、Pow(base、exponent) Date: getYear()、getMonth()、getDate()、getDay()、getHours()、getMinutes()、getSeconds()、getTime()、setYear()、setMonth()、setDate()、setDay()、setHours()、setMinutes()、setSeconds()、setTime() Array: length、join()、reverse()、push()、pop()、shift() 5.JavaScript注释: 单行: “//”多行: “/*…*/” 6.事件驱动及事件处理 基于对象的基本特征,就是采用事件驱动: 通常鼠标或热键的动作-—事件(Event) 而由鼠标或热键引发的——一连串程序的动作-事件驱动(EventDrier): onClik、onChange、onSelect、onFocus、onBlur、onLoad、onUnload等 对事件进行处理或函数——事件处理程序(EventHandler): Function事件处理名(参数表){ 事件处理语句集; ……} 7.JavaScriptHTMLDOM对象: document、frame、navigator、history、location、anchor、applet、area、form、image、link、reset、button、checkbox、radio、text、submit、password 8、JavaScript浏览器对象模型BOM ⏹window对象的常用属性 ●window,self,parent和top ●opener属性 ●screenLeft和screenTop属性 ●defaultStatus和status属性 ●成员对象: 【navigator对象、document对象、frames对象、history对象、location对象、screen对象等】 ⏹window对象常用方法 ●open()方法 ◆open("URL","WindowName","WindowFeatures"); ◆例如: if(userrole=="")window.open("other.htm","_self"); ●close()方法 ◆关闭窗口 ●focus()和blur()方法 ●系统提示相关方法: 【alert(字符串)方法,confirm(字符串)方法,prompt("message","initialinput")】 ●setTimeout()和clearTimeout()方法 8、书写格式 (1) 语句部分 (2) Src=“.js” (四)JSP简介 1.JSP页面元素: 静态内容: HTML静态文本 指令: 以“<%@”开始,以“%>”结束。 表达式: <%=Java表达式%> Scriptlet: <%Java代码%> 声明: <%! 函数或方法%> 动作: 以“动作名”开始,以“ 动作名>” 注释: --这是注释,但客户端可以查看到--> <%--这也是注释,但客户端不能查看到--%> 2.JSP的执行过程: 3.JSP的优点: 4.配置jsp运行环境jdk---tomcat(端口号、虚拟目录设置) (五)JSP脚本和指令的使用 1.JSP脚本元素: 表达式,Scriptlet,声明。 2.JSP指令: page: language,import,isErrorPage,ErrorPage,buffer Include: <%@includefile=”文件名”%> JSP指令语法: <%@指令名称属性1="属性值1"属性2="属性值2"…属性n="属性值n"%> 3.使用JSP各指令进行JSP编程 (六)JSP常用内置对象 1.内置对象的分类及组成 2.运用输入/输出对象: request、response和out进行JSP编程 (1)out: 它表示为客户打开的输出流,使用它向客户端发送输出流。 print(参数)、println(参数) (2)request: request封装了用户提交的信息,使用该对象的相应方法就可以获取请求头的信息和用户提交的信息。 getAttribute(Stringname)、getParameter(Stringname) (3)response: 封装了JSP的响应,这个响应被发送到客户端以响应客户的请求 sendRedirect(Stringlocation)setHeader(Stringname,Stringvalue)response.setHeader("Refresh","5"); 3.运用作用域通信对象: session、application和pageContext进行JSP编程 (1)session: session对象用来保存每个用户的信息,以便跟踪每个用户的操作状态。 getAttribute(Stringname): 获取与指定名字name相联系的属性。 setAttribute(Stringname,java.lang.Objectvalue): 设置指定name的属性值为value,并将之存储在session对象中。 isNew(): 判断一个session是否由服务器产生,但是客户端并没有使用。 removeAttribute(Stringname): 从当前session对象中删除name指定的对象 (2)application: application对象为所有用户保存共享信息 getAttribute(Stringname): 返回由name指定名字的application对象的属性值。 setAttribute(Stringname,Objectobject): 设置由name指定名字的application对象的属性的值object。 removeAttribute(Stringkey): 从当前application对象中删除关键字是key的对象。 4.错误对象: exception (七)使用JDBC连接数据库 1.连接数据库的JDBC简介 2.使用JDBC连接数据库基础与配置 3.在JSP中使用JDBC连接数据库: DriverManager.registerDriver()、 Class.forName().newInstance()、DriverManager.getConnection() 4.在JSP中使用JDBC连接数据库的实例 <% StringdriverName="sun.jdbc.odbc.JdbcOdbcDriver";//定义JDBC-ODBC驱动程序对象 StringuserName="sa";//定义数据库用户名 StringuserPasswd="";//定义数据库存取密码 StringdbName="TestDB";//定义数据库名 StringtableName="student";//定义数据库中的表名 //定义数据库的连接对象 Stringconurl="jdbc: odbc: "+dbName;//定义JDBC的URL对象 Class.forName(driverName);//加载JDBC驱动程序 Connectioncon=DriverManager.getConnection(conurl,userName,userPasswd);//连接数据库 Statements=con.createStatement();//定义查询数据库的对象 Stringsql="SELECT*FROM"+tableName;//定义SQL语言对象 ResultSetrs=s.executeQuery(sql);//得到student表查询的结果集 while(rs.next())//一次循环输出一条记录 {//输出每一个字段的值 out.println(" |