一、使用列表、图片制作一个图文列表或者导航
<!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> <ol> <li><a href="https://www.php.cn/course/1426.html"><img src="https://img.php.cn/upload/course/000/000/068/629723b6eb410512.png" alt="TypeScript全面解读课程" width="200"> TypeScript全面解读课程</a></li> <li><a href="https://www.php.cn/course/1419.html"><img src="https://img.php.cn/upload/course/000/000/068/6282079ba5097121.jpg" alt="PHP上传文件—入门到实战系列必学教程" width="200">PHP上传文件—入门到实战系列必学教程</a> </li> <li><a href="https://www.php.cn/course/1418.html"><img src="https://img.php.cn/upload/course/000/000/068/627e50fae9f42783.jpg" alt="极限编程—程序员修炼之道" width="200">极限编程—程序员修炼之道</a></li> </ol></body></html>
二、使用表格元素制作课程表
<!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> <tbody> <tr bgcolor="red"> <td align="center">时 间</td> <td align="center">星期一</td> <td align="center">星期二</td> <td align="center">星期三</td> <td align="center">星期四</td> <td align="center">星期五</td> </tr> <tr align="center"> <td>08:00-08:45</td> <td>语文</td> <td>语文</td> <td>语文</td> <td>语文</td> <td>语文</td> </tr> <tr align="center"> <td>09:00-09:45</td> <td>数学</td> <td>数学</td> <td>数学</td> <td>数学</td> <td>数学</td> </tr> <tr align="center"> <td>10:00-10:45</td> <td>外语</td> <td>外语</td> <td>外语</td> <td>外语</td> <td>外语</td> </tr> <tr align="center"> <td>11:00-11:45</td> <td>音乐</td> <td>音乐</td> <td>音乐</td> <td>音乐</td> <td>音乐</td> </tr> <tr align="center"> <td>12:00-14:00</td> <td colspan="5">午休</td> </tr> <tr align="center"> <td>14:00-14:45</td> <td>体育</td> <td>体育</td> <td>体育</td> <td>体育</td> <td>体育</td> </tr> <tr align="center"> <td>15:00-15:45</td> <td>美术</td> <td>美术</td> <td>美术</td> <td>美术</td> <td>美术</td> </tr> <tr align="center"> <td>16:00-16:45</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> <td>自习</td> </tr> <tr> <td colspan="6">备注：</td> </tr> </tbody> </table></body></html>
