29-HTML-06-HTML(表格标签)

【表格标签】<table>


组成部分:


(1)标题标签:<caption>,给表格提供标题;


(2)表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用;


(3)行标签:<tr>;


(5)单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中再加入单元格。


【格式】


<table border="1" width="40%" cellpadding=10 cellspacing=10>
<caption>表格标题</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>

<tr algin="center">
<td>张三</td>
<td>23</td>
</tr>
</table>


【注】
代码第一行的百分号可以让表格的宽度随浏览器窗口的大小变化;
第一个<tr></tr>封装的是表格第一行数据内容;
第二个<tr></tr>封装的是表格第二行数据内容;
代码第一行border是表格边框粗细;
代码第一行cellpadding是每个单元格中的内容与本单元格之间的距离(内容距本单元格上下左右都是10);
代码第一行cellspacing是单元格与单元格之间的距离;
代码中标签<th>作用是将内容在本单元格中加粗并居中显示;
代码中标签<td>作用是将内容在本单元格中不加粗并居左显示。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值