<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
什么是html的语义化？
语义化是指用合理的html标记以及特有的属性去
格式化文档内容。
语义化有什么好处？
1，在没有css的情况下，也能呈现出较好的内容结构
2，代码具有可读性，有利于团队的开发和维护
3，有利于SEO搜索引擎优化
4，有利于用户体验
-->
<!--
表格：
使用table标签定义表格，每个表格由若干行（由tr定行），
每行被分为若干个单元格（由td定义）。
表格作用：
以前整个页面的布局都是使用表格，但是结构太复杂，维护
比较麻烦。展示数据时还是选择表格。
<table></table>表格
<tr></tr>行
<th></th>表头 默认样式：字体加粗 文字水平垂直居中
<td></td>单元格 包含各种标签 默认样式：文字靠左显示，垂直居中
table属性：
border="1"表格像素为1像素
width:""表格的宽
height:""表格的高 width和height用来定义表格的宽和高
单位：可以省略，默认是px
cellpadding="" 作用：用来定义单元格内容与边框的间距
cellspacing="" 作用：定义单元格与单元格之间的距离
<style>
table{
border-collapse:collapse; 合并相邻单元格之间的边框
}
</style>
td/th属性
width/height
作用：设置单元格的宽和高
align="center/right/left" 单元格的水平对齐方式
valign="top/center/bottom" 单元格内容的垂直对齐方式
-->
<!-- <table>
<caption>表格标题</caption>表格标题要紧跟着table标签
<thead>表头内容
<tr>
<th>表头</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>定义表格的主题内容，一个表格里面可以包含多个tbody
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot>定义表格页脚内容
<tr>
<td></td>
</tr>
</tfoot>
</table>
总结：划分表格的语义，实现长表格的分步加载，改变结构顺序，优先加载tbody。
每个表格只能定义一次标题
-->、
<!--
合并单元格
跨列合并：colspan:合并数量；
跨行合并：rowspan：合并数量；
操作步骤：
①确定单元格时跨行还是跨列
②找到目标单元格，添加合并属性
③删除多余的单元格
总结：①没有定义表格宽度和高度时，由单元格内容自适应
②同一行当中只识别一个高，取最大值
③同一列当中只识别一个宽，取最大值
④表格里面可以包含任何html标签以及表格
-->
<!--
</body>
</html>
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
