#添加基础的表格

表格的标签是<table>......</table>
<tr>......</tr>,表示一行表格
tr代表table row
表格中每个单元格用<td>......</td>表示
td代表table data

20 20 42
93 25 3
29 25 3
29 82 16
<table>
      <tr>
            <td>20</td>
            <td>20</td>
            <td>42</td>
      </tr>
      <tr>
            <td>93</td>
            <td>25</td>
            <td>3</td>
      </tr>
      <tr>
            <td>29</td>
            <td>25</td>
            <td>3</td>
      </tr>
      <tr>
            <td>29</td>
            <td>82</td>
            <td>16</td>
      </tr>
</table>

<th>......</th> 表示表格的标题,也就是表头
th是table header的缩写

日期 花费
8月1日 100
<table>
      <tr>
            <th>日期</th>
            <th>花费</th>
      </tr>
      <tr>
            <td>8月1日</td>
            <td>100</td>
      </tr>
</table>

在这里表头的字体有自动加粗噢,你有看出来吗?
那我们再学着写一写竖着的表头

日期 8月1日
花费 100
<table>
      <tr>
            <th>日期</th>
            <td>8月1日</td>
      </tr>
      <tr>
            <th>花费</th>
            <td>100</td>
      </tr>
</table>

有没有发现其实表头竖着写很简单,就是把标签交换一下位置
让一个th表头标签,和一个td标签在一个tr(行)内就行了

posted @ 2020-11-17 09:00  wakaki  阅读(95)  评论(0)    收藏  举报