要将单元格跨多个列,请使用 colspan
属性。
分配给 colspan
的值必须是整数。
您还必须删除展开后的单元格将覆盖的单元格元素。
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Rank</th>
<th>Name</th>
<th>Color</th>
<th colspan="2">Size & Votes</th>
</tr>
</thead>
<tbody>
<tr>
<th>2nd Favorite:</th>
<td>HTML</td>
<td>HTML</td>
<td>Oracle</td>
<td>MySQL</td>
</tr>
<tr>
<th>3rd Favorite:</th>
<td>XML</td>
<td colspan="2" rowspan="2">This is a test.</td>
<td>203</td>
</tr>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="5">© 2011 www..cn Enterprises</th>
</tr>
</tfoot>
</table>
</body>
</html>
要将单元格跨多行,您可以使用 rowspan
属性。您分配给此属性的值是要跨越的行数。
分配给 rowspan
的值必须为整数。
如果希望中间列中的一个单元格跨越所有三行,您将 rowspan
属性应用于单元格2。
您还必须删除展开后的单元格将覆盖的单元格元素。
以下代码将单元格扩展为覆盖多行。
<!DOCTYPE HTML>
<html>
<head>
<style>
td {
border: thin solid black;
padding: 5px;
font-size: x-large
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>1</td>
<td rowspan="3">2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>9</td>
</tr>
</table>
</body>
</html>
HTML表单标签 label 元素为表单中的每个元素提供了一些上下文。它有局部属性: for,form 。例子以下代码显示了如何为用户提供一...
HTML 视频(Videos)在 HTML 中播放视频的方法有很多种。可以使用 embed 标签、object 标签以及 video 标签(HTML 5中启用)。 H...
HTML 表单和输入 HTML 表单用于收集不同类型的用户输入。 在线实例 创建文本字段 (Text field)本例演示如何在 HTML 页面创建文本...
HTML 即超文本标记语言,是目前应用最为广泛的语言之一,是组成一个网页的主要语言。在现今这个 HTML5 华丽丽地占领了整个互联网...
HTML div 和span HTML 可以通过 div 和 span 将元素组合起来。HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。块级...