（1）表格中的常见元素，<table>用来定义表格,<caption>定义表格标题,<th>表头,<tr>行，<td>单元,<thead>页眉,<tbody>主体,<tfoot>页脚,<col>列属性
（2）表格的常见用法:
1,没有边距的表格（代码如下）
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<p>标题</p>
<table>
<caption>内部标题</caption>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格11</td>
<td>单元格12</td>
<td>单元格13</td>
</tr>
</table>
</body>
</html>
2,表格中的定义表头（代码如下)写在table内部
<tr>
<th>单元1</th>
<th>单元2</th>
<th>单元3</th>
</tr>
3,空的单元格（代码如下）
<table border="10px">
<caption>内部标题</caption>
<tr>
<th>单元1</th>
<th>单元2</th>
<th>单元3</th>
</tr>
<tr>
<td></td>//如果要想单元格的内容为空，<td>里面可以不写数据即可
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格11</td>
<td>单元格12</td>
<td>单元格13</td>
</tr>
</table>
4,带有标题的表格（代码如下）
<table border="10px">
<caption>内部标题</caption>、、标题
<tr>
<th>单元1</th>
<th>单元2</th>
<th>单元3</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格11</td>
<td>单元格12</td>
<td>单元格13</td>
</tr>
</table>
5,表格内的标签（代码如下）
<table border="1px">
<tr>
<td>表格1
</td>
<td>表格2
</td>
</tr>
<tr>
<td>
<ul>
<li>苹果</li>
<li>菠萝</li>
<li>香蕉</li>
</ul>
</td>
<td>我想吃了
</td>
</tr>
</table>
6,单元格的边距（代码如下）
<table border="1px" cellpadding="10px">
7,单元格的间距（代码如下）
<table border="1px" cellspacing="10px" >
8,表格内的背景颜色和 图像（代码如下）
<table border="1px" cellspacing="10px" background="1.png">//背景图片
<table border="1px" bgcolor="#00ffff">//背景颜色
版权声明：本文为博主原创文章，未经博主允许不得转载。
时间： 2024-08-05 11:09:03