フレームの設定　縦横三分割　其の２

フレーム設定、縦横三分割するには

<frameset　 cols ="">と <frameset　 rows ="">の組み合わせ

フレーム設定　上級編　【4】　フレーム設定　縦横三分割　２　

<frameset 　 cols = "縦分割の指定"　 >
<frameset 　 rows = "横分割の指定" >
<noframes> フレーム未対応ブラウザのための内容 </noframes>
</frameset>

フレーム設定（縦横三分割）サンプルタグ 3

フレームサンプルページを観る、
クリックして観て下さい。縦横三分割フレームサンプル

三分割フレームサンプルページを観る、
クリックして観て下さい。
☆ 縦横三分割フレームサンプル☆

フレームのひらきかた　縦横三分割割設定　HTMLタグの参考例
サンプルタグ 3-2

詳細サンプルタグ 3-2a

参　考　例　三分割フレーム

分割設定・ページ	index.html	フレーム割合など、デザインを決めます　下記にサンプルタグ
メニュー・ページ	menu.html	各リンク先を、文字列で指定します。
メイン・ページ	main.html	趣旨・主題　ページの顔ですな
トップ・ページ	top.html	検索窓やコマーシャルなど、以上あくまで参考例。

と四つのファイルをそろえる。
コピー貼り付けで下記フレーム設定タグを、 index.html ページに貼り付けて作成して下さい。

　サンプルタグ 3-2a

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<title> サンプル　フレーム三分割 2 </title> </HEAD>
<frameset　title=" フレームを上下分割にする " rows ="10%,90%">
<frame　title=" 分割した上部のフレーム "　src="frame3.html" name="frame3" scrolling="auto">
<frameset　title=" フレームを左右分割にする " cols ="15%,85%">
<frame　title=" 分割した左側のフレーム "　src="frame1.html" name="frame1" scrolling="auto">
<frame　title=" 分割した右側のフレーム "　src="frame2.html" name="frame2" scrolling="auto">
<noframes>
<body>

フレーム未対応の方 
大変ご面倒ですが、こちらの 
<a href="frame2.html"> から入室してください。

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

フレーム設定のヒント　分割ＨＴＭＬタグの解説
<frameset>			要素	ブラウザ画面を縦割合または横分割するか，いくつに分割するか，それぞれの分割サイズ割合など分割方法を設定。
	cols		属性	縦に分割する　 10進数(整数)または、％で、ウィンドウの各フレームのサイズを指定する。
	rows		属性	横に分割する　 10進数(整数)または、％で、ウィンドウの各フレームのサイズを指定する。
<frame>			要素	分割するファイルの指定　名前の指定他。
	src=""		属性	URLの指定　ファイル名
	name=""		属性	開く分割ページに、任意の名前をつける。
	title=""		属性	開く分割ページに、任意のタイトルをつける。
	scrolling	=""	属性	ページの、スクロールの指定。
		yes	属性値	ページの、スクロールを許可。
		no	属性値	ページの、スクロールを禁止。
		auto	属性値	ページのスクロールを、自動にして、ブラウザにまかせる。
	frameBorder	=""	属性	フレームウインドウの境界線の設定。
		yes	属性値	無指定でも規定値で、フレームウインドウの境界線あり。
		1	属性値	無指定でも規定値で、フレームウインドウの境界線あり。
		no	属性値	フレームウインドウの境界線を消す
		0	属性値	フレームウインドウの境界線を消す
	bordercolor	=""	属性	フレーム境界線に色をつける設定。
<noframes>	</noframes>		要素	フレーム未対応のブラウザでの代替表示ページの指定フレーム未対応のブラウザへの配慮として, 代替ページを必ず指定すること。