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>

代碼運行結果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。