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>图文列表</title></head><body> <style type="text/css"> li{ list-style: none; margin: 0; padding: 1px;; float: left; width: 30%; height: 30%; } p{ margin: 0 auto; text-align: center; } </style> <ul> <li> <a><img src="https://www.php.cn/static/images/examples/phpkjkf.png" alt="一张图片"></a> <p><a href="#">一张图片</a></p> </li> <li> <a><img src="https://www.php.cn/static/images/examples/phpkjkf.png" alt="一张图片"></a> <p><a href="#">一张图片</a></p> </li> <li> <a><img src="https://www.php.cn/static/images/examples/phpkjkf.png" alt="一张图片"></a> <p><a href="#">一张图片</a></p> </li> </ul></body></html>
图文列表截图
2.课程表
课程表截图
代码
<!DOCTYPE html><html lang="zh-CN"><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="1px" cellpadding="0" cellspacing="0" style="margin:0 auto; width:600px; text-align: center;line-height: 20px; border-color: blue;"> <tbody > <h1 style="margin: 0 auto; text-align: center;">苏州市常清中学七年级课程表</h1> <tr> <th>时间</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> </tr> <tr> <td rowspan="4">上午</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> <td>语文</td> <td>英语</td> <td>化学</td> <td>数学</td> <td>语文</td> </tr> <tr> <td colspan="6">午休 （11:30~14:00）</td> </tr> <tr> <td rowspan="4">下午</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> <td>政治</td> <td>体育</td> <td>历史</td> <td>体育</td> <td>自习</td> </tr> <tr> <td>备注</td> <td colspan="5">因疫情防控需要 所有学生在家网课</td> </tr> </tbody> </table></body></html>
