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>0704作业</title></head><body> <h1>1.图文列表</h1> <!-- 列表的使用1.无序列表使用的是ul： --> <h3>效果图</h3> <ul> <li> <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/62b2ea11e0283309.png" alt="php8，我来也" width="200"></a> </li> <li> <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d15e4bb6a476.png" alt="细说PHP(2021版)第一季" width="200"></a> </li> <li><a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d615cfed6344.png" alt="PHP留言板设计" width="200"></a></li> </ul> <!-- 列表的使用2.有序列表使用是ol： --> <ol> <li> <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/62b2ea11e0283309.png" alt="php8，我来也" width="200"></a> </li> <li> <a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d15e4bb6a476.png" alt="细说PHP(2021版)第一季" width="200"></a> </li> <li><a href="https://www.php.cn"><img src="https://img.php.cn/upload/course/000/000/068/6253d615cfed6344.png" alt="PHP留言板设计" width="200"></a></li> </ol></body></html>
2.课程表
<!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>0704作业</title></head><body> <table width="600" border="1"> <!-- 头部 --> <thead> <tr bgcolor="lightgreen"> <th colspan="7">php培训课程表</th> </tr> </thead> <thead> <tr> <td rowspan="4" bgcolor="cyan">上午</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 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> <!-- 表尾 --> <tfoot> <tr> <td colspan="7" bgcolor="lightblue">中午12点放学 - 下午14点上课</td> </tr> </tfoot></body></html>
