您的位置:首页 > Web前端 > HTML

HTML表格

2015-10-28 17:03 274 查看
<table>标签

表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。字母td指表格数据,即数据单元的内容。数据单元可以包含文本、图片、段落、表单、水平线、表格等等

表格和边框属性

如果不定义边框,表格就不显示边框。边框由<table border="1">决定,数字不同,边框的粗细不同。

表格的表头

表头由<th>标签进行定义,大多数浏览器会把表头显示为粗体居中的文本。

表格中的空单元格

在一些浏览器中,没有内容的表格单元显示的不太好,如果某个单元格是空的(没有内容),浏览器就无法显示这个单元格的边框。为了避免这个情况,在空单元格中添加一个空格占位符,就可以把边框显示出来。no-breaking空格

横跨两列的单元格

横跨两列的单元格:

姓名电话
Bill Gates555 55 854555 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>定义表格列的组
属性描述
alignleft

center

right

不赞成使用。请用样式代替。

规定表格相对周围元素的对齐方式。

bgcolorrgb(x,x,x)

#xxxxxx

colorname
不赞成使用。请用样式代替。

规定表格的背景颜色。

borderpixes规定表格边框的宽度。
cellpaddingpixes %规定表格边沿与其内容之间的空白。
cellspacingpixes %规定单元格之间的空白。
framevoid

above

below

hsides

lhs

rhs

vsides

box

border

规定侧边框的哪个部分是可见的。
rulesnone

groups

rows

cols

all

规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
width% pixes规定表格的宽度。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: