サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> フレームの定義 <FRAMESET>

フレームの定義 <FRAMESET>



<FRAMESET>タグについて

HTMLでは、ブラウザの表示領域をフレームに分割し、複数の異なるページを表示することができます。
<FRAMESET>タグはフレームの分割方法を定義します。

例えば、フレームを使って左右に2分割する場合、フレーム定義HTML、左フレームHTML、右フレームHTMLの3つのHTMLファイルが必要になります。
フレーム定義HTMLにアクセスすると、分割されたページが表示されます。

フレーム定義ファイルには、<BODY>タグの代わりに<FRAMESET>タグを記述します。

属性 機能 記述例
cosl 数値/%/* フレームの横幅 <FRAMESET cols="20%,40%">
rows 数値/%/* フレームの縦幅 <FRAMESET rows="200,*">
border 数値 境界線の幅 <FRAMESET border="2">
bordercolor 境界線の色 <FRAMESET bordercolor="red">
frameborder 1/yes
0/no
境界線の表示する
境界線を表示しない
<FRAMESET frameborder="1">
<FRAMESET frameborder="no">
framespacing 数値 境界線の幅 <FRAMESET framespacing="2">


サンプル



サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<HTML>
<HEAD>
<TITLE>フレーム</TITLE>
</HEAD>
<FRAMESET cols="150,*" border="5" bordercolor="red">
<FRAME src="left.html" name="leftf">
<FRAME src="right.html" name="rightf">
</FRAMESET>
</HTML>


解説・注意点など

<FRAMESET>タグが対応していないブラウザでは、<NOFRAME>タグ内に書いた内容が表示されます。<BODY>タグは<NOFRAME>タグ内に記述します。

フレームをさらに分割したい場合は、<FRAMSET>タグ内にさらに<FRAMSET>タグを記述することができます。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home