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

推薦する

JavaScript でじゃんけんゲームを書く

この記事では、JavaScriptでじゃんけんゲームを書くための具体的なコードを参考までに紹介します...

CSS 読み込み効果の実装 パックマン

えーっと、名前はただの推測です 2333序文これは練習用の CSS デモです。何か間違っている点があ...

CSS3 で translate と transition を使用する方法

translate と transition は非常に強力で、習得するのは不可能だといつも感じていま...

「いいね!」文がインデックスに登録されないのはなぜですか?

序文この記事は、最も人気のある言語で最も退屈な基礎知識を説明することを目的としていますこのトピックは...

HTML と埋め込み Flash の両方におけるスクロールバーの分析と処理

開発を行う際に、次のような状況に遭遇することがよくあります。 a.swf が Web ページに追加さ...

Sysbench の MySQL ベンチマーク プロセスの分析

序文1.ベンチマークは、テスト オブジェクトのクラスの特定のパフォーマンス指標の定量的、再現可能、比...

リンクされた画像をダウンロードしてアップロードするJavaScriptの実装

写真をアップロードするので、まずはダウンロード可能な画像リソースかどうかを判断する必要があります。正...

CentOS で LibreOffice を使用してドキュメント形式を変換する方法

プロジェクト要件では、アップロードされたドキュメントの前処理が必要です。ユーザーが doc 形式でド...

Mysql マルチテーブル結合クエリの実行の詳細について簡単に説明します。

まず、このブログのケースデモンストレーション テーブルを作成します。 create table a(...

CSS3 を使用して色付きのプログレスバーアニメーションを実装する例

簡単なチュートリアルこれは CSS3 カラー プログレス バー アニメーション効果です。 CSS3 ...

MySQL はデータベースを動的に更新します スクリプト例の説明

具体的なupgradeスクリプトは次のとおりです。インデックスを動的に削除する アップグレードが存在...

CSS セレクターの重みの理解(個人テスト)

コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...

Tomcat 初回展開 Web プロジェクト プロセス図

独自のWebプロジェクトをtomcatディレクトリの下のwebappsディレクトリに配置します。 R...

URL 内の特殊記号の意味を知っていますか?

1.# # は Web ページ内の場所を表します。右側の文字はその位置の識別子です。たとえば、ht...

Centos7でファイルをバックアップするときは、バックアップファイルにバックアップの日付を追加します

Linux は、システム内のデバイス、インターフェース、ファイル、スタートアップ、アプリケーション ...