html的表格和列表

qq_37694877

已于 2022-04-13 12:56:41 修改

阅读量299

点赞数 1

分类专栏： html 文章标签： html5

于 2022-04-13 12:52:04 首次发布

本文链接：https://blog.csdn.net/qq_37694877/article/details/124145397

版权

html 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

表格

rowspan是行合并
colspan是列合并
合并表格时先要使用rowspan和colspan后再将被合并的单元表进行删除

列表

无序列表和有序列表中的ul和ol中的孩子只能是li，但li中可以有其他的标签
自定义列表中dt和dd是并列关系

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>表格</title>
</head>
<body>
    <table align="center" border="1" cellpadding="20" cellspacing="0">
        <!--th会加粗居中-->
        <thead>
            <tr><th>第一格</th><th>第二格</th><th>第三格</th></tr>
        </thead>
        <tbody>
            <tr><td>第一格</td><td>第二格</td><td>第三格</td></tr>
            <tr><td>第一格</td><td>第二格</td><td>第三格</td></tr>
            <tr><td>第一格</td><td>第二格</td><td>第三格</td></tr>
        </tbody>
    </table>
    <br />
    <table align="center" border="1" cellpadding="20" cellspacing="0">
        <!--th会加粗居中-->
        <thead>
            <tr>
                <th></th>
                <th colspan="2"></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2"></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>
    <ul id="无序列表">
        <li>miao</li>
        <li>miao</li>
        <li>miao</li>
    </ul>
    <ol id="有序列表">
        <li>miao1</li>
        <li>miao2</li>
        <li>miao3</li>
    </ol>
    <dl id="自定义列表1">
        <dt>mao</dt>
        <dd>miao</dd>
        <dd>miao</dd>
    </dl>
    <dl id="自定义列表2">
        <dt>mao</dt>
        <dd>miao</dd>
        <dd>miao</dd>
    </dl>
</body>
</html>