html基础（表格表签+列表标签）表格的基本语法表头单元格标签表格属性（放在table中间）表格结构标签合并单

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第4天，点击查看活动详情

<table>
    <tr>    <!--定义行-->
    <td>单元格内的文字</td>
    </tr>
</table>

1、是用户定义表格的标签

2、用于定义行

3、用于定义表格中的单元格

<tr>
    <th>姓名</th>
    <th>班级</th>
</tr>

一般不能位于表格第一行或者第一列，加粗居中显示

属性名属性值描述

align left\center\right 表格相对元素对齐方式

border "/"或" " 是否拥有边框，默认为" ",表示无边框

cellpadding 像素值规定单元边沿与其内容间的黑白默认像素

cellspacing 像素值规定单元格之间的黑白

width 像素值或百分比规定表格的宽度

<table>
    <thead>
        <tr><th>内容</th></tr>
    </thead>
    <tbody>
        <tr><td>内容</td></tr>
    </tbody>
</table>

表格的头部区域表格的主体区域

三部曲： 1、先确定跨行还是跨列合并

2、找到目标单元格，写上合并方式=合并的单元数量

例如：

3、删除多余的单元格

跨行合并：rowspan="合并单元格数量"

跨列合并：colspan="合并单元格数量"

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

1、各个表格项之间没有顺序级别之分，是并列的

2、在ul中只能嵌套li,不可直接在ul输入元素

3、在li可容纳任何元素

各个列表项按照顺序列表

<ol>
    <li>内容</li>
    <li>内容</li>
    <li>内容</li>
</ol>

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

html基础（表格表签+列表标签）