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

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

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

<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 円形ホローイングの実装(クーポン背景画像)

推薦する

JavaScript でサウンド効果付きの花火効果を実装する

コードを書くのに 30 分かかりましたが、この HTML5 Canvas New Year Fire...

Windows 10 で MySQL の解凍バージョンをインストールする方法の詳細なグラフィック チュートリアル

MySQL のインストールは、インストール バージョンと解凍バージョンに分かれています。インストール...

入力が完了したことを検出し、次のコンテンツを自動的に入力する HTML を実装する方法

前回の記事では、入力完了の簡単な検出を実現しましたが、今回はさらに一歩進んで、入力が完了した後に次の...

高速レイアウトのための CSS ビューポート単位

CSS ビューポート ユニットはここ数年登場しており、時が経つにつれて、ますます多くの開発者が使用し...

docker で golang イメージに基づいて ssh サービスを構築する方法

以下は、docker の golang イメージに基づいて ssh サービスを構築するためのコードで...

Linux centos7 に phpMyAdmin をインストールするチュートリアル

yum install httpd php mariadb-server –yランプの動作環境を設定...

MySQLシリーズ15 MySQL共通設定とパフォーマンスストレステスト

1. 一般的なMySQLの設定以下のすべての構成パラメータは、32G のメモリを搭載したサーバーに基...

JSはプログレスバーのスムーズバージョンの詳細な計画を実装します

進捗バーがスムーズではないフロントエンドを学ぶ学生のほとんどは、オーディオプレーヤーやビデオプレーヤ...

Dockerでコンテナを作成するときにコンテナIPを指定する実装例

Docker はコンテナを作成するときに、デフォルトでブリッジ ネットワークを使用し、IP アドレス...

MySQL MyISAM デフォルト ストレージ エンジンの実装原則

デフォルトでは、MyISAM テーブルはディスク上に .frm (テーブル構造ファイル)、.MYD ...

Vue ソースコード学習でレスポンシブ性を実装する方法

目次序文1. レスポンシブシステムの重要な要素1. データの変更を監視する方法2. 依存関係を収集す...

Nginx セッション損失問題の解決策

nginx をリバース プロキシ tomcat として使用する場合、セッション損失が発生する可能性が...

docker を使用して hbase をデプロイする方法

スタンドアロンの hbase について、まずは説明しましょう。 Dockerをインストールするまず ...

docker によってプルされたイメージがどこに保存されるかの詳細な説明

20200804追記:記事の内容に誤りがある可能性があります。他の回答を検索することもできます。 d...