1、学习内容
表格标签 作用:可以更加清晰的展示数据,增强可读性。基本语法:<table></table>定义表格标签、<tr></tr>标签用于定义表格中的行(table row),要嵌套在<table></table>标签中 、 <td></td>标签用于定义行中的单元格(table data), 必须嵌套在<tr></tr>标签中、<th></th>标签定义行中的内容是否是表头内容,表头的内容会加粗并且居中对齐。 的表格的结构标签 表格标签中,用<thead></thead>来确定表头区域、用<tbody></tbody>来确定表格的主体区域,这样能让表格的结构更加清晰,也方便后期使用JS来获取表格中的内容。 合并单元格 合并单元格的步骤: 1、找到目标单元格。 2、确定是跨行还是跨列合并( 跨行合并 rowspan=“被合并单元格的个数”, 合并单元格的个数最少是2、 跨列合并 colspan=“被合并单元格的个数”,合并单元格的个数最少是2) 3、将被和合并的单元格删除掉。 列表标签 无序列表(1、无序列表的各个列表项之间是没有级别之分、 2、<ul></ul>标签中只能嵌套<li></li>标签,不允许嵌套其他的标签、 3、<li></li>相当于一个盒子或者容器,可以容纳所有的元素、 4、无序列表有自己本身的样式 后期可以通过CSS处理掉。) 有序列表( 1、有序列表的各个列表项之间是有级别之分,会有数字标识。 2、<ol></ol>标签中只能嵌套<li></li>标签,不允许嵌套其他的标签。 3、<li></li>相当于一个盒子或者容器,可以容纳所有的元素。 4、有序列表有自己本身的样式 后期可以通过CSS处理掉) 自定义列表(1、<dl></dl>标签用于定义一个自定义列表。2、 <dt></dt>标签定义项目/名字。3、<dd></dd>标签来定义对项目的解释/描述。4、 一般情况下一个<dl></dl>标签中只能放一个<dt></dt>,但是可以有多个<dd></dd>)
)
|