常用列表基础

最新推荐文章于 2024-09-14 22:18:26 发布

一天睡25小时

最新推荐文章于 2024-09-14 22:18:26 发布

阅读量55

点赞数 2

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/qq_63448336/article/details/131686329

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 有序列表
    type: 1 A a I i
        reversed: 倒序顺序
        start: 设置初始值
     -->
    <ol type="1">
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
     <!-- 无序列表
        type: disc 实心圆 默认
              circle 空心圆
              square 实心方框
    -->
    <ul type="square">
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <!-- 自定义列表 -->
    <dl>
        <dt>列表标题</dt>
        <dd>自定义列表</dd>
        <dd>自定义列表</dd>
        <dd>自定义列表</dd>
        <dd>自定义列表</dd>
        <dd>自定义列表</dd>
    </dl>
    <!-- 注意：ul/ol下只用li li可以套任意标签 -->

    <!-- 表格 
        table >  定义表格
        tr    >  定义行
        th    >  定义标题
        td    >  定义列

        rowspan: 合并行  使用时：值为几，就把对应几行的td删掉
        colspan: 合并列  使用时：值为几，就删除本行后的几个td
        bgcolor: 背景颜色

        给一行中任意一个列加高（height）属性，整行都是一个高，如果有冲突，按最大值撑开；
        给一列中任意一个行加宽（width）属性，整列都是一个宽，如果有冲突，按最大值撑开。
    -->
    <table border="1" align="center" width="600">
        <tr bgcolor="pink">
            <th>表格标题</th>
            <th>表格标题</th>
            <th>表格标题</th>
        </tr>
        <tr>
            <td>第一行第一列</td>
            <td>第一行第二列</td>
            <td>第一行第三列</td>
        </tr>
        <tr>
            <td>第二行第一列</td>
            <td>第二行第二列</td>
            <td>第二行第三列</td>
        </tr>
        <tr>
            <td>第三行第一列</td>
            <td>第三行第二列</td>
            <td>第三行第三列</td>
        </tr>
    </table>
</body>
</html>