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>效果如下
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>
