HTML学习笔记——使用表格 5.1 创建表格 5.1.1表格的基本构成table、tr、td 表格由行、列和单格3部分组成,一般通过3个标记来创建,分别是表格标记table、行标记tr、列标记td。表格的各种属性都要在表格的开始标记< table>和表格的结束标记< /table>之间才有效。 行:表格中的水平间隔。 列:表格中的垂直间隔。 单格:表格中行与列相交所产生的区域。 语法: 5.1.2 设置表格的标题caption 可以使用< caption>来设置标题单格,表格的标题一般位于整个表格的第一行。一个< table>表格只能含有一个表格标题。 语法:< caption>表格的标题< /caption> 5.1.3 表头th 表格的表头< th>是< td>单格的一种变体,实质上仍是一种单格。它一般位于第一行和第一列,用来表明这一行或列的内容类别。在一般情况下,浏览器会以粗体和居中的样式显示< th>素中的内容。 语法: 5.2表格基本属性 5.2.1 表格宽度width和高度height 宽度和高度的值可以是像素值也可以是百分比。 语法: 5.2.2 表格对齐方式align 语法: 5.3 表格的边框 5.3.1 表格边框宽度border 默认情况下如果不指定border属性,则浏览器将不显示表格边框。只有设置border值不为0,在网页中才能显示出表格的边框。 语法: 5.3.2 表格边框颜色bordercolor 默认情况下边框的颜色是灰色的,可以使用bordercolor设置边框颜色。但是设置边框颜色的前提是边框的宽度不能为0,否则无法显示出边框的颜色。 语法: 5.3.3 内框宽度cellspacing 表格的内框宽度属性cellspacing用于设置表格内部每个单格之间的间距。单位是像素。 语法: 5.3.4 表格内文字与边框间距cellpadding 在默认情况下,单格里的内容会紧贴着表格的边框,这样看上去非常拥挤。可以使用cellpadding来设置单格边框与单格里的内容之间的距离。单位是像素。 语法: 5.4 表格背景 5.4.1 表格背景颜色bgcolor 表格的背景颜色属性bgcolor是针对整个表格的,bgcolor定义的颜色可以被行、列或单格定义的颜色所覆盖。 语法: 5.4.2 表格背景图像 语法: 5.5 表格的行属性 高度控制height、边框颜色bordercolor、行背景bgcolor、background、行文字的水平对齐方式align、行文字的垂直对齐方式valign。 语法: 5.6 单格属性 5.6.1 单格大小width、height 语法: 5.6.2 水平跨度colspan,垂直跨度rowspan 在设计表格时,有时需要将两个或者更多的相邻单格组合成一个单格。 语法: 5.6.3 对齐方式align、valign 语法: 5.6.4 单格的背景色,边框颜色bordercolor 语法: 5.6.5 单格的亮边框bordercolorlight和暗边框bordercolordark和背景图像background 语法: 5.7表格的结构 表格的表首标记< thead>、表主体标记< tbody>、表尾标记 < tfoot>。这三个语法相似。 语法:
2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/81726.html