列表 表格标签

列表标签ol ul dl

什么是列表

是一种信息资源的展示形式，可以使信息结构化，条理化，并以列表的样式展现出来，以便浏览者能更快捷的获取相应信息

列表的分类：

有序列表

order list

前面是数字

<ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>

应用范围：试卷选项，问答

无序列表

un list

前面有小黑点

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

应用：网站导航栏，侧边栏

自定义列表

dl diylist

既没有数字，也没有小黑点，但是可以设置小标题

<dl>
    <dt>标题</dt>  
    <dd></dd>
    <dd></dd>
    <dd></dd>
</dl>

dl 标签

dt 标题/列表名称

dd 列表内容

应用范围：网站底部

表格标签table

为什么使用表格：简单通用，结构稳定

border="" 加边框

基本结构

单元格，行（row），列，跨行，跨列

行 tr 列td

跨列 colspan=“4” 跨四列 也就是把1-4列合并成一列

跨行 rowspan=“2”

	学生成绩 跨列
狂神	语文	100
跨行	数学	100
秦疆	语文	100
跨行	数学	100

<!--五行三列的表格-->
<table border="1px">
    <tr>
<!--        跨三列-->
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
<!--        跨两行-->
        <td rowspan="2">狂神</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
     <!-- 此处删掉了一行-->
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
<!--        跨两行-->
        <td rowspan="2">秦疆</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
    <!--   此处删掉了一行-->
        <td>数学</td>
        <td>100</td>
    </tr>
</table>

先判断几行几列 再逐行写