图文列表
图文列表案例
图文列表代码
php <ul class="nva" style="display: flex; list-style: none">
<li class="itme">
<a href="https://www.2345.com"><img src="img/erji1.jpg" alt="dog" /></a
><br />
<a>商品1</a>
</li>
<li class="itme">
<a href="https://www.hao123.com"
><img src="img/erji2.jpg" alt="cat"
/></a>
<br />
<a style="">商品2</a>
</li>
<li class="itme">
<a href="https://www.baidu.com"
><img src="img/erji5.png" alt="duck"
/></a>
<br />
<a style="">商品3</a>
</li>
</ul>
图文示例
课程表
图文列表代码
<!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>
<table border="1" width="400">
<caption><h3>光谷一小课程表</h3>
</caption>
<!-- 表头 thead-->
<thead>
<tr>
<th>分类</th>
<th>第几节课</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<!-- 主体 tody-->
<body>
<tr>
<td rowspan="4">上午</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td colspan="1">午休</td>
<td colspan="8"></td>
</tr>
<tr>
<td rowspan="4">下午</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</body>
</tfoot>
</table>
</body>
</html>
表格示例