HTML的基本结构语法 表格, 框架, 表单

三、表格

1.表格基本语法:

                                 

             

内容

2.表格的对齐方式:

属性

说明

align

(水平对齐方式)

left

左对齐

center

居中对齐

right

右对齐

valign

(垂直对齐方式)

top

顶端对齐

middle

居中对齐

bottom

底端对齐

baseline

基线对齐

3.表格的跨行跨列:  

单元格内容


                单元格内容

四、框架

1.框架的优点:

             在同一个浏览器窗口显示多个页面;

          可以实现页面复用;

          实现典型的“目录结构”;

2.框架的基本语法:

         

                  

                                               ……

        

3.纵向分割窗口:

         使用标签的“rows”行数属性;

4.横向分割窗口:

         使用标签的“cols”列数属性;


5框架的常用属性:

属性

作用

举例

framebrder

是否显示框架周围的边框

frameboder=“1”

name

框架表识名

name=“mainframe”

scrolling

是否显示滑动条

scrolling=“no”

noresize

是否允许调整框架窗口大小

noresize=“noresize”


6.

五、表单

1.

标签的属性

属性

说明

 

 

action

此属性指示服务器上处理表单输出的程序。一般来说,当用户单击表单上的“提交”按钮后,信息发到web服务器上,由acting属性所指定的程序处理。语法为action=“URL”。如果action属性的值为空,则默认表单提交到本页。

 

 

 

 

method

此属性告诉浏览器如何将数据发送给服务器,它指定向服务器发送数据的方法(用post方法还是用get方法)。如果值为get,浏览器将创建一个请求,该请求包括页面URL、一个问号和表单的值。浏览器会将请求返回给URL中指定的脚本,以进行处理。如果将指定为post,表单上的数据会作为一个数据块发送到脚本,而不使用请求字符串。语法为method=(get post)


2.元素的属性 

 

属性

说明

 

type

此属性指定表单元素的类型。可用的选项有text、password、checkbox、radio、submit、reset、file、hidden、image和button。默认选择为text

 

name

此属性指定表单元素名称。例如:如果表单上有几个文本框,可以按名称来标识他们,如text1、text2等。

value

此属性是可选属性,它指定表单元素的初始值。但如果type为radio,则必须指定一个值。

 

size

此属性指定表单元素的初始宽度。如果type为text或password,则表单元素的大小以字符为单位。对于其他输入类型,宽度以像素为单位。

maxlength

此属性用于指定可在text或password元素中输入最大字符数。默认值为无限大

checked

指定按钮是否是被选中的。当输入类型为radio或CheckBox时,使用此属性。

3、文本框

用户名

4.密码框

密   码:

5.单选按钮

性别:

男 ;

6.复选框

爱好:

运动

聊天

玩游戏

7.列表框

         ……

         ……

8.按钮

按钮的作用:

(1)      reset按钮:重置

(2)      submit按钮:提交到指定URL服务器

(3)      button按钮:属于普通按钮,需要与事件关联使用

9.多行文本域

10.文本域


11.表单的语义化

(1)域

         在表单中,可以使用

标签实现的定义。

(2)域标题

         所谓域标题就是给创建的域设置一个标题。

         标签与标签会一起使用。

(3)表单元素的标注

         标注的文本

 

你可能感兴趣的:(HTML的基本结构语法 表格, 框架, 表单)