精通HTML表格的使用

浏览量:27 次

制作网页表格,需要使用table标签。

用好table标签并不容易,复杂表格做起来就很麻烦,比如下面这张表。

我整理了一些HTML表格高级语法。你可以看看,自己会用多少?

1. 标题和内容描述

表格标题用caption标签表示,它会自动出现在整张表格上方。

除了标题以外,对内容更长描述可以写在table标签summary属性中。

代码示例(为了便于阅读,tr、th、td省略关闭标签):

<table border="1"
  summary="this table gives some statistics about fruit
   flies: average height and weight, and percentage
     with red eyes (for both males and females).">
 <caption><em>a test table with merged cells</em></caption>
 <tr><th rowspan="2"><th colspan="2">average
 <th rowspan="2">red<br>eyes
 <tr><th>height<th>weight
 <tr><th>males<td>1.9<td>0.003<td>40%
 <tr><th>females<td>1.7<td>0.002<td>43%
</table>

 
®关于本站文章™ | 若非注明原创,默认 均为网友分享文章,如有侵权,请联系我们™
㊣ 本文永久链接: 精通HTML表格的使用