图片列表
代码：
<!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>3.17学习</title><style type="text/css">a {text-decoration: none;}li { list-style: none;float: left;}img { align-items: center;}</style></head><body><div class="nav"><ui class="menu"><li><a href="https://www.php.cn/course/25.html"><img src="https://img.php.cn/upload/course/000/000/001/6221dba306f53195.png" alt="php"></img><p>php完全自学手册</p></a></li><li><a href="https://www.php.cn/course/26.html"><img src="https://img.php.cn/upload/course/000/000/068/6221dcb26d3d0122.png" alt=""></img><p>JavaScript中文参考</p></a></li><li><a href="https://www.php.cn/course/27.html"><img src="https://img.php.cn/upload/course/000/000/068/6221dcd6039fa852.png" alt=""></img><p>HTML 开发手册</p></a></li><li><a href="https://www.php.cn/course/1061.html"><img src="https://img.php.cn/upload/course/000/000/068/6221dcf989dc5296.png" alt=""></img><p>Laravel 5.8 中文文档</p></a></li></ui></div></body></html>
效果图
表格
代码：
<!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 class="xx" border="1px"><caption>课程表</caption><thead><tr><th></th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr></thead><tbody><tr><th>第一节</th><th>数学</th><th>英语</th><th>体育</th><th>语文</th><th>生物</th></tr><tr><th>第二节</th><th>语文</th><th>数学</th><th>语文</th><th>生物</th><th>数学</th></tr><tr><th>第三节</th><th>语文</th><th>语文</th><th>音乐</th><th>美术</th><th>数学</th></tr><tr><th>第四节</th><th>体育</th><th>数学</th><th>英语</th><th>英语</th><th>语文</th></tr></tbody><tfoot><tr><th>午休</th><th colspan="5"></th></tr></tfoot></table></body></html>
效果图