html列表与表格

一个小小的博主每天为大家分享笔记，回顾基础知识
大家可以❤点点关注，收藏专栏❤每天温故而知新❀

一，列表

列表可分为 有序列表 和 无序列表 下面来了解一下列表的具体使用方法

1.如何创建一个有序列表

<ol type='符号类型'>
	<p>type可设置符号类型，数字，大小写英文，或罗马字母</p>
    <li>点赞</li>
    <li>收藏</li>
    <li>加关注</li>
</ol>

运行结果：

1. 点赞
2. 收藏
3. 加关注

2.如何创建一个无序列表

<ul tyep='disc'|'ciecle'|'square'>
	<p>type可设置加重符号</p>
    <li>点赞</li>
    <li>收藏</li>
    <li>加关注</li>
</ul>

运行结果

• 点赞
• 收藏
• 加关注

二，表格

使用table标签来创建一个标签
其优点：简单通用，结构稳定。

我们都知道表格有行有列，那么我们就使用
行的标签创建行
表项标签创建列

创建一个三行四列的标签

<table border="2">
<caption>三行四列表格</caption>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
               
    </table>

如下：

三行四列表格

table属性简介：

• border:定义表格边框的粗细
• width:定义表格的宽度
• height:定义表格的高度
• cellspacing:定义表格中没格之间的间隙
• cellpadding:定义表项内部空白

其中还有两个比较重要的属性：

rowspan=“n” 定义表格上下行合并
colspan="n"定义表格左右列合并

❤最后补充三个分组标签：
表格数据的分组标签包括thead，tbody，tfooter，主要用于对报表数据进行逻辑分组。其中thead标签对应报表的页眉，即表格的头部；tbody标签对应报表的数据主体，即报表详情描述；tfooter对应报表的页脚。即对各数据进行汇总的部分。

<thead>表格头部</thead>
<tbody>表格数据主题</tbody>
<tfooter>表格页脚</tfooter>

❤建议收藏专栏哦，每天记得回顾学过的知识。
温故而知新，可以为师矣！

❤你们的鼓励就是我的动力