【Web】HTML标签:表格。(1)作用:用于显示、展示数据(2)语法<table></table>是用于定义表格的标签<tr></tr>标签用于定义表格中的行,必须嵌套在<table>

表格

(1)作用:用于显示、展示数据

(2)语法

<table></table>是用于定义表格的标签

<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中

<td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中

字母td指表格数据(table data),即数据单元格的内容

(3)表头单元格标签

a.一般位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示

b.<th></th>标签表示HTML表格的表头部分

(4)表格属性

会通过CSS;来设置

Eg:  <table width="500" height="249" border="1" cellspacing="0">

a.align:left,center,right,规定表格相对周围元素的对齐方式

b.border:1或“”,规定表格单元是否拥有边框,默认为“”,表示没有边框

c.cellpadding:像素值,规定单元边沿与其内容之间的空白,默认1像素

d.cellspacing:像素值,规定单元格之间的空白,默认2像素

e.width:像素值或百分比,规定表的宽度

(5)表格结构标签

A.<thead></thead>:用于定义表格的头部,<thead>内部必须拥有<tr>标签。一般位于第一行

B.<tbody></tbody>:用于定义表格的主体,主要用于放数据本体

C.以上标签都是放在<table></table>标签中

(6)合并单元格

A.跨行合并:rowspan=”合并单元格的个数”

B.跨列合并:colspan=”合并单元格个数”

目标单元格:(写合并代码)跨行写上,跨列写左

 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

笙之殇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值