当前位置: html教程 > 04-表格标签 > 阅读正文

table标签

2021.4.28.   426 次   793字

table标签是常用的表格标签

table标签

这个标签用于做表格, 其中 table 中, 往往嵌套一些别的标签

  • 使用 tr 表示一行
  • th 表示表头, 它的颜色默认是黑体加粗
  • td 表示单元格
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

可选的属性

属性描述
alignleft
center
right
不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。
bgcolorrgb(x,x,x)
#xxxxxx
colorname
不赞成使用。请使用样式代替。规定表格的背景颜色。
borderpixels规定表格边框的宽度。
cellpaddingpixels
%
规定单元边沿与其内容之间的空白。
cellspacingpixels
%
规定单元格之间的空白。
framevoid
above
below
hsides
lhs
rhs
vsides
box
border
规定外侧边框的哪个部分是可见的。
rulesnone
groups
rows
cols
all
规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
width%
pixels
规定表格的宽度。

其中, 这些参数都表示的是单元格, 例如

  • cellspace定义的是单元格之间的间隔大小通常设置为0,
  • cellpadding定义的是单元格内边距
  • width定义的是一个单元格的宽度

这些属性, 可以定义在table, tr, th, td的任一个标签内, 它均会解析, 域最小的不被覆盖

table布局

table可以用于布局, 这是一种简单的布局, 比css效率更高

在一些简单的 html 文档中, 可以使用table布局, 关键点是

  • cellpadding设置为0
  • cellspace设置为0
  • “table标签的嵌套”

这样, 外层的table仅起到了划分空间的作用.

本篇完,还有疑问?

加入QQ交流群:11500065636 IT 技术交流群