HTML框架技术详例

原创
2016/04/09 22:03
阅读数 59

html框架

要将几个.html文件放入一个文件夹

//////////////////////////////////////////////////////////////////////////////////////////////

 

 UntitledFrameset-2.html 源码

--------------------------------

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>主框架</title>
</head>

<frameset rows="80,*" cols="*" framespacing="2" frameborder="yes" border="2" bordercolor="#000000">
  <frame src="UntitledFrame-2.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset rows="*" cols="184,*" framespacing="2" frameborder="yes" border="2" bordercolor="#000000">
    <frame src="UntitledFrame-3.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="Untitled-1.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>

 

<noframes><body>
</body>
</noframes></html>

 

//////////////////////////////////////////////////////////////////////////////////////////////

UntitledFrame-2.html源码

------------------------------

<html>

<head>

<title>无标题文档</title>
</head>
<body>
<div align="center"><span class="STYLE1">XXXXX系统</span></div>
</body>
</html>

 

 

 

//////////////////////////////////////////////////////////////////////////////////////////////

UntitledFrame-3.html源码

------------------------------

<html>

<head>
<title>无标题文档</title>

</head>

<body>
<p><span class="STYLE1"><a href="Untitled-1.html" target="mainFrame">用户管理</a><br />
    <a href="Untitled-2.html" target="mainFrame">用户查询</a></span><br />
</p>
</body>
</html>

 

//////////////////////////////////////////////////////////////////////////////////////////////

Untitled-1.html源码

---------------------------

<html>

<head>
<title>无标题文档</title>
<body>
<span class="STYLE1">用户自助管理</span>
</body>
</html>

//////////////////////////////////////////////////////////////////////////////////////////////

有了Untitled-1.html 也可有Untitled-2.html

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
1
分享
返回顶部
顶部