ネストされた HTML ページの使用例 (フレームセットの使用)
|
コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>HTML でのフレームのネスト</title> </head> <!-- framespacing="2": 2つのウィンドウ間の隙間のサイズを変更します scrolling="yes": スクロールバーがあるかどうかを設定します。対応するフレームタグで設定します。 --> <フレームセット行数="10%,*" フレーム境界="0" フレーム間隔="10"> <frame src="HTML フレーム ネストされた top.html" noresize="noresize" scrolling="yes"/> <フレームセットcols="20%,*"> <frame src="HTML フレーム ネストされた left.html" noresize="noresize"/> <frame src="HTML フレーム ネスト right1.html" name="right1"/> </フレームセット> </frameset><noframes></noframes> </html> コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>無題のドキュメント</title> </head></p> <p><body> <img src="../../imgs/tingyingyue.png" width="1000" align="bottom"/> </本文> </html> コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>無題のドキュメント</title> </head></p> <p><body bgcolor="#FFFF99"> <a href="フレーム内の HTML ネスト right1.html" target="right1">青と白の磁器</a> <a href="HTML フレーム ネスト right2.html" target="right1">兵士</a> </本文> </html> コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>無題のドキュメント</title> </head></p> <p><body bgcolor="#99FF99"> 1. 内容ルームゴールドカードダンシャントルネードカラデスキ有料サタンポイントカードネクタイ結び髪asdfjlkasdjflkads fasdjklfjklasdjfklasdjfklasdjfklasdjkl偽の抵抗司法局アカリが景色を台無しにするカラスの減量サクラポイントカラスのポイントカラスの義理の兄弟は大洪水カードポイントラックスの </本文> </html> コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>無題のドキュメント</title> </head></p> <p><body bgcolor="#99FF99"> 2. 内容: 風の刃、霜の剣、アクファン、ラサはできるだけ早くなど、休日、カラス、BOE、家を出る、アダサ、クレイジーラサのポイント、カラディン、プログレッシブ、クレイジーラサ、極端にクレイジーなラサ、ショートヘア、見事なギャンブルプリンセス、カラギーナン、ソーダ、グリーンコーヒー<br/> fdasklfjklasdjfkdlas ギザ 休日を考えると、クリストファー・ジン・ケラは大きなネタバレです </本文> </html> |
<<: Web デザイン体験: 5 つの優れた Web デザイン コンセプトの完全分析 (画像)
推薦する
乱数、文字列、日付、検証コード、UUIDを生成するMySQLメソッド
目次乱数を生成する0から1までの乱数を生成する指定された範囲内で乱数を生成します6桁のモバイル認証コ...
Linuxはnode.jsを完全に削除し、yumコマンドで再インストールします。
最初のステップ組み込みのパッケージ管理機能で一度削除する yum 削除 nodejs npm -y ...
MySQL メモリテーブルと一時テーブルの使用方法の詳細な説明
MySQL メモリ テーブルと一時テーブルの使用メモリテーブル: セッション 1 $ mysql -...
Linux での mysql-5.7.28 インストール チュートリアル
1. 公式ウェブサイトから Linux バージョンをダウンロードします: https://dev.m...
Vueメソッドに基づくシンプルなタイマーの実装
Vueのシンプルなタイマーを参考にしてください。具体的な内容は以下のとおりです原理: setInte...
MySQL共通インデックスとユニークインデックスの選択に関する詳細な分析
各人が固有の携帯電話番号で登録し、ビジネス コードによって重複する携帯電話番号が 2 つ書き込まれな...
MySQL 関数インデックス最適化ソリューション
MySQL を使用する場合、多くの開発者は一部の列に対して関数計算を実行することが多く、その結果、イ...
docker を使用して Redis マスター/スレーブを構築する方法
1. Docker環境を構築する1. Dockerfileを作成する Centos:latest か...
JSscriptタグの属性は何ですか
JS スクリプト タグの属性は何ですか? charset : オプション。 src 属性で指定された...
CSS 3D からソースコードによる空間座標軸へ
かつて、サイコロを振るゲームについて話しました。その時は、steps 属性 + スプライト画像を使用...
ネイティブ CSS で無限テキストカルーセルを実装する一般的な方法
テキストカルーセルは私たちの日常生活で非常に一般的です。スーパーマーケットや実店舗の入り口には、テキ...
Vue+echarts でプログレスバーのヒストグラムを実現
この記事では、プログレスバーヒストグラムを実現するためのvue+echartsの具体的なコードを参考...
ファイルのダウンロードを実現する javascript Blob オブジェクト
目次例示する1. ブロブオブジェクト2. フロントエンド3. バックエンド要約する例示する最近、ファ...
CSS3 回転キューブ問題の詳細な説明
3D座標の概念要素が回転すると、その座標軸も一緒に回転します。注 -y方向の問題立方体を回転させる効...
MySQL ステートメントの実行順序と書き込み順序の例の分析
選択ステートメントの完全な構文は次のとおりです。 選択 DISTINCT <選択リスト>...