JavaWeb笔记东东.doc

HTML Html基础 什么是html? 超文本标记语言 hypertext markup language 。它由一些标签（这些标签是由w3c创建，不能扩展）及标签之间的内容组成，浏览器会解释执行，生成相应的界面。 html文件以.html或者.htm结尾。 w3c推荐的web页面设计标准 web页面当中，内容由html文件来负责； 页面的表现形式（外观），由样式文件 css 来负责; 页面的动态行为，由ECMAScript javascript,jscript 文件来负责。 html文件的基本结构 hello !--元标记，可以设置一些模拟的消息头、设置 有哪些信誉好的足球投注网站的关键字等-- !--告诉浏览器，当前返回的是一个html页面， 并且，应该以utf-8编码来显示该页面的内容-- meta http-equiv content-type content text/html;charset utf-8 !--告诉浏览器，按指定的时间间隔重新加 载页面-- meta http-equiv refresh content 3;url !--引入一个外部的样式文件-- link rel stylesheet type text/css href style.css !--定义一个内部的样式-- #d1 width:200px; height:80px; border:1px dotted red; !--引入外部的脚本文件或者定义脚本-- alert hello ; ... : 标题 : 段落 :换行 :分隔张 块标记:另起一行的标记,常见的块标记 ... ... 行内标记:不另起一行的标记,常见的行内标记 四个重点标签 链接 基本使用 a href html01.html target _blank clickMe href:指定链接的地址 target:在哪儿显示链接内容（缺省值是 _self:表示在当前打开链接的窗口中显示;_blank:在新窗口中显示）。 使用图片打开链接 a href img src border 0 width height / img标记: border:边框 width:宽度，单位是像素 height:宽度 使用热点 使用图片的区域作为链接 img src index04.jpg width 772 height 357 border 0 usemap #Map map name Map area shape rect coords 407,20,560,77 href qy.html area shape rect coords 580,22,734,76 href gr.html 使用锚点 在页面内部跳转 先定义一个锚点： a name top top content... 跳转 a href #top to top 发送邮件 a href mailto:sally@126.com?subject hello 给我发邮件 链接中的伪样式 讲样式时再讲 表格 基本使用 table border 1 width 60% cellpadding 0 cellspacing 0 id 姓名 薪水 1 张三 10000 cellpadding: 单元格内边距，即数据与单元格之间的空隙 cellspacing: 单元格之间的空隙 水平对齐: align left/right/center 垂直对齐: valign top/bottom/middle 不规则表格 colspan: 跨列合并单元格 rowspan:跨行合并单元格 表格的完整结构 !--表格的标题,可选-- 员工信息列表 !--表头，可选，可以出现0/1次-- 工号 姓名 工资 !--表脚,可选，可以出现0/1次-- 工资合计 td colspan 2 10000 !--表体，必须有，可以出现1次或多次-- sd1000 张老大 8000 sd1001 李老大 2000 表格可以嵌套 表单 form action method !--input标记-- !--文本输入框 name属性如果不定义，则浏览器会忽略该值，不会将该值发送给服务器来处理-- input type text name username value ls/ !--密码输入框-- input type password name pwd/ !--多选框 如果用户没有选择任何选项，则浏览器不会将多选框数值发送给服务器，服务器要注意判断null-- input type checkbox name interest value cooking checked checked/ !--单选框 che