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 フレームワーク、ツール、ソフトウェア、テンプレートを共有

推薦する

Centos6 で 20TB を超えるディスクをパーティション分割してフォーマットするためのサンプル コード

1. サーバー環境の構成: 1. ディスクパーティションを確認します。最近、あるプロジェクト内のサー...

MySqlを最適化するためにnot inを使用する方法

最近、プロジェクトで選択クエリを使用する際に、未使用の主キー ID を除外するために not in ...

div の水平レイアウトを両側に揃える 3 つの方法

この記事では、主に、div の水平レイアウトの両側の配置を実装する 3 つの方法を紹介し、それらを共...

Linux 時間サブシステムの時間表現例の詳細な説明

序文Linux カーネルでは、元のコードとの互換性を保つため、または特定の仕様に準拠するため、また現...

カレンダーウィジェットのネイティブJS実装

この記事の例では、カレンダーウィジェットを実装するためのjsの具体的なコードを参考までに共有していま...

CSSフローティングとフローティング解除について

フロートの定義要素を通常のドキュメント フローから外し、要素を左また​​は右に近づけます。親要素の端...

MySQL マスタースレーブレプリケーション構成プロセス

メインライブラリの構成1. MySQLを設定する vim /etc/my.cn # ファイルに次の内...

Linux での grep コマンドの使い方の詳細な説明

1. 公式紹介grep は Linux でよく使用されるコマンドです。これは、ファイルやテキストに対...

AES_ENCRYPT() と AES_DECRYPT() を使用して MySQL を暗号化および復号化する正しい方法の例

序文最近、仕事でAES_ENCRYPT()関数を使用してプレーンテキストを暗号化し、MySQL に保...

ページコンテンツ全体を中央に配置して、高さがコンテンツに合わせて自動的に拡張されるようにする方法

ページコンテンツ全体を中央に配置する方法と、コンテンツに合わせて高さを自動的に拡大縮小する方法。これ...

練習と面接のための Linux シェル スクリプトのヒント 9 つを共有する

予防1) 先頭にインタープリターを追加します: #!/bin/bash 2) 構文のインデントに 4...

WeChat公式アカウントでReactプロジェクトを実行する方法

目次1. a タグを使用して PDF をプレビューまたはダウンロードします。書き方は、携帯電話でクリ...

HTMLフォーム要素の詳しい解説(パート1)

HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。 HTML フォー...

VMwareのCentosシステムでNavicatがMySQLサーバーに接続できない問題を解決します

ホスト 'xxxx' はこの MySQL サーバーに接続できませんエラー: 1130...

Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)

検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要...