表格标签

表格主要用来展示数据，早期还用于进行布局。

• <table>表格
• <caption>：表格标题，类似于xxx信息表，显示一个文字在表格上方。可配合<h?>等使用
• <tr> : table row
• <td> ： table data，里面可用于放置任意对像，比如div等，不仅仅用于放置文字等

相关属性：控制表格整体的显示样式，而不是某个单元格的显示。部分可用CSS控制。

• border: 设置表格的边框
• width/height: 表格大小，可以用CSS控制
• align: 表格整体在页面中的对齐方式，left, center, right
• cellspacing:单元格之间的距离
• cellpadding:单元格内部边框与内容之间的距离

表头单元格<th>：指定某个单元格为表头，不用于某一行，而是放在tr里头
如下图所求。既可用于指定某行中的单元格为表头，也可用于指定列中的单元格为表头。

[图片上传失败...(image-44f724-1590108287644)]

单元格扩展

跨多行或多列，相应的在某个行或列中就不需要再多定义<td>，需删除。

• rowspan:指定<td>占据多少行，向下扩展
• colspan:指定<td>占据多少列，向右扩展

[图片上传失败...(image-c2c1fd-1590108287644)]

表格划分：head/body/foot

当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。如果不加，则全部作为表格主体。

• <thead>用于对表头内容分组，内部必须拥有 <tr> 标签。
• <tbody>对主体内容分组
• <tfoot>添加脚注，如统计行

列表标签

• <ul><li>：无序列表
• <ol><li>：有序列表
• <dl><dt><dd>：定义列表，即有1层嵌套的列表，dt用于综合概述，dd用于对dd进行详细的说明和解释，或者dd中的元素是与dt内相关联。

用途：定义首页二级菜单？

[图片上传失败...(image-6b661c-1590108287644)]