HTMLで分割表示する方法

醉折花枝作酒筹
リリース: 2023-01-06 11:16:36
オリジナル
9049 人が閲覧しました

HTML では、frameset タグを使用してセグメントを表示できます。ページに「

」を追加するだけです。 Frameset 要素は、複数のウィンドウを整理するために使用されるフレームセットを定義でき、各フレームには独立したドキュメントが格納されます。

HTMLで分割表示する方法

#frameset 要素はフレームセットを定義します。複数のウィンドウ(フレーム)を整理するために使用します。各フレームワークには個別のドキュメントがあります。最も単純なアプリケーションでは、frameset 要素はフレームセット内に存在する列または行の数を指定するだけです。 cols 属性または rows 属性を使用する必要があります。

属性値:

HTMLで分割表示する方法

ページ分割写植、最終効果の図: (手書き、比較的シンプル。)

HTMLで分割表示する方法

合計 4 つの HTML ページがあります。1 つは親ページ home.html で、他の 3 つは、top.html、left.html、right.html です。次に、次の 3 つの HTML ページをまとめて、親ページの home.html ページに表示されます。

コード表示は次のとおりです。

home.html コード

nbsp;html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

  
    <title>页面分割</title>
  

  <frameset>
    <!--把页面分成上下两部分,上部分占15%,下部分*表示占据其余部分-->
    <frame>
<!--上半部分要显示的页面-->
    <frameset>
<!--把页面分成左右两部分,左部分占15%,右部分*表示占据其余部分-->
      <frame>
<!--做半部分要显示的页面-->
      <frame>
<!--右半部分要显示的页面-->
    </frameset>
  </frameset>
ログイン後にコピー

注: Frameset 要素を使用する場合、body 要素は必要ありません。

自分のニーズに応じて他のページ コードの HTML コードを作成します

推奨される学習: html ビデオ チュートリアル

以上がHTMLで分割表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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