フレームセットを使用して複雑なページレイアウトを実装するためのテクニックの概要

フレームセットを使用して複雑なページレイアウトを実装するためのテクニックの概要

コードをコピー
コードは次のとおりです。

<html>
<!--混合フレームレイアウト:
複雑なページ レイアウトを実現するには、<frameset> タグ内で <frameset> タグを使用し、cols 属性と rows 属性を使用して設定します。
<フレームセット行数="50%,50%">
<frame src="02画像タグ.html" name="top">
<フレームセット列="25%,75%">
<フレーム src="frame_a.html">
<frame src="02画像タグ.html" name="right">
</フレームセット>
</フレームセット>
</html>

フレーム_a.html

コードをコピー
コードは次のとおりです。

<html>
<ヘッド></ヘッド>
<!--aタグのtarget属性は、フレームコレクション内の要素frameを指します。
ターゲットの値はフレームタグ内のnameの値です -->
<本文>
<a href="http://www.itheima.com" target="top">公式サイト</a>

<a href="http://www.baidu.com" target="right">百度</a>
</本文>
</html>

<<:  HTML でカスタム画像を使用してチェックボックスを表示する方法

>>:  CSS 円形ホローイングの実装(クーポン背景画像)

推薦する

Linux でのソース パッケージ インストールのサービス管理

目次1. ソースパッケージサービスの起動管理2. ソースパッケージサービスのセルフスタート管理3. ...

ビジュアルデザイナーの成長の3つの段階のまとめ

この本「グラフィックデザイナーとして成長する」は多くの人が読んでおり、私もオリジナルの PDF 版を...

LinuxにRocketMQインスタンスをインストールする手順

1. JDKをインストールする1.1 現在の仮想マシン環境にJDKがあるかどうかを確認する rpm ...

MySQL データ型 DECIMAL(N,M) における N と M の意味の詳細な説明

同僚から、MySQL データ型 DECIMAL(N,M) の N と M の意味を尋ねられました。言...

2つのVirtualBox仮想ネットワークをブリッジするLinuxブリッジメソッドの手順

この記事は、この時期の「ピーターから奪ってポールに払う」という仕事のスタイルに対する私の不満から生ま...

画像拡大鏡効果のJSバージョン

この記事では、画像拡大鏡効果を実現するためのJSの具体的なコードを参考までに紹介します。具体的な内容...

2列のデータをSQLの新しい列として操作する

以下のように表示されます。 bb_sbからa1、a2、a1+a2 a、a1*a2 b、a1*1.0/...

JS におけるメモリと変数の保存についての詳細な説明

目次序文JSマジックナンバー数値の保存バイナリ変換方法なぜ 0.1 + 0.2 !== 0.3 なの...

Dockerコミットの使い方の詳しい説明

場合によっては、ベースイメージに特定の依存関係をインストールする必要があります。Dockerfile...

面接でよく聞かれる Vue 修飾子 13 個

目次1. 怠惰な2.トリム3.番号4.停止5. キャプチャ6.自分7.一度8.予防する9.ネイティブ...

MySQL データベースを手動および自動でバックアップする 8 つの方法

MySQL は人気のオープンソースデータベース管理システムとして多くのユーザーが利用しています。デー...

HTML内の画像はbase64でエンコードされた文字列に直接置き換えられます

最近、画像はあるのに外部画像リソースが参照されていないウェブページを見つけました。気になりました。コ...

Nginxの仕組みの詳細な説明

Nginxの仕組みNginx はコアとモジュールで構成されています。 Nginx 自体は実際にはほと...

openlayers6 マップオーバーレイの一般的な 3 つの用途 (ポップアップウィンドウマーカーテキスト)

目次1. 前に書く2. ポップアップウィンドウを実装するためのオーバーレイ2.1 vueページのad...