14-6

img标签
src
alt
title

列表标签
ul - li
ol - li
dl - dt dd

表格标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img src="1.jpg" style="height: 200px";width="200px">

    <a href="https://www.oldboyedu.com">
        <img src="1.jpg" style="height: 200px";width="200px">
    </a>

    <img src="1.jp" style="height: 200px";width="200px" alt="美女">

    <a href="https://www.oldboyedu.com">
        <img src="1.jpg" title="大美女" style="height: 200px";width="200px" alt="美女">
    </a>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li>qwert</li>
        <li>qwert</li>
        <li>qwert</li>
        <li>qwert</li>
    </ul>
    <ol>
        <li>qwert</li>
        <li>qwert</li>
        <li>qwert</li>
        <li>qwert</li>
    </ol>
    <dl>
        <dt>ttt</dt>
        <dd>ddd</dd>
        <dd>ddd</dd>
        <dd>ddd</dd>
        <dt>ttt</dt>
        <dd>ddd</dd>
        <dd>ddd</dd>
        <dd>ddd</dd>
    </dl>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>第一行,第1列</td>
            <td>第一行,第2列</td>
            <td>第一行,第3列</td>
        </tr>
        <tr>
            <td>第二行,第1列</td>
            <td>第二行,第2列</td>
            <td>第二行,第3列</td>
        </tr>
    </table>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>主机</td>
            <td>端口</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>1.1.1.1</td>
            <td>80</td>
            <td>
                <a href="3.html">查看详细</a>
                <a href="4.html">修改</a>
            </td>
        </tr>
    </table>
</body>
</html>

 

上一篇:Python 将两个列表转换成字典最快的方式


下一篇:软件工程第二次作业