简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 3.20作业
Blogger Information
Blog 14
fans 0
comment 0
visits 8871
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3.20作业
大熊的php博客
Original
523 people have browsed it

首页代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站后台管理</title>
</head>
<body>
<table border="0" cellspacing="1" cellpadding="5" width="960">
<!-- 顶部 -->
<tr height=60>
<td colspan="2">
<iframe src="inc/head.html" name="top" height="70"  width="100%" frameborder="0" scrolling="no"></iframe>
</td>
</tr>

<!-- 我是一条风骚的分隔线 -->
<tr><td width="100%" colspan="2"><hr></td></tr>

<!-- 中间主体:分左右二栏 -->
<tr>
<!-- 左边菜单栏 -->
<td>
<iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" scrolling="no"></iframe>
</td>
<!-- 右边内容区 -->
<td>
<iframe src="inc/right.html" name="right" height="600" width="800" frameborder="0" scrolling="no"></iframe>
</td>
</tr>

<!-- 我是一条风骚的分隔线 -->
<tr><td width="100%" colspan="2"><hr></td></tr>

<!-- 底部 -->
<tr>
<td colspan="2">
<iframe src="inc/footer.html" name="footer" height="70"  width="100%" frameborder="0"></iframe>
</td>
</tr>
</table>
</body>
</html>




头部代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>top</title>
</head>
<body>
<table bgcolor="#3d3f46" border="0">
<tr>
<td valign="middle"><img src="../images/logo.jpg" height="30" ></td>
<td width="650" valign="middel"><h5>在线商城后台管理系统</h5></td>
<td valign="middel" width="200px"><p><a  href="">lalal</a>&nbsp;&nbsp;<a href="">退出</a></p></td>
</tr>
</table>


</body>
</html>



左边侧栏代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左边的情况</title>
</head>
<body>
<ul type="none"><img src="../images/1.png" width="30" alt="标题"><h3>信息发布</h3>
    <li> <a href="../inc/xinxi.html"  target="right" >栏目管理</a></li>
    <li><a href="../inc/xinxi.html" target="right">内容管理</a> </li>
    <li> <a href="../inc/xinxi.html" target="right" >信息管理</a></li>
</ul>
<ul type="none"> <h3>基本设置</h3>
    <li> <a href="../inc/shezhi.html" target="right" >网站管理</a></li>
    <li><a href="../inc/shezhi.html"  target="right">常规管理</a></li>
    <li> <a href="../inc/shezhi.html" target="right">站点管理</a></li>
</ul>
</body>
</html>



右侧栏代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一班成绩表</title>
     
</head>

<body>
<table border="1" ; cellspacing="0"; cellpadding="4px";; width="60%">   
<!--border="1"设置表格边框的宽度为1像素 cellspacing 属性规定单元格之间的空间。

注释：，cellpadding 属性规定的是单元边沿与单元内容之间的空间。 --> 

<thead>
<caption><h1>栏目表</h1></caption> <!-- 定义表格标题 -->



<tr bgcolor="#66CD00">
<td>栏目ID号</td>
<td>栏目名称</td>
<td>浏览量</td>
<td>所属分类</td>
<td>添加时间</td>
<td colspan="2">操作</td>

</tr>

</thead>
<tbody>
<tr>
<td>1</td>
<td;><img src="../images/1.png" alt="头像" width="50px"；>栏目一</td>
<td>89</td>
<td>95</td>
<td>2017-10-12</td>
<td;><a href="/">编辑</a></td>
<td;><a href="/">删除</a></td>
</tr>

<tr>
<td>2</td>
<td;><img src="../images/1.png" alt="头像"  width="50px"；>栏目二</td>
<td>97</td>
<td>98</td>
<td>2017-10-12</td>
<td;><a href="/">编辑</a></td>
<td;><a href="/">删除</a></td>

</tr> 

<tr>
<td>3</td>
<td;><img src="../images/1.png" alt="头像"  width="50px"；>栏目三</td>
<td>97</td>
<td>92</td>
<td>2017-10-12</td>
<td;><a href="/">编辑</a></td>
<td;><a href="/">删除</a></td2017-10-12
</tr>
</tbody>
<tfoot>
<tr bgcolor="#76EEC6">
<td colspan="2">平均分</td>

<td>94.3</td>
<td>95</td>
<td>97</td>
<td colspan="2">备注：期中考试</td>

</tr>

</table>

</tfoot>

<p>
<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">下一页</a>
<a href="">尾页</a>

</p>


</body>
</html>


尾部代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>底部</title>
</head>
<body>
<p > 这个是底部的导航啊啊</p>
</body>
</html>

代码界面

06.png05.png

手抄代码

05.jpg

Correction status：Uncorrected

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！