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>
<!-- .默认class ;#默认id -->
<div id="box">一个纸盒子</div>
<div class="paper">里面藏着几张图片</div>
<div class="glass">有一张里面是个小动物</div>
<!-- 使用图片 -->
<img src="images/images/飞鸟.png" alt="飞鸟" />
<br />
<!-- 链接-->
<a href="https://699pic.com/tupian-502380791.html">点开一张网上的图片 </a>
<hr />
<!-- 一个列表"ul>li*3{标签$}" -->
<ul>
<li>标签1</li>
<li>标签2</li>
<li>标签3</li>
</ul>
<!-- 一个图文列表 ul.nav>li.item*3>img src="{link$} -->
<ol class="nav">
<li class="item"><img src="images/images/小鸡.jpg" alt="小鸡" /></li>
<a href="">小鸡</a >
<li class="item"><img src="images/images/小狗.jpg" alt="小狗" /></li>
<a href="">小狗</a >
<li class="item"><img src="images/images/小猫.jpg" alt="小猫" /></li>
<a href="">小猫</a >
</ol>
<hr />
</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 border="1">
<caption>
课 程 表
</caption>
<thead>
<tr>
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
</thead>
<tbody>
<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>
<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" bgcolor="lightgreen" style="text-align: center">中午休息</td>
<!-- <td>item</td> <td>item</td> <td>item</td> <td>item</td> <td>item</td> -->
</tr>
<tr>
<td rowspan="3" 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>
<td>数学</td>
</tr>
<tr>
<!-- <td>下午</td> -->
<td>语文</td>
<td>英语</td>
<td>历史</td>
<td>生物</td>
<td>科学</td>
</tr>
<!-- 表尾 -->
<tfoot>
<tr>
<td bgcolor="lightgreen">备注</td>
<td colspan="6" bgcolor="lightgreen" style="text-align: center">在校完成作业才能回家</td>
<!-- <td>x</td> <td>x</td> <td>x</td> -->
</tr>
</tfoot>
</tbody>
</table>
</body>
</html>
更多相关文章
- HTML图片列表及表格制作课程表
- 表格/图片/链接/列表
- 表格标签演示之课程表
- 图文列表和表格（课程表）
- 图文列表与课程表代码实现
- HTML入门学习之表格制作课程表实战练习
- 表格/图片/链接/列表
- markdown的常用语法
- 图文列表+课程表