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

推薦する

HTML5で見逃せないAPIやヒントのまとめ

これまでのブログ投稿では、HTML 5 ではあまり使われていないが注目すべき API やヒントに焦点...

Linux コマンドライン操作 Baidu クラウドのファイルのアップロードとダウンロード

目次0. 背景1. インストール2. Baidu Cloudアカウントにログインする3. ファイルを...

Windows Server 2008 R2 サーバーが理由もなく自動的に再起動する問題の解決策

Windows Server 2008 サーバーが自動的に再起動します。サーバーにログインした後、ど...

MySQL 8.0.16 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)

この記事では、MySQL 8.0.16 winx64のインストールと設定の具体的な方法を記載します。...

MySQL での GROUP_CONCAT の使用例の分析

この記事では、例を使用して、MySQL で GROUP_CONCAT を使用する方法について説明しま...

ノードでシェルスクリプトを使用する方法

背景開発中、特定の状況でビジネス ロジックをバッチ処理するためのスクリプトが必要になる場合があります...

Node.jsはexpress-fileuploadミドルウェアを使用してファイルをアップロードします

目次プロジェクトを初期化するサーバーの作成クライアントを初期化するコンポーネントの記述ファイルアップ...

JSプロトタイプとプロトタイプチェーンについての簡単な説明

目次1. プロトタイプ2. プロトタイプポインタ: __proto__要約する1. プロトタイプJa...

VueでTypeScriptを使用する方法

導入近年、TypeScript を求める声がますます高まり、TypeScript はフロントエンドに...

QTとJavaScript間のインタラクティブデータの実装

1. QTからJSへのデータフロー1. QTはJS関数を呼び出し、JSはパラメータを通じてQTの値を...

MySQL はエンタープライズレベルのログ管理、バックアップ、リカバリの実践的なチュートリアルを実装します

背景事業が発展するにつれ、会社の事業内容や規模は拡大し続け、ウェブサイトには大量のユーザー情報やデー...

MySQL を使用してポート 3306 を開いたり変更したり、Ubuntu/Linux 環境でアクセス許可を開く

オペレーティングシステム: Ubuntu 17.04 64ビットMySQL バージョン: MySQL...

Vueモバイル端末は画面上で指をスライドさせる方向を判定する

vueモバイル端末は、画面上で指をスライドさせる方向を判断します。具体的な内容は次のとおりです。これ...

背景画像に CSS3 変換を適用するためのソリューション

CSS 変換は便利ですが、背景画像にはまだ適用されていません。この投稿では、背景画像を回転させたい場...

MySQL テーブル フィールドの時間設定のデフォルト値

アプリケーションシナリオデータ テーブルでは、アプリケーションは各データがいつ作成されたかを記録する...