html image和表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="https://www.baidu.com/">
    <img src="1.jpg" title="风景图" style="height: 200px; 200px ;" alt="风景">
        </a>
    <ul>
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>

    </ul>
    <ol>
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>

    </ol>
    <dl>
        <dt>123</dt>
        <dt>123</dt>
        <dd>testing</dd>
        <dd>testing</dd>
        <dd>testing</dd>
        <dt>123</dt>
        <dd>testing</dd>
        <dd>testing</dd>
        <dd>testing</dd>
    </dl>
</body>
</html>
image
<!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>第二行第一列</td>
            <td>第二行第二列</td>

             <td ><a href="t6.html">查看详情</a></td>
             <td ><a href="#">修改</a></td>

        </tr>
    </table>

</body>
</htm
<!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>第二行第一列</td>
        <td>第二行第二列</td>

        <td><a href="t6.html">查看详情</a></td>
        <td><a href="#">修改</a></td>

    </tr>
</table>

<table border="1">
    <thead>
        <tr>
            <th>表头1</th>
            <th>表头2</th>
            <th>表头3</th>
            <th>表头4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td colspan="2">1</td>
            <td>1</td>

        </tr>

        <tr>
            <td rowspan="2">1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
    </tbody>
</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>第二行第一列</td>
        <td>第二行第二列</td>

        <td><a href="t6.html">查看详情</a></td>
        <td><a href="#">修改</a></td>

    </tr>
</table>

<table border="1">
    <thead>
        <tr>
            <th>表头1</th>
            <th>表头2</th>
            <th>表头3</th>
            <th>表头4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td colspan="2">1</td>
            <td>1</td>

        </tr>

        <tr>
            <td rowspan="2">1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
    </tbody>
</table>

</body>
</html>
表格

- image标签
                <a href="https://www.baidu.com/">
                    <img src="1.jpg" title="风景图" style="height: 200px; 200px ;" alt="风景">
                </a>
                src放路径,
                title鼠标放在图上显示“风景图”,
                style设置大小,
                alt图没有刷新出来显示“风景”
        - 列表
            ul
                li
            ol
                li
            dl
                dt
                dd

border代表加宽线

        - 列表
            ul
                li
            ol
                li
            dl
                dt
                dd
        - 表格
            table.
                thead
                    tr
                        th
                tbody
                    tr    
                        td
                colspan="" 横向合并单元格
                rowspan="" 竖向合并单元格

image有个1px的边框
原文地址:https://www.cnblogs.com/anhao-world/p/14043543.html