Java_WEB开发学习笔记.doc

WEB 1、html基础 (1)什么是html? hypertext markup language,超文本标记语言。用于开发网页的语言，由浏览器解释执行。html文件以.html/.htm结尾。 (2)html文件的基本结构 html head title标题/title !--用于模拟http消息头-- !--比如，以下消息头的作用，是告诉浏览器，返回的是一个html，并且，应该以utf-8的编码来显示该页面,html文件保存的编码应该与meta声明的编码一致-- meta http-equiv=content-type content=text/html;charset=utf-8 !--引入脚本--script !--定义样式--style !--引入外部样式--link /head body !--页面显示的数据-- /body /html (3)web开发标准 w3c建议，开发一个页面，应该这样设计： 页面的结构（包括了数据），由html文档来负责。 页面的外观，由css文档来负责。 页面的行为，由javascript文档来负责。 (4)链接 a,基本使用 a href=url地址 target=_blank描述/a _blank:在新的窗口中打开url地址所对应的内容 _self: 在当前窗口打开（默认） b,使用图片作为链接 a href=url地址img src=图片地址 width= height= border=//a c,使用热点 img src=index04.jpg width=500 height=500 border=0 usemap=#m1 / map name=m1 id=m1 area shape=rect coords=… href=# / area shape=circle coords=… href=# / area shape=poly coords=… href=# / /map 当shape=rect（矩形）时，coords的值为左上角和右下角的坐标值; 当shape=poly（多边形）时，为各顶点值; 当shape=circle（圆形）时，为圆心坐标值和半径值。 coords值依照图片大小的不同和所希望链接区域的不同而有所不同 d,使用锚点:在同一个页面内部跳转 a name=top/a a href=#top/a e,发送邮件 a href=mailto:sally@126.com?subject=hello/a f,链接中的伪样式（css中再讲） (5)列表 a,无序列表 b,有序列表 c,列表嵌套 (6)表格 a, 基本使用 table border= cellpadding= cellspacing= width= tr td align=id/tdtdname/tdtdsalary/td /tr tr td1/tdtdzs/tdtd2000/td /tr /table border:边框的宽度 cellpadding:单元格里面的数据与单元格边框之间的距离 cellspacing:单元格之间的距离 width:60%/600 宽度 align: 水平位置 left/center/right valign:垂直位置 top/middle/bottom b,不规则的表格 cospan:跨列合并 rowspan:跨行合并 c,表格的另一种写法 table caption标题/caption thead/thead tfoot/tfoot tbody/tbody tbody/tbody /table thead:表头，0/1 tfoot:表脚,0/1 tbody:表体,1/n d,表格可以嵌套 (7)表单 什么是表单：用于收集用户的信息，比如登录表单可以让用户输入登录的用户名、密码，这些信息会提交给服务器来验证。 form input type=text/ /form input标记: type=text: 文本输入框 type=submit:提交按钮 type=reset:重置按钮 type=password:密码输入框