最簡單的框架集合框架
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
默認根據內容需要顯示是否要滾動條,frameset框架集和frame框架可以嵌套
比如frameset標籤中包含frameset標籤,具體效果可以下來試試其他和不嵌套一樣屬性一樣
-->
<frameset cols="200px,*,30%" rows="100px,*,10%" >
<frame src="s300px.html" />
<frame src="sxinghao.html" />
<frame src="sbaifen30.html" />
</frameset>
</head>
<body>
</body>
</html>
這裏是浮動框架
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>這裏是浮動框架</p>
<iframe src="index.html" name="myiframe" width="1000px" height="1000px" scrolling="auto">
如果你的瀏覽器不支持浮動框架將顯示該行文字,支持則不會
</iframe>
<!--
<iframe></iframe>之間不會顯示文字除非瀏覽器不支持,浮動框架就是將一個網頁簡單的插入到另一張網頁作爲該網頁的一個子網頁
顯示在主頁面
-->
</body>
</html>
框架中包含了<a>標籤時候
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ww</title>
<!--
開始的主頁面
-->
<frameset cols="200px,*" >
<frame src="fone.html" name="left" />
<frame src="fmain.html" name="right" />
</frameset>
</head>
<body>
</body>
</html>
左邊頁面和右邊頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超鏈接頁面</title>
<!--
在頭部寫<base> 標籤定位基準,表示這個頁面的所有超鏈接都將內容顯示到定位頁面,不用單個的區設置
如果寫在body 中則作用域不同了,可以爲body指定那塊跳轉到哪裏,分段基準
target 也可以用在form 表單中,則表示表單處理程序之後,所需要佔據的目標窗口或框架base標籤對錶單同樣生效
-->
<base target="right" /> <!-- -->
</head>
<body>
<h1>超鏈接默認是跳轉到當前頁面,如果不寫target屬性則默認在左邊小框框,如果寫target
後的屬性值是爲frame的name 屬性值需要在哪個頁面顯示則寫哪個的name 值</h1>
<a href="index.html" target="right" >跳轉到index頁面</a>
<a href="index.html" >如果不定義base 那麼這個頁面內容將在左邊小框顯示</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>這裏是主頁面,點擊超鏈後,超鏈接頁面會顯示到這裏</h1>
</body>
</html>