图文列表与课程表
16lz
2022-03-19
图文列表
图文列表案例
图文列表代码
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>
表格示例
更多相关文章
- Android(安卓)ApiDemos示例解析(178):Views->Lists->11. Multipl
- android VoiceRecognition 语音识别并打印到列表上
- Markdown常用语法练业作业
- Markdown的使用
- 图文列表+课程表
- 1. 使用图片,链接,列表,写一个图文列表 2. 使用表格写一个课程表
- markdown的基本操作
- vscode及插件,学习markdown语法,html文档说明
- 学习第一天