html中table如何使用

 时间:2026-02-15 00:09:02

1、在EditPlus中新建一个HTML Page页面,在body主体中敲内容。

表格的整体标签有<table>用来包裹整个表格,<caption>用来写表格标题,

<tr>表格的一行,<th>表格的表头,<td>表格的列。

html中table如何使用

2、border属性,表格边框。如果不加border属性,则没有边框。

为了能更好的测试设计效果,初期可以加边框,方便浏览。

在table后加属性border="1",设置边框像素为1。

若某单元格内无内容,则该单元格边框不显示,可以加&nbsp;来处理。

html中table如何使用

3、width属性,表格宽度

绝对宽度,width="10px"

相对宽度,width="100%"

html中table如何使用

4、合并两行:

<th rowspan="2">项目</th>

只需要在第一行中写,会默认向下合并

合并两列

<td colspan="2" align="center">看综艺节目</td>

使用align让文字居中。

html中table如何使用

5、cellspacing属性,设置单元格与边框间的距离。当cellspacing="0"时,表格为单条线。

cellpadding设置单元格与文字间的距离。

当cellspacing="0" cellpadding="5"时,效果如下。

html中table如何使用

6、框架属性

在table中加frame属性,可以设置为above、below、hsides、vsides、box。

该属性在不设置border的情况下有效。

下图为frame="box"的效果。

html中table如何使用

  • 在css中如何设置左浮动和右浮动?
  • 怎么让DIV在另一个DIV里靠底部显示
  • 如何在HTML设置跳转到底部
  • CSS中如何设置td元素之间的上下间距?
  • 怎样让html中的文字垂直水平居中显示
  • 热门搜索
    成长足迹手抄报内容 作文手抄报 学法懂法守法手抄报 文学手抄报的内容 手抄报板块设计图 三年级的手抄报 手抄报边框素材 初中小组手抄报 六年级英语手抄报 教师节英语手抄报内容