HTML学习之表格表单及框架介绍

来源：互联网发布：mac一键翻墙免费2016 编辑：程序博客网时间：2024/06/06 02:32

XHTML

可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。

从继承关系上讲，HTML是一种基于标准通用置标语言的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展标记语言，可扩展标记语言是标准通用置标语言的一个子集。

表格TABLE

作用：

1.格式化显示数据。2.表格可以布局，定位网页元素（建议使用CSS+DIV）

介绍：

表格使用<table><table>标签来创建表格

<caption></caption>标题

<th></th>标题行，默认居中并且加粗

tr代表创建行，td代表创建列，一行由0到多列组成

属性：

table align 是表格位置 tr td align是其中内容位置

间距(cellspacing)与边距(cellpadding)

colspan合并列

rowspan合并行

表单FORM

HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。接受获取用户输入的信息。C/S中使用控件。表单中存放各种控件，获取用户输入的数据。

表单里面主要作为用户录入和修改信息，比如，注册、登录等；

创建FORM表单

<formname="" action="" method="get" ></form>

name:给表单起一个有意义的名字

method:get /post 两种提交方式,get请求在地址栏会显示请求内容，post不显示，默认为 get

action:请求处理的目标地址（java:servletjsp处理）

readonly是只读的，依然可以获取焦点，可以提交在服务器端可以获得此控件数据。

disabled是不可用的，此控件无法获取焦点，不会提交在服务器端得不到数据

From中密码和多行文本

<input type=“text” name=“”/> type没出现，默认为文本

<input type=“password” name=””/>表示密码

多行要点： maxlength属性IE不支持，火狐支持。value属性无效，默认值放在标记中间

控件:单行多行和密码单选多选和下拉提交按钮重置按钮普通按钮文件提交域

From表单中单选

性别:<inputtype="radio"name="sex"value="1"checked>男<input type="radio" name="sex"value="2">女

1.一组单选框的各控件名称必须一致。

2.服务器端得到的数值并不是单选框后面的文本，而是value属性的数值。

3.默认选中用checked属性

Form表单中多选框

<input name="Fruit" type="checkbox" value="" />桃子

type类型为“checkbox”的input代表是多选框，这里所有的多选框name必须一致

Form表单中下拉列表select

<selectname="city">

name代表服务器取值的名称，value是服务器取的值

Form中特殊类型

<input type="hidden" name="leibie"value="haha"/>表单隐藏域，不显示出来，但是数据是存在的

<input type="file" name="gg"/>file代表是一个文件选择框

Form表单中按钮

重置不是清空，只是恢复到默认值

图像提交域<inputtype="image" src="img/flying_pig.gif"/>与提交按钮效果相同

Div层介绍

在html中使用最多的布局标签为div，加上对网页设置css样式，所以通常我们就说div+css制作网页；

<div> 标签可以把文档分割为独立的、不同的部分；

<div>是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符

如果把html比作C/S中的窗体，DIV就是窗体中的面板。面板更好的管理控件，把控件放入面板，面板移动，所有的控件也跟着移动，div层提供更好的布局。原来的网页布局使用的基本上都是表格，表格中嵌套表格。这种嵌套有各种弊端，比如内容与显示高度耦合；目前设计都使用div+css来设计网页；

Div层使用

Div层中可以放body中的任何标签元素；

Span介绍

<span> 标签被用来组合文档中的行内元素； span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化；

span在html中常用的布局标签,与div标签区别在于，span随内容而占用高宽空间（紧贴内容），而一对div标签却占用一行

HTML框架页介绍

框架是将一个网页分割成几个网页窗口，每个窗口中显示一个网页文件，当窗口不能完全显示网页时，可以通过设置滚动条来显示被隐藏的部分

目的是增强网页的导航功能

构成：一个框架是由几个网页文件构成的，其中一个网页专门负责框架设置（如：分行型的框架、分列型的框架、混合型的框架），这个网页文件叫作框架组。另外的网页文件叫作框架页，框架页被放置到框架组中来显示

Frameset框架集

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。使用 cols 或 rows 属性

Frameset使用注意事项

您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。不过，如果您需要为不支持框架的浏览器添加一个 <noframes> 标签，请务必将此标签放置在<body></body> 标签中！

Frame标签

<frame> 标签定义 frameset中的一个特定的窗口（框架）。

frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等

0 0