html知识点：#表格 #列表

最新推荐文章于 2023-01-15 17:28:53 发布

young_Emily

最新推荐文章于 2023-01-15 17:28:53 发布

阅读量580

点赞数

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

本文链接：https://blog.csdn.net/young_Emily/article/details/75219955

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

table 表格

    <body>
        <table border="1">
            <!-- 横板表头 -->
            <caption>横板表头</caption> 
            <tr>
                <th>序号</th>
                <th colspan="2">姓名年级</th>
            </tr>
            <tr>
                <td>1</td>
                <td>张三实</td>
                <td>1996级</td>
            </tr>
                <td>2</td>
                <td>李四</td>
                <td>2013级</td>
            <tr>
            </tr>
            <tr>
                <td>3</td>
                <td>王晓宇</td>
                <td>&nbsp;</td>
            </tr>
            <!-- 竖版表头 -->
            <tr>
                <th>第一行</th>
                <td>1</td>
                <td>张三实</td>
                <td>1996级</td>
            </tr>
                <th rowspan="3">第二三行</th>
                <td>2</td>
                <td>李四</td>
            <tr>
            </tr>
            <tr>
                <td>3</td>
                <td>王晓宇</td>
            </tr>
        </table>
    </body> 
    <!--cellpadding表示表格中的文字与边框的距离-->

这里写图片描述

列表：
    无序列表
    无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
    去掉圆点：li{list-style：none；}
    <ul>
        <li>Coffee</li>
        <li>Milk</li>
    </ul>    去掉ul的默认样式：padding-left：0；margin:0;
    有序列表
    <ol>
        <li>Coffee</li>
        <li>Milk</li>
    </ol>
    定义列表
    自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始
    <dl>
        <dt>Coffee</dt>
        <dd>Black hot drink</dd>
        <dt>Milk</dt>
        <dd>White cold drink</dd>
    </dl>

young_Emily

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html知识点：#表格 #列表

table 表格 <body> <table border="1">  <caption>横板表头</caption> <tr> <th>序号</th> <th colspan="2">姓名年级</th>
复制链接

扫一扫