学习博客：【HTML】列表、表格

最新推荐文章于 2024-05-31 09:42:54 发布

「已注销」

最新推荐文章于 2024-05-31 09:42:54 发布

阅读量197

点赞数

分类专栏：前端 # HTML 文章标签：学习 html5

本文链接：https://blog.csdn.net/Aurinko324/article/details/123830330

版权

前端同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

HTML

6 篇文章 0 订阅

订阅专栏

列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<body>

<!--有序列表
试卷  问答
-->
<ol>
    <li>Java</li>
    <li>Python</li>
    <li>PHP</li>
    <li>Linux</li>
    <li>Windows</li>
    <li>Mac</li>
</ol>

<hr/>

<!--无序列表
导航 侧边栏
-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>PHP</li>
    <li>Linux</li>
    <li>Windows</li>
    <li>Mac</li>
</ul>

<!--自定义列表
dt:列表名称
dd:列表内容

公司网站底部
-->
<dl>
    <dt>学科</dt>

    <dd>Java</dd>
    <dd>Python</dd>
    <dd>PHP</dd>
    <dd>Linux</dd>
    <dd>Windows</dd>
    <dd>Mac</dd>

    <dt>位置</dt>

    <dd>北京</dd>
    <dd>上海</dd>
    <dd>广州</dd>

</dl>

</body>
</html>

表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习</title>
</head>
<body>
<!--表格table
行 tr
列 td
-->

<table border="1px">
    <tr>
        <!--colspan 跨列-->
        <td colspan="8" align="center">课程表</td>
    </tr>

    <tr>
        <td></td>
        <td>周一</td>
        <td>周二</td>
        <td>周三</td>
        <td>周四</td>
        <td>周五</td>
        <td>周六</td>
        <td>周日</td>
    </tr>

    <tr>
        <!--rowspan 跨行-->
        <td rowspan="3">上午</td>
    </tr>


    <tr>
        <td>数学</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>

    <tr>
        <td>  </td>
        <td>语文</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>

    <tr>
        <td rowspan="2">下午</td>
        <td>数学</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>

    </tr>

    <tr>
        <td>物理</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>

</table>



</body>
</html>

在这里插入图片描述

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习博客：【HTML】列表、表格

列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表学习</title></head><body><ol> <li>Java</li> <li>Python</li>
复制链接

扫一扫