HTML.6表格

表格


基本的表格结构

<table>:用来创建表格

<tr>:代表每行的开始

<th>:表示单元格

<table>
<tr>
<td>1</td>  <td>2</td>  <td>3</td>

</tr>

<tr>
<td>4</td>  <td>5</td>  <td>6</td>

</tr>

<tr>
<td>7</td>  <td>8</td>  <td>9</td>

</tr>

</table>


表格的标题

<th>:表示行或者列的标题

<table>
<tr>
<td></td>  <td>2</td>  <td>3</td>

</tr>

<tr>
<td>4</td>  <th>5</th>  <th>6</th>

</tr>

<tr>
<th>7</th>  <th>8</th>  <th>9</th>

</tr>

</table>

 


 

跨列

<table>
<tr>
<td></td>  <th>2</th>  <th>3</th>

</tr>

<tr>
<td  colspan="3">4</td>  <th>5</th>  <th>6</th>

</tr>

<tr>
<td>7</td>  <td colspan="2">8</td>  <td>9</td>

</tr>

</table>

 


跨行

<table>
<tr>
<td></td>  <th>2</th>  <th>3</th>

</tr>

<tr>
<td>4</td>  <tdrowspan="2">5</td>  <td>6</td>

</tr>

<tr>
<td>7</td>    <td>9</td>

</tr>

</table>


 

长表格

<thead>:表格的标题应放在<thead>元素中

<tbody>:表格的主体部分应放在<body>元素中

<tfoot>:表格的脚注应放在<tfoot>元素中


 

posted @ 2018-03-17 15:45  HL()  阅读(174)  评论(0编辑  收藏  举报