HTML—表格
1、表格的基本结构
<table>
标签用来创建表格,<tr>
标签用来创建行,<td>
标签用来创建列。
border
属性表示给表格添加边框,它的值5表示边框的宽度为5px
。
2、表格的属性——宽、高
使用width
和height
来定义表格的宽和高,width
和hegiht
单位是px
,可加可不加。width
和height
的值还可以是百分比(%
),这样表格就可以随着文档宽高的变化而变化。
3、表格的属性——cellpadding
属性cellpadding
,它规定了单元边沿与其内容之间的空白。
<table border="2" cellpadding='1'>
cellpadding为1时
<table border="2" cellpadding='20'>
cellpadding为20时
2、表格的属性——cellspacing
属性cellspacing
,它规定了单元格之间的空间。
<table border="1" cellpadding='10' cellspacing='0'>
cellspacing为0时
<table border="1" cellpadding='10' cellspacing='20'>
cellspacing为20时
5、表格的标题
<caption>
标签来创建表格标题,需要注意的是它的位置:紧随<table>
标签之后。
6、表格——<td>
标签的 rowspan
属性
<td>
标签的rowspan
属性来实现,它规定了单元格可横跨的行数。
7、表格——<td>
标签的colspan
属性
<td>
标签的colspan
属性来实现,它规定了单元格可横跨的列数。