多语言展示
当前在线:1661今日阅读:176今日分享:34

html中table如何使用

在html中表格标签的使用十分广泛,对于初学者很好入手,不过也有一些属性,可以使表格的功能极大提升。应用得当,你会发现它会使页面变得清晰美观。
工具/原料

EditPlus

方法/步骤
1

在EditPlus中新建一个HTML Page页面,在body主体中敲内容。表格的整体标签有

用来包裹整个表格,表格的一行,只需要在第一行中写,会默认向下合并合并两列使用align让文字居中。

5

cellspacing属性,设置单元格与边框间的距离。当cellspacing='0'时,表格为单条线。cellpadding设置单元格与文字间的距离。当cellspacing='0' cellpadding='5'时,效果如下。

6

框架属性在table中加frame属性,可以设置为above、below、hsides、vsides、box。该属性在不设置border的情况下有效。下图为frame='box'的效果。

注意事项

本篇为个人总结经验,希望可以帮到大家!

用来写表格标题,
表格的表头,表格的列。

2

border属性,表格边框。如果不加border属性,则没有边框。为了能更好的测试设计效果,初期可以加边框,方便浏览。在table后加属性border='1',设置边框像素为1。若某单元格内无内容,则该单元格边框不显示,可以加 来处理。

3

width属性,表格宽度绝对宽度,width='10px'相对宽度,width='100%'

4

合并两行:

项目看综艺节目