フレームセットを使用して複雑なページレイアウトを実装するためのテクニックの概要
|
コードをコピー コードは次のとおりです。<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 でカスタム画像を使用してチェックボックスを表示する方法
推薦する
Docker での Redis のマスタースレーブ構成チュートリアルの詳細説明
1. Redisイメージを取得するdocker pull redis 2. それぞれポート6379、...
Linux で unzip コマンドを使用して複数のファイルを解凍する方法
Linuxにunzipコマンドがない問題の解決策unzipコマンドを使用して.zipファイルを解凍す...
Reactドラッグフックを実装するための100行以上のコード
序文ソースコードは合計で 100 行強しかありません。これを読めば、react-dnd などの成熟し...
CSS flex 複数列レイアウト
基本的な3列レイアウト 。容器{ ディスプレイ: フレックス; 幅: 500ピクセル; 高さ: 20...
Nginx 最適化サービスで Web ページ圧縮を実装する方法
リソースを節約するためにWebページの圧縮を設定する1.まず、設定を変更しましょう vim /usr...
MySQL ALTERコマンドの知識ポイントのまとめ
テーブル名を変更したり、テーブル フィールドを変更したりする必要がある場合は、 MySQL ALTE...
Vueはドラッグ可能なツリー構造図を実装します
目次Vue 再帰コンポーネントドラッグイベント最近、Vue を使用して、ドラッグ可能なツリー構造図と...
Ubuntu 16.04.5LTS に SVN をインストールする手順
この記事では、UbuntuシステムでSVNを設定するプロセスを簡単に紹介します。ソースを更新sudo...
床スクロール効果を実現する js
この記事ではjQueryを使用して、階段のスライド効果を実装し、フロアをスクロールし、フロアボタンを...
非常に詳細な Vue-Router のステップバイステップのチュートリアル
目次1. ルータビュー2. ルータリンク3. リダイレクト4. ルーティングエイリアス5. ルーティ...
メモリの原則に関する詳細な説明: JS では変数はヒープに保存されるのか、スタックに保存されるのか?
目次1. 冷蔵庫に入りきらない象2. シャドウクローン文字列3. 実際に見た「奇妙なボール」 4. ...
Web デザイン スキル: iframe の適応高さの問題
おそらく、この問題にまだ遭遇していない人もいるでしょうから、まずは適応高さとは何かを説明しましょう。...
MySQL で高性能なインデックスを作成するための完全な手順
目次1. インデックスの基本1. インデックスの種類1.1 Bツリーインデックス1.2 ハッシュイン...
Vue3のサンドボックスの仕組みの詳しい説明
目次序文ブラウザコンパイル版ローカルプリコンパイルバージョン要約する序文vue3サンドボックスには主...
航空機戦争ゲームを実装するためのJavaScript
この記事では、キャンバスとjsを使用して簡単な飛行機戦争を実装する方法を参考までに紹介します。具体的...