1.列表的使用和图片链接

<!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>Document</title>
</head>
<body>
    列表的使用1.无序列表使用的是ul：
    <ul>
        <li><a href="https://www.php.cn/"><img
                    src="https://img.php.cn/upload/aroundimg/000/000/068/62398180bdae8398.jpg" alt="PHPAPP下载"
                    width='300'></a></li>
        <li><a href="https://www.php.cn/k.html"><img src="https://www.php.cn/static/k20/images/baoming@2x.png"
                    width="300" alt="php培训班"></a></li>
        <li><a href="https://www.php.cn/course.html"><img
                    src="https://img.php.cn/upload/course/000/000/001/6296df1d179f3127.png" width="300" alt="培训视频"></a>
        </li>
    </ul>
    2.有序列表的使用是ol:
    <ol>
        <li><a href="https://www.woyaogexing.com/"><img
                    src="https://img2.woyaogexing.com/2022/07/05/46a98256c8ac935e!400x400.jpg" width="80" alt="头像"></a>
        </li>
        <li><a href="https://www.woyaogexing.com/"><img
                    src="https://img2.woyaogexing.com/2022/07/05/f39dad5b4d98a792!400x400.jpg" width="80" alt="头像"></a>
        </li>
        <li><a href="https://www.woyaogexing.com/"><img
                    src="https://img2.woyaogexing.com/2022/07/05/ea7de049521e39d9!400x400.jpg" width="80" alt="头像"></a>
        </li>
    </ol>
</body>
</html>
效果如下

" class="reference-link">

2.表格的单元格使用以及水平合并和垂直合并方法代码如下

<!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>Document</title>
</head>
<body>
    课程表代码
    <table width="500" border="1">
        <caption>课程表</caption>
        <thead>
            <tr>
                <th>时间</th>
                <th>周一</th>
                <th>周二</th>
                <th>周三</th>
                <th>周四</th>
                <th>周五</th>
            </tr>
        <tbody>
            <tr>
                <!-- rowspan:一般使用在垂直平合并 -->
                <td rowspan="3"> <center>上午</center></td>
                <td>科学</td>
                <td>语文</td>
                <td>语文</td>
                <td>数学</td>
                <td>美术</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>语文</td>
                <td>数学</td>
                <td>化学</td>
                <td>美术</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>数学</td>
                <td>语文</td>
                <td>体育</td>
                <td>化学</td>
            </tr>
            <tr>
                <!-- colspan;一般使用在水平合并 -->
                <td colspan="6">
                    <center>中午休息</center>
                </td>
            </tr>
            <tr>
                <td rowspan="3"><center>下午</center></td>
                <td>英语</td>
                <td>数学</td>
                <td>语文</td>
                <td>体育</td>
                <td>化学</td>
            </tr>
            <tr>
                <td>体育</td>
                <td>化学</td>
                <td>英语</td>
                <td>数学</td>
                <td>化学</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>数学</td>
                <td>语文</td>
                <td>体育</td>
                <td>化学</td>
            </tr>
        </tbody>
        </thead>
    </table>
</body>
</html>

Correcting teacher：

PHPz

Correction status：qualified

Teacher's comments：注释可用标签对，

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

0701markdown常用语法的使用和演示

2022-07-04 15:12:33