HTML基础知识
第九篇 主体内部标签
- 表格的基本构成——table,tr,td(续)
[6].表格边框颜色——bodercolor
语法:
<table bodercolor=“颜色代码”>
[7].内框宽度——cellspacing
表格的内框宽度是指表格内部各单元格之间的宽度
语法:
<table cellspacing=“内框宽度”>
单位是像素
[8].表格内文字与边框的距离——cellpadding
默认情况下,表格内的文字会紧贴在表格的边框
语法:
<table cellpadding=“文字与边框的距离”>
单位是像素,一般可根据需要设置,但注意不能过大,因为这个值不只对左右距离有效,同时也设置了上下边框与文字的间隔
[9].水平跨度——colspan
单元格水平跨度是指在复杂的表格结构中,有些单元格是跨多个列的
语法:
<td colspan=“跨得列数”>
跨的列数就是这个单元格所跨列的个数
[10].垂直跨度——rowspan
单元除了可以在水平方向上跨列还可以在垂直方向上跨行
语法:
<td rowspan=“单元格跨行数”>
[11].对齐方式——align,valign
单元格的对齐方式设置与行的对齐方式设置方法相似
语法:
<td align=“水平对齐方式” valign=“垂直对齐方式”>
水平对齐方式:
left ,center ,right
垂直对齐方式:
top ,middle ,bottom
[12].设置表格背景颜色——bgcolor
设置表格背景
语法:
<table bgcolor=“颜色代码”>
[13].设置表格背景图像——background
语法:
<table background=“背景图片的地址”>
[14].表格行高——height
语法:
<tr height=“表格中某行行高”>
这个参数只对这一行有效
[15].边框颜色——bordercolor
语法:
<tr bordercollor=“颜色代码”>
[16].行背景——bgcolor,background
语法:
<tr bgcolor=“颜色代码”>
<tr background=“图像地址”>
[17].行文字的水平对齐方式——align
语法:
<tr align=“水平对齐方式”>
[18].行文字的垂直对齐方式——valign
语法:
<tr valign=“垂直对齐方式”>
valign:
top,middle,bottom
[19].设置表格标题的垂直对齐方式——align
语法:
<caption align=“垂直对齐方式”>xxx
[20].单元格大小——width,heigth
默认情况单元的大小会根据内容自动调整
语法:
<td width="" heigth="">
单位像素,对一个单元格的设置往往会影响多个单元格
[21].设置单元格的背景色
语法:
<td bgcolor=“颜色代码”>
[22].设置单元格的边框颜色——bordercolor
语法:
<td bordercolor=“颜色代码”>
[23].设置单元格的亮边框——bordercolorlight
语法:
<td boordercolorlight=“颜色代码”>
[24].设置单元格的暗边框——bordercolordark
语法:
<td bordercolordark=“颜色代码”>
[25].设置单元格的背景图像——background
语法:
<td background=“背景图片地址”>
[25].表格的表首标记——thead
语法:
<thead bgcolor=“颜色代码” align=“水平对齐方式” valign=“垂直对齐方式”>
[26].表格的主体标记——tbody
用来用来统一设计表主体部分的样式与表首标记功能类似
语法:
<tbody bgcolor=“颜色代码” align=“水平对齐方式” valign=“垂直对齐方式”>xxxx</tbody>
[27].表格的表尾标记——tfood
语法:
<tfood bgcolor=“颜色代码” align=“水平对齐方式” valign=“垂直对齐方式”>
表格可以嵌套
由于本次的知识点较多,所以到34,
每天晚上21:00更新,有时会提前更新,原创cyz