图文列表与课程表代码实现
16lz
2022-03-19
图文列表
代码展示
<!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>
<ui style="display:flex;list-style: none">
<li><a href="https://www.php.cn/" target="_blank"><img src="./img/1.gif" alt="丸子"><p></p></a></li> 
<li><a href="https://www.php.cn/" target="_blank"><img src="./img/1.gif" alt="丸子"><p></p></a></li> 
<li><a href="https://www.php.cn/"target="_blank"><img src="./img/1.gif" alt="丸子"><p></p></a></li> 
</ui>
</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 align="center" border="1" width="500" height="350" cellspacing="0.3" cellpadding="5">
<thead>
<caption style="margin: 10px;">
<b>合肥市南门小学六年级课程表</b>
</caption>
</thead>
<tbody>
<tr bgcolor="#e5e5e5">
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
<tr>
<td rowspan="4" bgcolor="#e4f4f7">上午</td>
<td>数学</td>
<td>语文</td>
<td>语文</td>
<td>英语</td>
<td>体育</td>
</tr>
<tr>
<!-- <td></td> -->
<td>语文</td>
<td>法制</td>
<td>科学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<!-- <td></td> -->
<td>音乐</td>
<td>语文</td>
<td>英语</td>
<td>电脑</td>
<td>数学</td>
</tr>
<tr>
<!-- <td></td> -->
<td>数学</td>
<td>数学</td>
<td>语文</td>
<td>语文</td>
<td>音乐</td>
</tr>
<tr>
<td colspan="6" align="center">中午休息</td>
<!-- <td></td>
<td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
<tr>
<td rowspan="3" bgcolor="#e4f4f7">下午</td>
<td>数学</td>
<td>语文</td>
<td>英语</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<!-- <td></td> -->
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<!-- <td></td> -->
<td>英语</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tfoot>
<tr bgcolor="#e5e5e5" align="center">
<td>备注:</td>
<td colspan="5">每天下午15:30-17:30在校写完作业才可回家</td>
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
</tfoot>
</tbody>
</table>
</body>
</html>
更多相关文章
- markdown的常用语法
- 图文列表+课程表
- 12月22日课程表作业
- 表格与表单
- JS初识变量及函数学习
- 一个简易的课程表和注册表单
- 前端html基础知识之图片/链接/列表和表单
- 表格和表单的应用
- html常用标签之表格、表单的学习