表格宽度：width 表格高度：height 表格边框：border
单元格与单元格之间的间距：cellspacing="20" 单元格与内容之间的空隙cellpadding="10"
水平对齐方式：align="left/center/right";(如果此属性加到table相对于浏览器的对齐方式；如果加到tr或td上表示单元格内容相对于单元格的对齐方式)
垂直对齐：valign="top/middle/bottom"
rowspan="数字" 合并行
colsspan="数字" 合并列
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>表格</title>
<!-- 表格:用于处理和显示数据,在html中创建表格需要用到三个最基本的标签<:table></:table><tr></tr><td></td>缺一不可 -->
<!-- <tr></tr>:用于定义表格中的行，必须嵌套在table标签中，table标签有几个tr标签就代表表格有几行 -->
<!-- <td></td>：用于定义表格的单元格。必须嵌套在tr标签中，一对tr标签中可以有多个td -->
<!-- <th></th>：表头标签，用于设置表格表头，一般位于第一行，文本会居中并且加粗 -->
<!-- <caption></caption>：用于设置表格的标题，紧跟在table标签后面，而且该标签只能存在于表格中 -->
<!-- 在使用表格布局的时候，通常会将表格划分为头部、主题、页脚三个部分（页脚可能会出现兼容性问题）<thread></thread>：用于定义表格的头部。<tbody>
</tbody>：一般用于定义表格主体部分 -->
</head>
<body>
<table border="1" width="500" align="center">
<caption>个人信息表</caption>
<thread>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thread>
<tbody>
<tr>
<td>张三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>春娇</td>
<td>20</td>
<td>女</td>
</tr>
<tr>
<td>志明</td>
<td>20</td>
<td>男</td>
</tr>
</tbody>
</table>
</body>
</html>
结果：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
