Python学习记录W14-14：html的body内标签之图片与列表

最新推荐文章于 2023-06-11 03:34:08 发布

up1292

最新推荐文章于 2023-06-11 03:34:08 发布

阅读量348

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML学习笔记

本文链接：https://blog.youkuaiyun.com/up1292/article/details/81842110

HTML学习笔记专栏收录该内容

8 篇文章

订阅专栏

本文通过一个简单的HTML页面示例介绍了如何使用图片标签及不同类型的列表（无序列表、有序列表和定义列表）。展示了title和alt属性的作用，并提供了列表的具体用法。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img src="1.jpg" title="大美女" style="height:200px;width:200px;" alt="美女">
    <!--title：当鼠标移上去后显示提示-->
    <!--alt:当图片不显示时，显示-->

    <!--列表-->
    <ul>
        <li>test1</li>
        <li>test2</li>
        <li>test3</li>
        <li>test4</li>
    </ul>
    <!--
    ·test1
    ·test2
    ·test3
    ·test4
    -->

    <ol>
        <li>test1</li>
        <li>test2</li>
        <li>test3</li>
        <li>test4</li>
    </ol>
    <!--
    1.test1
    2.test2
    3.test3
    4.test4
    -->

    <dl>
        <dt>test1</dt>
        <dd>test2</dd>
        <dd>test3</dd>
        <dd>test4</dd>
    </dl>
    <!--
    test1
        test2
        test3
        test4
     -->
</body>
</html>