最原始的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的权重(具体以实际情况为准!)
html中table的使用~
最新推荐文章于 2024-06-19 10:23:02 发布