一、学习内容
1、表格标签可以更加清晰的展示数据,增强可读性
<table></table>定义表格标签
<tr></tr> 标签用于定义表格中的行(table row),要嵌套在<table></table>标签中
<td></td>标签用于定义行中的单元格(table data), 必须嵌套在<tr></tr>标签中
<th></th>标签定义行中的内容是否是表头内容,表头的内容会加粗并且居中对齐
align 规定表格的相对于周围元素的水平对齐方式
border 固定表格的是否拥有边框,默认是没有的
width 固规定表格的宽度
height 规定表格的高度
cellpadding 控制单元格内容和单元格边框之间的距离(一般会设置为0)
cellpadding 控制单元格内容和单元格边框之间的距离(一般会设置为0)
表格标签中,用<thead></thead>来确定表头区域、用<tbody></tbody>来确定表格的主体区域,这样能让表格的结构更加清晰,也方便后期使用JS来获取表格中的内容。
合并单元格的步骤:
1、找到目标单元格
2、确定是跨行还是跨列合并
跨行合并 rowspan=“被合并单元格的个数”, 合并单元格的个数最少是2
跨列合并 colspan=“被合并单元格的个数”,合并单元格的个数最少是2
3、将被和合并的单元格删除掉
列表标签分为无序标签、有序标签、自定义列表
二、遇到的问题:无
|