码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-10-11 11:37:16      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:idt   基础知识   tab   img   www.   syntax   command   pac   ref   

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>

代码运行结果:

技术分享图片

 

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

标签:idt   基础知识   tab   img   www.   syntax   command   pac   ref   

原文地址:https://www.cnblogs.com/czlovezmt/p/9771030.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!