在html中表格标签的使用十分广泛,对于初学者很好入手,不过也有一些属性,可以使表格的功能极大提升。应用得当,你会发现它会使页面变得清晰美观。
工具/原料
方法/步骤
1在EditPlus中新建一个HTML Page页面,在body主体中敲内容。表格的整体标签有
用来包裹整个表格,用来写表格标题,表格的一行,表格的表头, | 表格的列。2border属性,表格边框。如果不加border属性,则没有边框。为了能更好的测试设计效果,初期可以加边框,方便浏览。在table后加属性border='1',设置边框像素为1。若某单元格内无内容,则该单元格边框不显示,可以加 来处理。 3width属性,表格宽度绝对宽度,width='10px'相对宽度,width='100%' 4合并两行: 项目 | 只需要在第一行中写,会默认向下合并合并两列 看综艺节目 | 使用align让文字居中。 5cellspacing属性,设置单元格与边框间的距离。当cellspacing='0'时,表格为单条线。cellpadding设置单元格与文字间的距离。当cellspacing='0' cellpadding='5'时,效果如下。 6框架属性在table中加frame属性,可以设置为above、below、hsides、vsides、box。该属性在不设置border的情况下有效。下图为frame='box'的效果。 注意事项
|