2.HTML静态页面设计语言概要.ppt

HTML标签的使用 HTML 表单标签 form 表单标签和表格标签意义完全不一样，表格标签只是格式化文字的显示方式，而表单标签则是用来传递数据和画面跳转的 表格的标签是：table 只是为了显示信息 表单的标签是：form 封装数据，把数据传递到另外一个页面 HTML标签的使用 表单标签的两个重要属性 ACTION 此属性指定表单提交数据的资源位置 METHOD 此属性指定向服务器发送数据的方法 如果值为GET，浏览器将创建一个请求，该请求包含页面URL、一个问号和表单中 的数据 浏览器会将该查询返回给URL中指定的脚本，以进行处理 var url=document.location.search; url=url.substr(1); var urls=url.split(); var name=urls[0].split(=)[1]; 如果将值指定为POST，表单上的数据会作为一个数据块发送到其它页面，而不使用 任何请求字符串 此时要接受数据就要用到JSP的技术了 String name=request.getParameter(“name”); HTML标签的使用 HTML 表单常用的标签 有些标签必须放在表单中才能有真正的意义，因为它们是处理数据的标签 INPUT大多数表单元素都是此标记 文本框、密码框、单选、复选、 按钮、图片提交、隐藏域等 主要属性 Id 用来标示这个唯一的控件 name 用来传递数据时候用的标示 value 表示控件的值 HTML标签的使用 HTML 选择标签 select 当出现数据量比较大的时候，我们用单选按钮就不现实了，就要用下拉框的单选控件 select option value =“1”星期一/option option value =“2”星期二/option /select selected 属性表示默认选择的项 multiple 属性规定可同时选择多个选项 disabled 属性规定禁用下拉列表 size 属性规定下拉列表中可见选项的数目 （浏览器有兼容性） 通过 optgroup 标签把相关的选项组合在一起 HTML标签的使用 HTML 文本域标签 textarea 当需要输入很多文字信息的时候，输入框是完全不够用的，现实效果也不是很友好，所以在文本信息多的时候就需要文本域标签 两个重要属性是：rows-行数和cols-列数 可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性 textarea的几种wrap属性（hard,soft, virtual ,physical） off：不自动换行 hard：自动硬回车换行，换行标记一同被传送到服务器中去?soft：自动软回车换行，换行标记不会传送到服务器中去 physical ：类似于hard?virtual ：类似于soft HTML标签的使用 HTML 特殊字符 由于一些字符，例如“”等是被浏览器解析的，但是如果还要在浏览器中显示就要用到特殊字符处理 HTML标签的使用 HTML 框架标签 frameset 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架 HTML标签的使用 框架中的属性说明 框架结构标签frameset定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 frame 标签定义了放置在每个框架中的 HTML 文档 rows/cols 的值规定了每行或每列占据屏幕的面积 一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 frame 标签中加入：noresize=noresize 为不支持框架的浏览器添加 noframes 标签 框架有垂直框架、水平框架、混合框架 frameset border=1 rows=10%,80%,* frame src=top.html / frameset cols=20%,* frame src=left.html / frame src=none.html name=right / /frameset frame src=foot.html / /framesetnoframes/noframes HTML标签的使用 HTML 隐含帧iframe 隐含帧不需要放到frameset标签中，iframe 元素会创建包含另外一个文档的内联框架（即行内框架，注意必须有结束标签） ，在