1.表格的主要作用
用于展示数据
2.语法
属性：
| 属性名 | 属性值 | 描述 |
|---|---|---|
| align | left、center、right | 表格元素的对齐方式 |
| border | 1或"" | 是否有边框，1有，""无(默认) |
| cellpadding | 像素值 | 单元边沿与其内容之间的空白，默认1像素 |
| cellspacing | 像素值 | 单个格之间的空白，默认2像素 |
| width | 像素比或百分比 | 表格的宽度 |
demo：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表格标签</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" align="center">
<thead>
<tr align="center">
<th>支出项目</th>
<th>单价(元)</th>
<th>数目</th>
<th>金额(元)</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td>垃圾箱</td>
<td>30</td>
<td>12</td>
<td>360</td>
</tr>
<tr align="center">
<td>垃圾箱1</td>
<td>30</td>
<td>12</td>
<td>360</td>
</tr>
</tbody>
</table>
</body>
</html>
效果：
2.合并单元格
demo：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>合并单元格</title>
</head>
<body>
<table border="1" cellpadding="10" align="center" cellspacing="0">
<thead align="center">
<tr>
<th colspan="5">个人简历</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td>姓 名：</td>
<td> </td>
<td>性 别:</td>
<td> </td>
<td rowspan="4"> 照片 </td>
</tr>
<tr>
<td>婚姻状况：</td>
<td> </td>
<td>出生年月：</td>
<td> </td>
</tr>
<tr>
<td>民 族：</td>
<td> </td>
<td>政治面貌：</td>
<td> </td>
</tr>
<tr>
<td>身 高：</td>
<td> </td>
<td>学 历：</td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
效果：
3.文章参考链接
a. https://www.boxuegu.com/
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
