熟能生巧@放纵lili
一、表格标签的基本介绍。
1、<table>标签
<table>标签可以用于定义表格对象,同事可以使用其标签设置表格的宽度、对齐方式、背景颜色等样式。其常用的属性有:
width宽度、height高度、bgcolor背景颜色、align=“left(左)/center(居中)right(右)”文字水平对齐、valign=“top(顶端)/middle(居中)/bottom(底部)”文字垂直对齐、cellspancing=“”单元格之间的间距、cellpadding=“ ”单元格与内容之间的空隙。
2、td标签
<td>标签其实就是表格中的单元格。
4、<th>标签
<th>标签也是表格中的单元格,和<td>标签类似,但它通常用于表头的单元格,更为特殊一些。
5、<tr>行标签
<tr>标签是用来生成表格中的行标签,一个<tr></tr>标签表示表格的一行。
可以包含多个<td>或<th>标签。
二、表格基本结构
现在我们来给这个表格添点内容
大家这时候就会发现,这怎么没有边框啊!别急,别急!上面讲的一些常用属性这不就派上用场了吗
这里我们也可以看到<th>标签实际上对字体会有默认的设置。
三、单元格的跨行和跨列设置。
1、单元格的跨行设置
rowspan=“ 所要合并单与格的行数 ”(用于<td>标签)
可以看到,只是在原有的表格的后三行中,每行各在左边加了一个单元格,使rowspan=“ ”向下跨两行,而“体育”被移到了右边,可见,rowspan=“ ”是向下跨行,而不是合并单元格,只需将空格删去即可。
2、单元格的跨列设置。
colspan=“ 所要合并单元格的列数”(用于<td>标签)
可见colspan也会跨列。
给表头设计一下
表格还有很多的样式设置
这里只展示了一点,学会了相关属性的设置,各种花花绿绿的表格都能做的出来,要多加练习!