“HTML表格合并行和列”的版本间差异
本页内容
(创建页面,内容为“HTML 表格可以包含跨越多行和/或多列的单元格。 == HTML表格 - Colspan == 要使单元格跨越多列,请使用以下''' <nowiki>colspan</nowiki> '''属性: <sample title="" hererun="s" desc=""> <table> <tr> <th colspan="2">Name</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>43</td> </tr> <tr> <td>Eve</…”) |
|||
(未显示同一用户的2个中间版本) | |||
第1行: | 第1行: | ||
[[Category:HTML教程|26]] | |||
HTML 表格可以包含跨越多行和/或多列的单元格。 | HTML 表格可以包含跨越多行和/或多列的单元格。 | ||
第9行: | 第10行: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<th colspan="2"> | <th colspan="2">姓名</th> | ||
<th> | <th>年龄</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td>吉尔</td> | ||
<td> | <td>史密斯</td> | ||
<td>43</td> | <td>43</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td>前夕</td> | ||
<td> | <td>杰克逊</td> | ||
<td>57</td> | <td>57</td> | ||
</tr> | </tr> | ||
第29行: | 第30行: | ||
</blockquote> | </blockquote> | ||
== HTML 表格 - 行跨度 == | == HTML 表格 - 行跨度 == | ||
要使单元格跨越多行,请使用以下''' <nowiki>rowspan</nowiki> '''属性: | 要使单元格跨越多行,请使用以下''' <nowiki>rowspan</nowiki> '''属性: | ||
第35行: | 第37行: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<th> | <th>名称</th> | ||
<td> | <td>吉尔</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<th rowspan="2"> | <th rowspan="2">电话</th> | ||
<td>555-1234</td> | <td>555-1234</td> | ||
</tr> | </tr> |
2022年8月6日 (六) 09:42的最新版本
HTML 表格可以包含跨越多行和/或多列的单元格。
HTML表格 - Colspan
要使单元格跨越多列,请使用以下 colspan 属性:
示例
<table>
<tr>
<th colspan="2">姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>43</td>
</tr>
<tr>
<td>前夕</td>
<td>杰克逊</td>
<td>57</td>
</tr>
</table>
注意:属性的值 colspan 表示要跨越的列数。
HTML 表格 - 行跨度
要使单元格跨越多行,请使用以下 rowspan 属性:
示例
<table>
<tr>
<th>名称</th>
<td>吉尔</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
注意:该 rowspan 属性的值表示要跨越的行数。