https://www.2cto.com/kf/201711/701872.html
table是一個布局神器,之前看過很多代碼,都是用table布局的。但是,我在學習的過程中,發現table有很迷的三個寶寶,他們是tr,th以及td;
tr:這是表中的“行”。每一行是一個tr(table row)。
th:這是表頭,也就是每一列的標題(table head)。
td:這是表的每一個單元格
th與td的區別是: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>
|
代碼運行結果: