博客列表 >第四节课框架

第四节课框架

家户通
家户通原创
2018年03月21日 13:34:02700浏览
首页框架
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>框架结构</title>

  <style type="text/css">

body
  { 
  background: beige ;
  }
  </style>
</head>
<!-- scrolling-去掉滚动条 -->
<!-- frameborder-去掉边框 -->

<body>
<table border="0" cellspacing="1" cellpadding="5" width="960">
    <!-- 顶部 -->
    <tr height=60>
      <td colspan="2">
        <iframe src="inc/top.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="160" frameborder="0" scrolling="no"></iframe>
      </td>
      <!-- 右边内容区 -->
      <td>
        <iframe src="inc/default.html" name="right" height="600" width="780" 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 border="0">

<tr>

<td valign="middle"><img src="../images/logo.jpg" width="40"></td>

<td width="300" valign="middle"><h2>&nbsp;&nbsp;进销存管理系统</h2></td>

<td width="500" valign="middle">  <img src="../images/timg.jpg"" height="60" width="468"></td>

<td valign="bottom"><p><a href="">admin</a>&nbsp;&nbsp;<a href="">退出</a></p></td>

</tr>

</table>



</body>

</html>

左侧页面

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>left</title>

</head>

<body>

<h4><img src="../images/user.jpg" width="30">基础资料</h4>

<ul type="none">

<!-- a标签的target属性值设置为要访问的框架的name名即可,这里是在右侧显示:right -->

<li><img src="../images/file.jpg" width="20"><a href="user.html" target="right">厂家表</a></li>

<li><img src="../images/file.jpg" width="20"><a href="">供货商表</a></li>

<li><img src="../images/file.jpg" width="20"><a href="">商品表</a></li>


</ul>


<hr>

<h4><img src="../images/folder.jpg" width="30">进货入库</h4>

<ul type="none">

<li><img src="../images/file.jpg" width="20"><a href="foods.html" target="right">添加入库单</a></li>

<li><img src="../images/file.jpg" width="20"><a href="">入库单查询</a></li>

</ul>


<hr>

<h4><img src="../images/folder.jpg" width="30">销售出库</h4>

<ul type="none">

<li><img src="../images/file.jpg" width="20"><a href="order.html" target="right">添加出库单</a></li>

<li><img src="../images/file.jpg" width="20"><a href="">出库单查询</a></li>

</ul>


<hr>

<h4><img src="../images/set.jpg" width="20">系统设置</h4>

<ul type="none">

<li><img src="../images/file.jpg" width="20"><a href="system.html" target="right">基本配置</a></li>

<li><img src="../images/file.jpg" width="20"><a href="">高级配置</a></li>

</ul>

</body>

</html>

底部页面

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>footer</title>

</head>

<body>

<p>

<a href="">PHP中文网(www.php.cn)在线商城 </a> &nbsp; &copy;版权所有 &nbsp;&nbsp;

<a href="">备案号:皖ICP-*******</a>

</p>

</body>

</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议