表格简单介绍
表格：table
thead：表头
tbody：主体内容
tfoot：表尾
tr：表格的一行
td：表格的一列。
th：表格的一列，但是此列字体会加粗、居中。
虽然在表格中区分了表头、主体和尾部，但是在实际使用时就省略了，直接写tr、td和th
如果没有写thead、tbody、tfoot，那么浏览器会自动添加tbody
border：定义表格的边框宽度，直接写在table标签上，直接写数字即可。
td/th会有一个默认的padding,大小为1
table在没有定义宽度的情况下，默认由内容撑开；写了宽高后每一列平分。
如果当前列某一个单元格(td/th)宽度变化，则整列都会发生变化。
margin无法实现表格单元格之间的间隔。
表格样式：
border-collapse：边框合并。
取值：collapse-->合并
separate(默认值)-->分离。在表格定义了边框时会出现双边框现象。
单元格属性：
colspan：单元格横跨的列数。
rowspan：单元格纵跨的行数。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{
border-collapse: collapse;
width: 800px;
height: 200px;
}
td,th{
padding: 0;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
<tr>
<td colspan="2">张三</td>
<td rowspan="2">李四</td>
<td>王五</td>
<td>赵六</td>
</tr>
<tr>
<td>张三</td>
<td>李四</td>
<td>王五</td>
<td>赵六</td>
</tr>
</table>
</body>
</html> 效果如下所示：
相关推荐
HSdiana 2020-03-28
行吟阁 2020-02-03
玫瑰小妖 2019-12-23
玫瑰小妖 2019-11-21
pythonclass 2019-11-07
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
行吟阁 2020-08-09
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
swiftwwj 2020-07-05
pythonclass 2020-06-25
nercon 2020-06-14
玫瑰小妖 2020-06-07
pythonclass 2020-06-03
lyg0 2020-05-28
huzijia 2020-05-08
行吟阁 2020-05-11