Day16 HTML 框架集

時間 2019-12-30

標籤 day16 day html 框架欄目 HTML 简体版

原文原文鏈接

<frameset>標籤（雙標籤）

顧名思義，它就是框架集的標籤，若是你單獨寫這個標籤你將看不到任何效果，就像<table>同樣，你必須寫行和列，才能看到效果！html

示例代碼段：瀏覽器

index.html框架

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<!-- 框架集 -->
	<!-- rows 行高 -->
	<frameset rows="140,*">
			<frame src="top.html" frameborder="0" scrolling="no" noresize="noresize">
			<!-- 列寬度 -->
			<frameset cols="150,*">
				<frame src="left.html" frameborder="0" scrolling="no" noresize="noresize">
				<frame src="right.html" frameborder="0" scrolling="no" noresize="noresize" name="rightframe">
			</frameset>
	</frameset>
</html>

注意:學習

該代碼中不含body或body體。spa

rows:行高（例：rows="140,*" 即第一行高140，後面的就是剩餘的高度）code

cols:列高（寫法同上）htm

src:本框架引用的頁面路徑ci

frameborder:默認的框架有邊框，設置爲0就看不到了get

scrolling:是否滾動，默認爲yesit

noresize:是否改變大小 noresize 即不改變大小

name:請看下面left中的target,點擊左側超連接，會在target對應的name框架中（即右側框架）加載

top.html

<body bgcolor="#4C4C4C">
	<table boder="1" color="#7F7F7F" align="center" cellspacing="0" cellpadding="0" width="800">
		<tr height="100">
			<td></td>
		</tr>
		<tr>
			<td>首頁</td>
			<td>學習概況</td>
			<td>新聞中心</td>
			<td>機構設置</td>
			<td>學習概況</td>
			<td>新聞中心</td>
			<td>機構設置</td>
			<td>學習概況</td>
		</tr>
	</table>
</body>

這樣一個top菜單就作好了，以下圖所示：

left.html

<body>
		<table boder="1" color="#7F7F7F" align="center" cellspacing="5" cellpadding="0" width="140">
		<tr height="40" align="center">
			<td><a href="notifyadd.html" target="rightframe">公告添加</a></td>
		</tr>
		<tr height="40" align="center">
			<td><a href="notifylist.html" target="rightframe">公告列表</a></td>
		</tr>
	</table>
</body>

target：屬性有四個

_blank:新窗口

_self:本窗口

_parent:父窗口

_top: 整個瀏覽器窗口

或在target值中直接寫框架中name對應的名字。

right.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body bgcolor="#804000">
	
</body>
</html>

效果以下：

當我點擊公告添加時，效果：（即在右側框架中加載了公告添加的頁面）

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。