トレーニング記事-html-フレームセットフレームセット

frameset.html

<！DOCTYPE HTML>
<HTML>
	<ヘッド>
		<メタ文字セット= "UTF-8">
		<タイトル> </ TITLE>
	</ head>の
		<！ - 
			フレームセット：フレームセット、ページが複数のページに分割してもよいです
			まず、bodyタグフレームセットの置き換え本体を削除する必要があります
			行：行％ポイント行はフレームセットを分離
			COLS：コラムフレームセット％ポイントで区切られました
			*：プロパティの残りの代表
		- >
		
		<フレームセットの行= "15％、*" NORESIZE = "NORESIZE">
			<！ - 内容のメールボックストップ - >
			<フレームSRC = "emailtop.html" />
			<！ - メールボックスの内容の次の部分 - >
			<フレームセットCOLS = "12％、*">
				<！ - 再び切断 - >
				<フレームセットの行= "18％、*">
					<フレームSRC = "left_1.html" />
					<フレームSRC = "left_2.html" />
					
				</フレームセット>
				<！ - 右下隅の内容を動的に表示 - >
				<フレーム名= "email_right" />
			</フレームセット>
		</フレームセット>
		
	<！ -  <ボディ>
	</ BODY>  - >
	
	
</ HTML>

　　emailtop.html

<！DOCTYPE HTML>
<HTML>
	<ヘッド>
		<メタ文字セット= "UTF-8">
		<タイトル> </ TITLE>
	</ head>の
	<身体>
		<H3 ALIGN = "センター">これは、メールボックス</ H3>のトップであります
	</ BODY>
</ HTML>

　　left_1.html

<！DOCTYPE HTML>
<HTML>
	<ヘッド>
		<メタ文字セット= "UTF-8">
		<タイトル> </ TITLE>
	</ head>の
	<身体>
		<UL>
			<LI> <a href="">写信する</a>ます。</ li>
			<LI> <a href="">收信する</a>ます。</ li>
			<LI> <a href="">通讯录する</a>ます。</ li>
		</ UL>
	</ BODY>
</ HTML>

　　left_2.html

<！DOCTYPE HTML>
<HTML>
	<ヘッド>
		<メタ文字セット= "UTF-8">
		<タイトル> </ TITLE>
	</ head>の
	<身体>
		<UL>
			<LI> <a href="https://www.cnblogs.com/52dxer/" target="email_right">博客园する</a>ます。</ li>
			<LI> <a href="http://www.baidu.com" target="email_right">百度する</a>ます。</ li>
			<LI> <a href="http://www.163.com" target="email_right">网易する</a>ます。</ li>
		</ UL>
	</ BODY>
</ HTML>

トレーニング記事-html-フレームセットフレームセット

frameset.html

emailtop.html

left_1.html

left_2.html

結果：

おすすめ