1添加表格table、tr、td
在表格中一般通过3个标记来创建。分别是表格标记、行标记和单元格标记。其中表格标记是
.表格中的各种属性都要在表格的开始标记之间才有效。
语法:
单元格内的文字 | 单元格内的文字 |
单元格内的文字 | 单元格内的文字 |
2设置表格的标题caption
表格中除了
和可用来设置表格的单元格外,还可以通过caption来设置特殊的单元格-标题单元格。表格的标题一般位于整个表格的第一行。
语法:
表格的标题
3表格的表头th
在表格中还有一个特殊的单元格成为表头。表格的表头一般位于第一行和第一列,用来表明这一行的内容类别。用
和标记表示。表格的表头与标记使用方法相同,但是表头的内容是加粗显示的。
语法:
表格的表头 | 表格的表头 |
4设置表格的基本属性
设置表格的宽度width
语法:
表格宽度可以是具体的像素数。
设置表格高度height
语法:
height=表格高度>
表格的对齐方式align
表格的对齐方式用于设置整个表格在网页中的位置。
语法:
align="表格的对齐方式">,left、center、right
设置表格边框宽度border
语法:
border=边框宽度>
设置边框颜色bordercolor
语法:
在该语法中,边框颜色不能为0,颜色代码为16位颜色代码
表格内文字与边框距离cellpadding
默认情况下,表格内的文字会紧贴着表格的边框,这样看上去非常拥挤,可以使用cellpadding来调整。
语法:
cellpadding=文字与边框的距离值>
设置表格的背景色
bgcolor="颜色代码">
设置表格的背景图像
backgound="背景图片的地址">
边框颜色
bordercolor="颜色代码">
行背景bgcolor,background
bgcolor="颜色代码">
行文字的水平对齐方式valign
语法:
垂直对齐方式:top、middle、bottom
设置表个标题的垂直对齐方式valign
垂直对齐值标题位于表格的上方或下方。取值为top或bottom。
valign="垂直对齐方式">表格标题
5调整单元格的属性
单元格大小width、height
语法:
height=单元格高度>
水平跨度colspan
语法:
单元格跨度是指在复杂表格结构总,有些单元格时跨多个列的。
垂直跨度rowspan
语法:
rowspan=单元格跨的行数>
对齐方式align、valign
语法:
valign="垂直对齐方式">
设置单元格的背景色
语法:
bgcolor="颜色代码">
单元格边框的颜色bordercolor
语法:
bordercolor="颜色代码">
设置单元格的背景图像background
语法:
background="背景片的地址">
文字内容不换行nowrap
当表格没有设定宽度时,整个表的宽度会根据表格内容进行调整,但表格宽度不会超过浏览器的宽度。当单元格的内容过长时会自动换行。
如果不希望表格中的某个单元格内容换行,可通过nowrap参数设置:
语法:
6可以在单元格中嵌入一个表格
border="1">
页面导航