iframe を使用して Web ページに他の Web ページを埋め込む方法

iframe を使用して Web ページに他の Web ページを埋め込む方法

iframe の使い方:

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

<DIV align=center><IFRAME src="<a href="https://www.jb51.net">https://www.jb51.net</a>" frameBorder=0 marginwidth=0 marginheight=0 scrolling=no style="width168:px;height:50px;" width=168 height=50 scrolling=no ALLOWTRANSPARENCY="true"></IFRAME></DIV>


説明: これは天気予報を埋め込むアプリケーションの例です。このエフェクトは最もよく使用されます。で:

1. 「https://www.jb51.net」は埋め込まれたウェブページのアドレスです。
2. width="168px" height="50px" は埋め込まれたウェブページの幅と高さです。値が大きいほど範囲が大きくなります。埋め込まれたコンテンツを非表示にするには、これら 2 つの値を 0 に設定します。
3. scrolling="no" は埋め込まれたウェブページのスクロール設定です。コンテンツ範囲が広い場合は scrolling="yes" としてスクロールを許可するように設定できます。 ALLOWTRANSPARENCY="true" は透明な設定を許可し、不透明な設定の場合は true を no に変更します。以下も同様です。
4. frameBorder=0 は、埋め込まれた Web ページの境界線の設定です。0 は境界線なし、1 は境界線の太さを意味します。値が大きいほど、境界線が太くなります。以下も同様です。
5. marginwidth=0 marginheight=0 埋め込まれた Web ページから余白までの距離を設定します。0 は余白がないことを意味します。

<<:  文字列の最初の文字を取得してテキストアイコン機能を実現する純粋なCSS

>>:  25 個の CSS フレームワーク、ツール、ソフトウェア、テンプレートを共有

推薦する

タブ効果を実現する js 開発プラグイン

この記事の例では、タブ効果を実現するためのjsプラグインの具体的なコードを参考までに共有しています。...

HTML+CSSは、要素の位置までスクロールして読み込みアニメーション効果を表示します。

要素までスクロールするたびに読み込みアニメーションを追加するにはどうすればよいですか?初期パラメータ...

クールな充電アニメーションを実現する純粋なCSS

CSS のみを使用してどのような充電アニメーション効果を作成できるかを見てみましょう。バッテリーを...

MySQLのインストールと設定に関する詳細なチュートリアル

目次インストール不要のMySQLバージョン1. インストール パッケージをダウンロードします。 2....

MySQL LOAD_FILE() 関数メソッドの概要

MySQL では、LOAD_FILE() 関数はファイルを読み取り、その内容を文字列として返します。...

Jmeterはデータベースプロセスダイアグラムに接続します

1. MySQL jdbc ドライバー (mysql-connector-java-5.1.28.j...

Centos8.2 クラウド サーバー環境に Tomcat8.5 をインストールするための詳細なチュートリアル

Tomcatをインストールする前に、まずJDK環境をインストールしてくださいLinux サーバー上で...

Centos8 で yum を使用して rabbitmq をインストールするチュートリアル

/etc/yum.repos.d/フォルダに入るrabbitmq-erlang.repo ファイルを...

HTTPプロトコルにおけるステータスコードの意味

暫定的な応答を示し、要求者に操作の続行を要求するステータス コード。コードの説明100 (続行) リ...

Vue+flaskで動画合成機能を実現(ドラッグ&ドロップアップロード)

目次ドラッグアンドドロップアップロードについては以前の記事で書きました。ファイルをアップロードするF...

解決策 - BASH: /HOME/JAVA/JDK1.8.0_221/BIN/JAVA: 権限が不十分です

1) jdkファイルが保存されているフォルダパスを入力します私はここにいますusr/local/jd...

Tomcat プロセスの CPU 使用率が高い場合の解決策

目次場合コンテキスト切り替えのオーバーヘッド?要約するCPU は多くの場合、システム パフォーマンス...

ova ファイルを VMware にインポートする際の落とし穴の概要

問題の原因ご存知のとおり、すべてのネットワーク動作は対応するネットワークトラフィックを生成し、すべて...

MySQL可視化ツールNavicatへの接続方法

Navicatをインストールした後次のエラーが発生する場合があります: Client does no...

HTML のフォームフォームのメソッド属性の紹介

1 メソッドは、データをサーバーに送信する方法を指定するプロパティです。 2 post と get ...