ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML_html/css_WEB-ITnoseのフレームの詳細説明

HTML_html/css_WEB-ITnoseのフレームの詳細説明

WBOY
リリース: 2016-06-21 08:59:46
オリジナル
1483 人が閲覧しました

フレームにはどのようなコンテンツが含まれますか?

開発中にフレームを使用する場合、フレームの知識ポイント (frameset タグ、frame タグ、iframe タグ) について説明します。コードを表示してください。

code talk

<html><head><title>综合示例</title></head><frameset cols="25%,*"><frame src="menu.htm" scrolling="no" name="Left"><frame src="page1.htm" scrolling="auto" name="Main"><noframes><body><p>对不起,您的浏览器不支持“框架”!</p></body></noframes></frameset></html>
ログイン後にコピー

注: フレームセットを使用する場合は body タグを使用しないでください。ラップされています。ぜひ覚えておいてください

フレームセットとフレームの属性を詳しく分析してみましょう

フレームセット属性

  • border
    フレームの枠線の太さを設定します。

  • bordercolor
    枠の枠線の色を設定します。

  • frameborder
    フレーム枠を表示するかどうかを設定します。設定値は 0 と 1 のみで、0 は境界線なし、1 は境界線を表示することを意味します。

  • cols
    ページを垂直方向に分割します。数値表現方法は「30%、30(または30px)、*」の3つがあり、値の個数は分割ウィンドウ数を表し、値は「,」で区切られます。 「30%」は、フレーム領域がブラウザ ページ領域全体の 30% を占めることを意味します。「30」は、その領域の横幅が 30 ピクセルであることを意味します。「*」は、その領域が残りのページ領域を占めることを意味します。例:cols="25%,200,*" は、ページを 3 つの部分に分割することを意味します。左側の部分はページの 30% を占め、中央の水平幅は 200 ピクセル、ページの残りの部分は右側です。一部。


  • ページを水平に分割します。数値の表現方法や意味はcolsと同じです。

  • framespacing
    フレーム間の予約スペースを設定します。

  • フレーム属性

  • name
    フレーム名を設定します。このプロパティは設定する必要があります。

  • src
    このフレームで表示する Web ページの名前またはパスを設定します。このプロパティは設定する必要があります。

  • スクロール
    スクロールバーを表示するかどうかを設定します。設定値はauto、yes、noです。

  • bordercolor
    枠の枠線の色を設定します。 ⑤frameborder

  • フレーム枠を表示するかどうかを設定します。設定値は 0 と 1 のみで、0 は境界線なし、1 は境界線を表示することを意味します。

  • noresize
    フレームサイズを手動で調整できるかどうかを設定します。

  • marginwidth
    フレームの境界とその中のコンテンツの間の幅を設定します。

  • marginhight
    フレームの境界とその中のコンテンツの間の高さを設定します。

  • width
    フレームの幅を設定します。

  • 高さ
    フレームの高さを設定します。

  • リンクによるページへのジャンプについて

    の属性値ここでのターゲットはフレームです。 の name 値が対応している限り、ページ内に複数の a タグがある場合、right.html のコンテンツは name=left でフレーム ページに表示されます。

    お互いから学び、一緒に進歩していきましょう

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート