やさしいホームページ  HTML入門

 第12章 フレーム
 1.フレームに関するタグ アトリビュート  

           ※ フォームに関するタグ アトリビュートには次のものがあります

 タ グ  機 能
  アドリビュート
 <frame> 〜 </frame>  フレームの定義
 フレームの枠の色をカラーネーム、カラーコードで指定します
 フレームの枠線の表示方法 yes(1)表示 no(0)非表示
 フレームの上下の余白をピクセル値で指定します
 フレームの左右の余白をピクセル値で指定します
 フレームの名前を指定します
 フレームのサイズの変更を禁止します
 フレームバーの表示方法を指定します auto yes(表示) no(非表示)
 ページURLを指定します
   bordercolor=枠の色
 frameborder=枠線の表示
 marginheight=上下の余白
 marginwidth=左右の余白
 name=名前
 noresize
 scrolling=スクロール
 src=URL
 <frameset> 〜 </frameset>  フレームの分割指定
 フレーム区切り線の太さをピクセル値で指定します
 フレームの枠の色をカラーネーム、カラーコードで指定します
 フレームの縦分割をピクセル値または%で指定します
 スクロールバーの表示方法を指定します auto yes(表示) no(非表示)
 フレーム間の余白をピクセル値で指定します
 フレームの横分割をピクセル値または%で指定します
   border=区切り線
 bordercolor=枠の色
 cols=縦分割値
 frameborder=枠線の表示
 framespacing=フレーム余白
 rows=横分割値
 <iframe> 〜 </iframe>  インラインフレーム
 ページURLを指定します
 フレームの名前を指定します
 フレームの横幅をピクセル値で指定します
 フレームの縦幅をピクセル値で指定します
 フレームの左右の余白をピクセル値で指定します
 フレームの上下の余白をピクセル値で指定します
 スクロールバーの表示方法を指定します auto(自動) yes(表示) no(非表示)
 フレーム枠の表示方法を指定します yes(表示) no(非表示)
 テキストの回り込みを指定します left(左) center(中央) right(右)
 説明文字を表示します
   src=URL
 name=名前
 width=横幅
 height=縦幅
 marginwidth=左右の余白
 marginheight=上下の余白
 scrolling=スクロール
 frameborder=フレーム枠
 align=回り込み指定
 alt=説明文字表示


 2.フォームを作成するには  
  (1) フレームの定義  

※ 特徴
     フレームの特徴は画面を分割して、それぞれ別のHTMLを表示できることです
     フレームは<frameset>タグで配置を決め、<frame>タグで内容を定義していきます
  


 <frameset rows=横分割値 border=区切線 frameborder=フレーム枠線 framespacing=フレーム余白>
 <frame name=名前 marginHeight=上下余白 marginWidth=左右余白 noResize scrolling=スクロール src=URL>
 <frameset cols=縦分割値 border=区切線 frameborder=フレーム枠線 framespacing=フレーム余白>
 <frame name=名前 marginHeight=上下余白 marginWidth=左右余白 noResize scrolling=スクロール src=URL>
 </frameset>
 </frameset>


 (注) Frameタグを使用する場合はBodyタグは使用しません。以下のように記述します   

  <HTML>
  <HEAD><TITLE>フレーム定義</TITLE></HEAD>
  <FRAMESET rows=30,690,50 border=0 frameborder=0 framespacing=0>
  <FRAME NAME="maku" marginHeight=0 marginWidth=0 noResize scrolling=no src="maku.html">
  <FRAMESET cols=170,650,130 border=0 frameborder=0 framespacing=0>
  <FRAME NAME="menu" marginHeight=0 marginWidth=0 noResize scrolling=no src="menu.html">
  <FRAME NAME="frame" marginHeight=0 marginWidth=0 noResize scrolling=no src="frame.html">
  <FRAME NAME="counter" marginHeight=0 marginWidth=0 noResize scrolling=no src="counter.html">
  </FRAMESET>
  <FRAME NAME="maku" marginHeight=0 marginWidth=0 noResize scrolling=no src="maku.html">
  </FRAMESET>
  </HTML>



目 次 for Before ー 12_1 −   for Next