精通HTML表格的使用

2020-02-17

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

⇔ ∽ в ℡♀ ∝ ⓛ

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

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

1. *标题和内容描↖述

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

除了标题以▪外,对内容的更长描述可以写在table标签Я的sum|m‥ary属性中。

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

〩 ↑

<table ┙border="1"
  su▅▆mmary├="this table gives some statistics about┚ fruit
   flies: Уavцeаrage he※ight and weight, and percentage
Б     with red eyes (for both males and females).И">
★ <caption><βem>a tⓔest table with merged cells</em></caption>
 <tr><th rowspan="2"><◢th ☆colspan="2">averag╯╰e
 <th⿺ rowspan="2">rЭeεїзd<br⊙>eйy❤es
 &l╢t;tr><th>height<th>weight
 <tr><th>males&l々t;td&g〢t;1.9<td&g〤t;0.003<td>►40%
 <tr><th&⿶gt;females<td>1.7<td>0.002&жlt;td>43%
</︵table>

相关文章