一、表格table

table的属性

width        宽度,可以用百分比或者像素,像素常用960

border       边框,常用值是0

cellpadding  表格内容与单元格边框的边距,常用值0

cellspacing  单元格之间的间距,常用值0

align        单元格里面内容的对齐方式

bgcolor      背景色

background   背景图片

行,属性


align        一行内容的水平对齐方式

valign       一行内容的垂直对齐方式

height       行高

bgcolor      一行的背景色

background   一行的背景图片

列表头,单元格内容会自动居中、加粗,与tr具有相同属性


设置单元格的行高。列高时,会同时影响对应的行或列

单元格合并(建议尽量使用表格嵌套)

colspan="n"  合并同一行,n代表同一行的几列

rowspan="n"  合并同一列,n代表同一列的几行

html5多个表格切换 html怎么让两个表格并排_控件

html5多个表格切换 html怎么让两个表格并排_控件_02

html5多个表格切换 html怎么让两个表格并排_页面使用html生成一个n行n列表格_03

*可以在文字前面加上链接,设置链接属性,就可以点击进入相应网站*

表单在网页中主要负责数据采集功能。由三部分构成:文本输入、按钮、选择输入。

id不可重复


1、文本输入

文本框:

密码框:

文本域:

隐藏域:

备注:

2、按钮

提交按钮:

重置按钮:

普通按钮:

图片按钮:

3、选择输入

单选按钮组:

name的值用来分组,如果相同name说明在同一个组里,所以不能同时选中(比如选男女)

value是提交给程序的,在页面中不显示

checked设置默认选项

复选框组:

文件上传:

lable标签为input元素定义标注。

lable元素不会向用户呈现任何特殊效果,不过,他为鼠标用户改进了可用性。如果您在lable元素内点击文本,就           会触发此控件。

就是说,当用户选择该标签时,浏览器会 将焦点转到和标签相关的表单控件上。

lable标签的for属性应当与相关元素的id属性相同。

下拉列表框:

size为1时,默认选择框里面是第一个选项;>1时,会出现滚动条。

内容1

内容2

selected,设为默认

内容3

html5多个表格切换 html怎么让两个表格并排_页面使用html生成一个n行n列表格_04

html5多个表格切换 html怎么让两个表格并排_背景色_05

html5多个表格切换 html怎么让两个表格并排_页面使用html生成一个n行n列表格_06

利用表单制作一个邮箱注册页面

html5多个表格切换 html怎么让两个表格并排_页面使用html生成一个n行n列表格_07

html5多个表格切换 html怎么让两个表格并排_背景色_08

html5多个表格切换 html怎么让两个表格并排_页面使用html生成一个n行n列表格_09

html5多个表格切换 html怎么让两个表格并排_表单_10