HTML5中table表格的学习

HTML5中table表格的学习

创建表格

表格属性

表格结构

表格标题

合并单元格

input控件

label标签

textarea控件

下拉菜单

表单域

---

创建表格

创建表格的基本语法格式：

<table>
  	<tr>
      	        <td>单元格内的文字</td>  
       </tr> 
 </table>

表格属性

常见表格属性

1. border 设置表格边框
2. cellspacing 设置单元格与单元格之间的空白间距
3. cellpadding 设置单元格内容与边框之间的空白间距
4. width 设置表格宽度
5. height 设置表格高度
6. align 设置表格在网页中的水平对齐方式

表格结构

• 表格头部

<thead></thead>

• 表格主体

<tbody></tbody>

表格标题

caption

<table>
	<caption>我是表格标题</caption>
</table>

合并单元格

• 跨行合并：rowspan
• 跨列合并：colspan

input控件

- type （text、password、