Visual Studio Code ：Web前端——列表、表格

最新推荐文章于 2024-03-06 01:26:43 发布

xubinger2021

最新推荐文章于 2024-03-06 01:26:43 发布

阅读量4.4k

点赞数 2

文章标签： html 列表

本文链接：https://blog.csdn.net/m0_58822294/article/details/117472818

版权

本文介绍了如何在Visual Studio Code中使用HTML进行列表和表格的创建。内容包括HTML列表标签的掌握，如有序、无序和定义列表，以及HTML表格的使用。通过《列表标签》和《小说排行榜》两个练习，帮助读者巩固这些知识点，并展示了练习的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【前提】
掌握HTML列表标签
掌握HTML表格标签
【要求】
完成《列表标签》练习
完成《小说排行榜》练习
【效果】
《列表标签》练习效果图如下：
在这里插入图片描述

小说排行榜练习效果如下：
在这里插入图片描述
【知识补充】
HTML列表
HTML 支持有序、无序和定义列表

HTML 有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于标签。每个列表项始于标签。有序列表适合各项目之间存在顺序关系的情况
在这里插入图片描述
HTML表格

【代码】
《列表标签》练习代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表标签</title>
</head>
<body>
    <h1>搜索引擎排名</h1>
    <p>
        <ol>
            <b><li>Google</li></b>
            <b><li>Baidu</li></b>
            <b><li>Bing</li></b>
            <b><li>Sogou</li></b>
        </ol>
    </p>
    <h1>软件编程语言</h1>
    <p>
        <ul>
            <b><li>Java</li></b>
            <b><li>C++</li></b>
            <b><li>Python<

最低0.47元/天解锁文章