HTML.6表格

本文详细介绍了HTML中表格的基本结构及使用方法,包括如何创建表格、定义行与单元格、设置标题、实现跨列与跨行等功能,并展示了如何利用<thead>、<tbody>和<tfoot>标签来组织长表格。

表格


基本的表格结构

<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>元素中


 

转载于:https://www.cnblogs.com/H97042/p/8590314.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值