HTML表格
- html表格由
<table>
标签来定义,每个表格有若干行(由<tr>
标签来定义),每行被分割为若干单元(由<td>
标签来定义)。字母td指表格数据,即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
table
<table>
标签的属性:
border 边框,单位是像素,设置为0则不显示边框
width 表格的宽度 heigth表格的高度 cellspacing 单元格间距 默认值为2 单位是像素 cellpadding 单元格内边距 即单元格与单元格中内容的间距 默认值为 0 align(对齐)<center、left、right>
<tr>
定义表格的行
<td>
定义表格单
<th>
定义表格的表头
<caption>
定义表格标题
<colgroup>
定义表格列的组
<col>
定义表格列的属性
<thead>
定义表格的页眉
<tfoot>
定义表格的页脚
<tbody>
定义表格的主体
注释:rowspan
合并行,colspan
合并列
span规定了<col>
应该横跨的列数
表单
HTML表单用于收集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置
多数情况下被用到的表单标签是输入标签(<input>)。
输入类型是由类型属性(type)定义的。
文本域通过<input type="text">
标签来设定
密码字段
密码字段通过标签<input type="password">
来定义
单选按钮(Radio Buttons)
<input type="radio">
标签定义了表单单选框选项
复选框(Checkboxes)
<input type="checkbox">
定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
提交按钮(Submit Button)
<input type="submit">
定义了提交按钮.
<form>
定义供用户输入的表单
<input>
定义输入域
<textarea>
定义文本域(一个多行的输入控件)
<label>
定义了filedset元素的标题。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<button>
定义按钮
<select>
定义选择列表(下拉列表)
<option>
定义选择列表中的选项
<optgroup>
把相关的选项组合在一起
<filedset>
定义了一组相关的表单元素,并使用外框包含起来。