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>Document</title></head><body> <div class="nav" style="text-align: center;"> <li class="item"> <a href="https://apple.com.cn">图文列表一</a> <a href="https://apple.com.cn"><img src="https://www.apple.com.cn/v/ipad-air/q/images/overview/hero/main_ipad__d991v5y9hgom_large_2x.png" width="720px" height="480px" alt="" /></a> </li> <li class="item"> <a href="https://apple.com.cn">图文列表二</a> <a href="https://apple.com.cn"><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fphoto%2F2008-11-28%2F200811171716584237.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650124387&t=f23972ecc9ec1fb3853bff6586dc3da2" width="720px" height="480px" alt="" /></a> </li> <li class="item"> <a href="https://apple.com.cn">图文列表三</a> <a href="https://apple.com.cn"><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fstatic.lieyunwang.com%2Fupload2%2Ffile%2F202109%2F150653u2myzp.png&refer=http%3A%2F%2Fstatic.lieyunwang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650124387&t=d36800423f3e6765d470c360775a41ec" width="720px" height="480px" alt="" /></a> </li> </div></body></html>
2. 课程表
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> table{ border: 1px solid #ccc; border-collapse: collapse; text-align: center; } tr,th,td{ width: 80px; height: 30px; border: 1px solid #ccc; } </style> </head> <body> <table align="center"> <caption>课程表</caption> <thead> <tr> <th></th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> </thead> <tbody> <tr> <td rowspan="3">上午</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 rowspan="3">下午</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> </tbody> </table> </body></html>
