HTML表格
<table>标签
表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。字母td指表格数据,即数据单元的内容。数据单元可以包含文本、图片、段落、表单、水平线、表格等等
表格和边框属性
如果不定义边框,表格就不显示边框。边框由<table border="1">决定,数字不同,边框的粗细不同。
表格的表头
表头由<th>标签进行定义,大多数浏览器会把表头显示为粗体居中的文本。
表格中的空单元格
在一些浏览器中,没有内容的表格单元显示的不太好,如果某个单元格是空的(没有内容),浏览器就无法显示这个单元格的边框。为了避免这个情况,在空单元格中添加一个空格占位符,就可以把边框显示出来。no-breaking空格
横跨两列的单元格
横跨两列的单元格:
姓名 | 电话 | |
---|---|---|
Bill Gates | 555 55 854 | 555 55 854 |
横跨两行的单元格:
姓名 | Bill |
---|---|
电话 | 555 55 555 |
555 55 555 |
cellpadding设置单元格边距:cellpadding="20"
cellspacing增加单元格的间距:cellspacing=“10”
给表格添加背景颜色:<table border="1" bgcolor="red">
给表格添加背景图像:background=""
也可以单个单元格添加背景颜色和背景图像<td bgcolor="red">Hello</td>
在表格单元中排列内容<td align="left">Hello</td>向左排列
元素"align"、"bgcolor"是不赞成使用的,应使用样式代替。
<:<
>:>
表格 | 描述 |
---|---|
<table> | 定义表格 |
<caption> | 定义表格标题 |
<th> | 定义表格的表头 |
<tr> | 定义表格的行 |
<td> | 定义表格单元 |
<thead> | 定义表格的页眉 |
<tbody> | 定义表格的主体 |
<tfoot> | 定义表格的页脚 |
<col> | 定义用于表格列的属性 |
<colgroup> | 定义表格列的组 |
属性 | 值 | 描述 |
---|---|---|
align |
left center right |
不赞成使用。请用样式代替。 规定表格相对周围元素的对齐方式。 |
bgcolor |
rgb(x,x,x) #xxxxxx colorname |
不赞成使用。请用样式代替。 规定表格的背景颜色。 |
border | pixes | 规定表格边框的宽度。 |
cellpadding | pixes % | 规定表格边沿与其内容之间的空白。 |
cellspacing | pixes % | 规定单元格之间的空白。 |
frame |
void above below hsides lhs rhs vsides box border |
规定侧边框的哪个部分是可见的。 |
rules |
none groups rows cols all |
规定内侧边框的哪个部分是可见的。 |
summary | text | 规定表格的摘要。 |
width | % pixes | 规定表格的宽度。 |