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"是不赞成使用的,应使用样式代替。

<:&lt

>:&gt

表格描述
<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 规定表格的宽度。
posted @ 2015-10-28 17:03  ChHM  阅读(217)  评论(0编辑  收藏  举报