HTML框架技術詳例

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章