<!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>
<h2>heelo</h2>
</head>
<body>
<div class="header"></div>
<h1>网站管理后台</h1>
<div><span>admin<a href="">退出</a></span></div>
<ul class="nva">
<li><a href="demo3.html">菜单1</a></li>
<li><a href="demo3.html">菜单2</a></li>
<li><a href="demo3.html">菜单3</a></li>
</ul>
<iframe srcdoc="<p>请点击左侧菜单栏打开</p>" name="content" frameborder="0"></iframe>
<a href="https://www.baidu.com" class="href"><img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度一下" class="src"></a>
<ol>
<li>美国：113</li>
<li>中国：123</li>
<li>日本：232</li>
</ol>
<h3>购物车</h3>
<ul>
<li>美国：999</li>
<li>日本：233</li>
<li>韩国：223</li>
</ul>
<!--ul.menu>li.item*5>a{item$} > 代表层级关系-->
<ul class="menu" style="display:flex;place-content: space-around;">
<li class="item"><a href="">首页</a></li>
<li class="item"><a href="">教学视频</a></li>
<li class="item"><a href="">社区问答</a></li>
<li class="item"><a href="">资源下载</a></li>
<li class="item"><a href="">关于我们</a></li>
</ul>
<nav class="menu" style="display:flex;place-content: space-around;">
<a href="">item1</a>
<a href="">item2</a>
<a href="">item3</a>
<a href="">item4</a>
<a href="">item5</a>
</nav>
<dl style="display:grid;grid: template columns 3em;">
<dt>地址1</dt>
<dt>地址2</dt>
<dt>地址3</dt>
<dt>地址4</dt>
<dt>地址5</dt>
</dl>
<thead>
<tr bgcolor="red">
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td>item4</td>
<td>item5</td>
</tr>
</thead>
<!--设置间距 以及线-->
<table width="300" border="1">
<caption>表格标题</caption>
<tbody>
<tr bgcolor="red">
<td>item1</td>
<!--col span 合并行数-->
<td colspan="3">item2</td>
<td>item5</td>
</tr>
<tr>
<td>item1</td>
<!--合并行数-->
<td bgcolor="violet" rowspan="2">item2</td>
<td>item3</td>
<td>item4</td>
<td>item5</td>
</tr>
<tr>
<td>item1</td>
<!--合并需要注释-->
<!--<td>item2</td>-->
<td>item3</td>
<td>item4</td>
<td>item5</td>
</tr>
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td>item4</td>
<td>item5</td>
</tr>
</tbody>
</table>
<!--可以有多个tbody表格主体-->
<br><br><br><br><br>
<table width="450" cellspacing="0" border="1">
<tbody>
<th bgcolor="" colspan="6" align="center">中国中小学课程表</th>
<tr>
<td>时间</td>
<td>星期1</td>
<td>星期2</td>
<td>星期3</td>
<td>星期4</td>
<td>星期5</td>
</tr>
<!--第一列占用-->
<td rowspan="5">上午</td>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<!--中午休息-->
<th bgcolor="violet" colspan="6" align="center">中午休息</th>
<tr>
<td rowspan="5">中午</td>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
<tr>
<td>数学1</td>
<td>数学2</td>
<td>数学3</td>
<td>数学4</td>
<td>数学5</td>
</tr>
</tfoot>
<th>备注：</th>
<th colspan="5">每天下午15：30-17：30 在校写作业</th>
</tfoot>
</table>
</body>
</html>