ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLフレームセットサンプルコード_HTML/Xhtml_Webページ制作

HTMLフレームセットサンプルコード_HTML/Xhtml_Webページ制作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 16:43:031576ブラウズ

この記事では、Frameset を使って簡単に作成できるフレームワークを紹介します。

まず、このフレームワークのページ構造を見てみましょう。これは完全に手作りのテスト プログラムなので、非常に大まかなコードを Notepa で作成しました。ただし、フレームセットの一般的なコンテンツはまだ含まれています。さて、本題に戻りましょう。まずファイル構造を見てみましょう。

1.Frame.html にはフレームの構造が含まれます

2.link.html にはフレームの左側のメニューバーが含まれます

3.firstPage.html には、フレームのメイン ページにテキスト行が含まれています (私は面倒なのでうまくできません)

4.secondPage.html は上記の 3 と似ており、テストに使用されます。

以下はスクリーンショットです (明確ではありません。これを行うのは初めてです)

まず Frame.htm のコードを見てください:








とてもシンプルだと思いませんか?これは主に Frameset 要素であり、属性cols="159px,*" が設定されます。この属性の機能は、ページを 159 ピクセルと他の 2 つの領域に分割することです。上の写真に示すように。

次に、frame タグがあります。上の Cols 属性には複数の値があり、下の サブ要素にも複数の値が必要です。次に、 の共通プロパティがいくつかあります。境界線の幅、スクロール バーを表示するかどうか、境界線の色、ユーザーがサイズの変更を許可するかどうかなどが含まれます。どのソース ファイルであるか、およびその他の属性。

次に、2 番目のソース ファイルはテスト用に firstPage を指します。

次は link.html です:



これは、ネットワーク上で取得された DIV CSS JS の 1 つの下にあるメニューであり、興味のあるものは自分で見ることができ、自分自身が協力して、変更が OK であると感じています。

下は 2 つの検査面です。これはこの検査面のマイクロ懂点 HTML のすべての書き込みが可能であるため、ここでは単に面 1 の代コード:



第一页面



第一页面


< ;/body>

これらすべてを考慮した上での、一定の枠組みであり、単に自分自身の行動を認めているだけではありません。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。