演示图片、链接、列表元素 -

演示图片、链接、列表元素

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>图片、链接、列表元素</title>
    </head>
    <body>
        <!--1. 图片-->
        <div>
            <img src="https://img.php.cn/upload/course/000/000/068/6396fa6140e14800.png" alt="这是图片">
        </div>
        <!--2. 链接-->
        <a href="https://www.php.cn/" target="_blank">php中文网</a>
        <!--3. 列表元素-->
        <!--3.1. 有序列表-->
        <ol>
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
        </ol>
        <!--3.2. 无序列表-->
        <ul>
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
        </ul>
        <!--3.3. 自定义列表-->
        <dl>
            <!--标题-->
            <dt>标题</dt>
            <!--内容描述-->
            <dd></dd>
        </dl>
    </body>
</html>