6.HTML表格

1.HTML表格

1）<table>标签定义表格。
2）<tr>标签定义行。<td>标签定义列。（table data表格数据）
3）数据单元格可包含文本、图片、列表、段落、表单、水平线、表格等。

<table>
	<tr>
		<td>一行一列</td>
		<td>一行二列</td>
	</tr>
	<tr>
		<td>二行一列</td>
		<td>二行二列</td>
	</tr>	
</table>

4）border=" "边框属性

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>

5）<th>表格表头（粗体居中文本）

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
</table>

6）caption定义表格标题

7）rowspan属性一列多行如下。clospan属性一行多列。

<table>
<tr>
	<th>First Name:</th>
	<td>Bill Gates</td>
</tr>
<tr>
	<th rowspan="2">Telephone:</th>
	<td>555 77 854</td>
</tr>
<tr>
	<td>555 77 855</td>
</tr>
</table>

First Name:	Bill Gates
Telephone:	555 77 854
	555 77 855