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

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

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

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

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

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

縦横三分割　フレームサンプルページを観る。

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

タグも記述しています。クリックして観て下さい。
縦横三分割フレームサンプル

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

参　考　例　三分割フレーム

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

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

三分割フレームサンプルタグ 3-2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HEAD>
<title> サンプル　フレーム三分割 </title>
</HEAD>
<frameset　title="上下左右、３右分割にする" cols ="10%,90%">
<frame　title="左右分割の左側"　src="frame1.html" name ="frame1" scrolling="auto">
<frameset　title="右側フレームを上下分割にする " rows ="15%,85%">
<frame　title="分割した上側のフレーム "　src="frame3.html" name ="frame3" 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>	要素	フレーム未対応のブラウザでの代替表示ページの指定フレーム未対応のブラウザへの配慮として, 代替ページを必ず指定すること。