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

本文详细介绍了HTML中table标签的使用方法,包括其三个核心元素tr(行)、th(表头)和td(单元格)的功能及区别。通过实例演示了如何创建一个三行两列的表格,并解释了th与td在样式上的不同。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>
代码运行结果:

 

转载于:https://www.cnblogs.com/czlovezmt/p/9771030.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值