2—HTML表格标签、表头单元格标签、表格结构标签、合并单元格、列表标签（无序列表、有序列表、自定义列表）

表格标签

表格的基本语法

<table>
    <tr>
        <td></td>
        ...
    </tr>
    ...
</table>

1. <table></table>是用于定义表格的标签

2. <tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中
3. <td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签
4. 字母td指表格数据，即数据单元格的内容

表头单元格标签

一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示

<th>标签表示HTML表格的表头部分

<table>
    <tr>
        <th></th>
        ...
    </tr>
    ...
</table>

表格的相关属性

表格属性都写到<table>标签里面

属性名	属性值	描述
align	left、center、right	规定表格相对周围元素的对齐方式
border	1或""	规定表格单元是否拥有边框，默认为"",表示没有边框
cellpadding	像素值	规定单元边与内容之间的空白，默认1像素
cellspacing	像素值	规定单元格之间的空白，默认2像素,最好是0像素
width、height	像素值或百分比	规定表格的宽度、高度

表格结构标签

    在表格标签中，<thead>标签表示表格的头部区域，<tbody>标签表示表格的主体区域

   <table>
        <thead>
            <tr>
                <td></td>

            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
            </tr>
        </tbody>
    </table>

1. <thead></thead>：用于定义表格的头部，<thead>内部必须拥有<tr>标签，一般是位于第一行
2. <tbody></tbody>：用于定义表格的主体，主要用于放数据本体
3. 以上标签都是放在<table></table>标签中

合并单元格

合并单元格方式

• 跨行合并：rowspan="合并单元格的个数"
• 跨列合并：colspan="合并单元格的个数"

合并单元格三部曲

1. 先确定是跨行还是跨列合并
2.  找到目标单元格，写上合并方式=合并的单元格数量 
3. 删除多余的单元格

<td colspan="2"></td>

列表标签

1.无序列表

<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义

<ul>
            <li>列表1</li>
            <li>列表2</li>
            <li>列表3</li>
            <li>列表4</li>
 </ul>

1.  无序列表的各个列表项之间没有顺序级别之分，是并列的
2. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字是不行的
3. <li>与</li>之间相当于一个容器，可以容纳所有元素
4. 无序列表会带有自己的样式属性，但在实际使用时，会用CSS设置

2.有序列表

<ol>标签表示HTML页面中项目的有序列表，列表排序以数字来显示，使用<li>标签定义

<ol>
            <li>列表1</li>
            <li>列表2</li>
            <li>列表3</li>
            <li>列表4</li>
</ol>

1.  <ol></ol>中只能嵌套<li></li>,直接在<ol></ol>标签中输入其他标签或者文字是不行的
2. <li>与</li>之间相当于一个容器，可以容纳所有元素
3. 有序列表会带有自己的样式属性，但在实际使用时，会用CSS设置

3.自定义列表

<dl>标签用于定义描述列表（或定义列表），该标签会与<dt>(定义项目/名字)和<dd>（描述每一个项目/名字）一起使用

<dl>
            <dt>名词</dt>
            <dd>名词解释1</dd>
            <dd>名词解释2</dd>
            <dd>名词解释3</dd>
 </dl>

1. <dl></dl>里面只能包含<dt>和<dd>
2. <dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>