HTML表格

表格的基本结构:
<table>
<tr>
<td>
</td>
</tr>
</table>
tr:代表的是行
td:代表的是列
th:字体居中和加粗,也是代表列
tr必须嵌套在table标签中,在table里面包含着几对tr,就代表着有几行
td必须嵌套在tr的标签中。一对tr标签中包含几对td,就代表着有多少列(或者多少单元格 )
border:边框
改变表格大小:
width宽度
height高度
<table border="1" width="200" height="200">
表格中<th>标签:具有加粗和居中
表格的标题:<caption></caption>表格标题。书写在tr标签的上边,table的下边

表格的对齐方式:
align:center居中,left左,right右
表格边框颜色:bordercolor="red"
表格的背景图片:background(前提是你的HB中img里面有图片)
表格的背景颜色:bgcolor
整个网页的背景颜色:在body后面写bgcolor(<body bgcolor>
tr的属性:
height 高度
设置行的水平对齐方式:
align:center居中,left向左。right向右
设置行内容的垂直方式:
列:<tr valign="top">
valign:top向上 middle中间 bottom向下
改变行背景:bgcolor
改变行的高度:如果表格自己本身有高度的话,改变行的高度会出现错误,想要改变行的高度,可以把设置表格的高度删除掉
水平跨度:colspan="合并单元格的个数"
垂直跨度:rowspan="合并单元格的个数"
表格的内框宽度也叫单元格之间间隔:cellspacing
表格内文字与边框之间的距离
 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值