HTML基础知识 table中 th,td,tr

https://www.2cto.com/kf/201711/701872.html

table是一个布局神器,之前看过很多代码,都是用table布局的。但是,我在学习的过程中,发现table有很迷的三个宝宝,他们是tr,th以及td;

tr:这是表中的“行”。每一行是一个tr(table row)。

th:这是表头,也就是每一列的标题(table head)。

td:这是表的每一个单元格

thtd的区别是:th内部的文本样式为居中+粗体td 内的文本样式为左对齐+普通文本

例(一个三行两列的表格)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border = "1px">
    <tr>
        <th width = "100px">姓名</th>
        <th width = "100px">职业</th>
    </tr>
    <tr>
        <td>Java君</td>
        <td>程序猿</td>
    </tr>
    <tr>
        <td>PHP君</td>
        <td>程序猿</td>
    </tr>
<table>

代码运行结果:

 

posted @ 2018-10-11 10:31  小六子666  阅读(17313)  评论(0编辑  收藏  举报