图片/链接/列表/表格-简单写法
16lz
2022-03-21
图片/链接/列表
<!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>
更多相关文章
- HTML图片列表及表格制作课程表
- 表格/图片/链接/列表
- Android应用开发——TextView控件属性列表
- 图 链接 列表
- HTML图文列表
- 图文列表与课程表代码实现
- 图文列表与课程表
- 图文列表和表格（商品表）
- 表格/图片/链接/列表