图片/链接/列表
<!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>图片/链接/列表</title> </head> <body> <!-- 图片 --> <img src="https://img.php.cn/upload/course/000/000/015/619c846558257945.jpg" alt="公益直播" /> <img src="https://img.php.cn/upload/course/000/000/048/6101014ce7756479.jpg" alt="Uniapp" /> <img src="https://img.php.cn/upload/course/000/000/015/61500a97859e7795.jpg" alt="通用后台管理" /> <!-- 链接 --> <ul class="menu"> <li><a href="https://php.cn/course/1341.html">公益直播 | 基于TP6的门店排号系统</a></li> <li><a href="https://php.cn/course/1224.html">Uniapp简爱读书项目开发--第一季</a></li> <li><a href="https://php.cn/course/1289.html">通用后台管理系统实战开发（Thinkphp6+Layui）</a></li> </ul> <!-- 列表 --> <!-- 无序列表 --> <ul> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> </ul> <!-- 有序列表 --> <ol> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> </ol> </body></html>
课程表
|
星期一 |
星期二 |
星期三 |
星期四 |
星期五 |
| 第1节 |
xxx |
xxx |
xxx |
xxx |
xxx |
| 第2节 |
xxx |
xxx |
xxx |
xxx |
xxx |
| 第3节 |
xxx |
xxx |
xxx |
xxx |
xxx |
| 第4节 |
xxx |
xxx |
xxx |
xxx |
xxx |
|
|
午 |
休 |
|
|
| 第5节 |
xxx |
xxx |
xxx |
xxx |
xxx |
| 第6节 |
xxx |
xxx |
xxx |
xxx |
xxx |
| 第7节 |
xxx |
xxx |
xxx |
xxx |
xxx |
| 第8节 |
xxx |
xxx |
xxx |
xxx |
xxx |
<!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>课程表</title> </head> <body> <table border="2" width="400"> <caption> <h2>课程表<h2/> </caption> <!-- 先行后列 --> <thead> <tr> <th></th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> </thead> <tbody align="center"> <tr> <td>第1节</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> </tr> <tr> <td>第2节</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> </tr> <tr> <td>第3节</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> </tr> <tr> <td>第4节</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> <td>xxx</td> </tr> <tr> <td colspan="6">午 休</td> <!-- 水平合并 colspan="5" 5代表几行，垂直方向: 行方向rowspan="5" 5代表几列 --> </tr> <tr> <td>第5节</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> </tr> <tr> <td>第6节</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> </tr> <tr> <td>第7节</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> </tr> <tr> <td>第8节</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> <td>x</td> </tr> </tbody> </table> </body></html>
