html中table如何使用

 时间:2024-10-14 05:23:40

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、合并两行: &盟敢势袂lt;th rowspan="2">项目</th>只需要在第一行中佯鲅烫侬写,会默认向下合并合并两列<td colspan="2" align="center">看综艺节目</td>使用align让文字居中。

html中table如何使用

5、cell衡痕贤伎spacing属性,设置单元格与边框间的距离。当cellspacing="0"时,表格为单条线。cellpa颊俄岿髭dding设置单元格与文字间的距离。当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中的文字垂直水平居中显示
  • 热门搜索
    关于手抄报的花边 创卫手抄报内容 初中安全手抄报 数学王国手抄报 做文明小学生手抄报 平安校园手抄报内容 争创文明城市手抄报 书香校园手抄报图片 成语手抄报 美在我身边手抄报