图文列表
<ul class="nav" style="display: flex; list-style: none"> <li class="item"> <a href="https://www.163.com"><img src="static/images/163.jpg" alt="" /></a> <a href="https://www.163.com">图文列表一</a> </li> <li class="item"> <a href="https://www.qq.com"><img src="static/images/qq.jpg" alt="" /></a> <a href="https://www.qq.com">图文列表二</a> </li> <li class="item"> <a href="https://www.sina.com.cn"><img src="static/images/sina.jpg" alt="" /></a> <a href="https://www.sina.com.cn">图文列表三</a> </li> </ul>
课程表
<!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="1" width="450" cellspacing="0" cellpadding="5" align="center"> <caption> <h2>课 程 表</h2> </caption> <thead bgcolor="#7ecef4"> <tr> <th>时间</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> </tr> </thead> <!-- 上午 --> <tbody> <tr> <td rowspan="4" bgcolor="#80c269">上 午</td> <td>PHP</td> <td>PHP</td> <td>PHP</td> <td>PHP</td> <td>PHP</td> </tr> <tr> <td>HTML5</td> <td>HTML5</td> <td>HTML5</td> <td>HTML5</td> <td>HTML5</td> </tr> <tr> <td>CSS</td> <td>CSS</td> <td>CSS</td> <td>CSS</td> <td>CSS</td> </tr> <tr> <td>JS</td> <td>JS</td> <td>JS</td> <td>JS</td> <td>JS</td> </tr> </tbody> <!-- 中午 --> <tbody> <tr align="center"> <td colspan="6" bgcolor="#ff0000">午 饭</td> </tr> </tbody> <!-- 下午 --> <tbody> <tr> <td rowspan="3" bgcolor="#f19ec2">下 午</td> <td>PHP</td> <td>HTML5</td> <td>CSS</td> <td>JS</td> <td>框架</td> </tr> <tr> <td>PHP</td> <td>HTML5</td> <td>CSS</td> <td>JS</td> <td>框架</td> </tr> <tr> <td>PHP</td> <td>HTML5</td> <td>CSS</td> <td>JS</td> <td>框架</td> </tr> </tbody> <!-- 表尾 --> <tfoot align="center" bgcolor="#ffff00"> <tr> <td>一周计划:</td> <td colspan="5">每天都要写完作业才能睡觉。</td> </tr> </tfoot> </table></body></html>
