布局标签
盒子 <div>
表格<table>
tr: td、th
表格属性
| 属性名 | 属性值 | 描述 |
| algin | left、center、right | 规定表格相对周围元素的对齐方式。 |
| border | 1或” “ | 规定表格单元是否拥有边框,默认为"",表示没有边框 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素。 |
| cellspacing | 像素值 | 规定单元格之间的空白,默认2像素。 |
| width | 像素值或百分比 | 规定表格的宽度。 |
表格结构标签
<thead></thead>
<tbody></tbody>
在表格标签中,分别用:<thead> 标签表格的头部区域、<tbody> 标签表格的主体区域,这样可以更好的分清表格结构。
合并单元格
跨行合并:rowspan="合并单元格的个数” (上下单元格合并)
跨列合并:colspan="合并单元格的个数” (左右单元格合并)
表单form标签(表单域)
属性
action ,值:URL,指定表单发送的地址
method,值:get、post,指定数据传送到服务器的方式,get会将发送的数据显示在地址栏,post不显示
name,值:name(名称),规定表单的名称
表单控件
<input> 表单元素
type属性:
| button | 定义可点击的按钮〈通常与JavaScript一起使用来启动脚本)。 |
| checkbox | 定义复选框。 |
| color | 定义拾色器。 |
| date | 定义date控件(包括年、月、日,不包括时间)。 |
| datetime | 定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,基于UTC时区)定义date和time控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
| 定义用于e-mail 地址的字段。 | |
| file | 定义文件选择字段和“浏览...”按钮,供文件上传。 |
| hidden | 定义隐藏输入字段。 |
| image | 定义图像作为提交按钮。 |
| month | 定义 month 和year控件(不带时区)。 |
| number | 定义用于输入数字的字段。 |
| password | 定义密码字段(字段中的字符会被遮蔽) |
| radio | 定义单选按钮。 |
| range | 定义用于精确值不重要的输入数字的控件(比如slider控件)。 |
| reset | 定义重置按钮(重置所有的表单值为默认值)。 |
| search | 定义用于输入搜索字符串的文本字段。 |
| submit | 定义提交按钮。 |
| tel | 定义用于输入电话号码的字段。 |
| text | 默认。定义一个单行的文本字段(默认宽度为20个字符)。 |
| time | 定义用于输入时间的控件(不带时区)。 |
| url | 定义用于输入URL的字段。 |