html中table的使用~

最原始的table布局:
<table> 中的标签:
<tr> 表格行 , <td> 表格单元 ,<th> 表头
<caption>我的标题</caption> caption 表的标题(在所有tr之上)
<col align=“left” /> 控制对应一列的对齐方式(在所有tr之上)
<col align=“left” />
<col align=“right” />
还有:<colgroup>、<thead>、<tfoot> 、<tbody>
属性:
border=“1” or “” —(table)
align=“left” 、center、right —(tr,td)
valign=“top”、middle、bottom —(tr,td)
bgcolor=“#000” —(table,tr,td)
td 中的属性
width=“npx”
height=“npx”
colspan=“n” --(向右合并n列)
rowspan=“n” --(向下合并n行)
table中的其他属性
cellpadding=“10” 单元格与内容之间的空格
cellspacing=“10” 单元格之间的空格
frame=“box” 显示四个边的外侧边框
            “above” 显示上部的外侧边框
            “below” 显示下部的外侧边框
            “hsides” 显示上部和下部的外侧边框
            “lhs” 显示左部的外侧边框
            “rhs” 显示右部的外侧边框
            “vsides” 显示左部和右部的外侧边框
            “void” 无边框
rules=“rows” 位于行之间的线条
            “cols” 位于列之间的线条
            “all” 位于行和列之间的线条
            “none” 没有线条
summary=“text”
summary 属性在 Web 浏览器中没有效果,可以通过屏幕阅读器看出效果。
table的width 总宽度的权重大于td的width的权重(具体以实际情况为准!)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值