HTML iframe は、ビデオ、地図、その他の Web ページなどの外部コンテンツを自分の Web ページに直接埋め込む強力な方法を提供します。この記事では、HTML iframe とその構文、および Web 開発プロジェクトを強化するためにそれらを使用する方法について詳しく説明します。
HTML Iframe とは何ですか?
iframe は、別の HTML ドキュメント内に埋め込まれた HTML ドキュメントです。の>
The src attribute specifies the URL of the document you want to embed.>Iframes can include videos , maps , or entire web pages from other sources.>
Attributes Value:>
It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below: URL Descriptions Absolute URL It points to another webpage. Relative URL It points to other files of the same web page. Supported Attributes: AttributesDescriptionallowSpecifies a set of extra restrictions on the content that can be loaded in an 。HTML iframe の例
例 1: この例では、 iframeタグ 現在の Web ページ内に Web ページを表示するために使用されます。
CSS太字テキストHTML |_+_|
出力：
HTML iframe の出力例
2. 高さと幅の属性を使用します。
高さと幅の属性は、iframe のサイズを指定するために使用されます。デフォルトでは、属性値はピクセル単位で指定されます。ピクセルまたはパーセンテージ (80% など) を使用できます。
例 ： この例では、 HTML iframe タグ を設定することで 幅高さ iframe の。
HTML |_+_|出力：
HTML iframe の出力例
3. Iframe から境界線を削除する
デフォルトでは、iframe の周囲に枠線が表示されます。境界線を削除するには、style 属性を使用し、 CSS 境界線プロパティ 。
例 ： この例では、border プロパティが次のように設定されている HTML iframe タグについて説明します。 なし 。
HTML |_+_|出力：
Java文字列クラス
HTML iframe の出力例
文字列Java
4. Iframe の境界線のスタイル
Iframe の境界線のサイズ、スタイル、色の変更。
例 ： この例では、境界線のスタイルを指定して HTML iframe タグを記述します。
HTML |_+_|出力：
HTML Iframe の境界線スタイルの出力例
5. リンク内の iframe ターゲット
iframe はリンクのターゲット フレームとして使用できます。リンクの target 属性は、iframe の name 属性を参照する必要があります。
例 5: この例では、リンクのターゲット フレームを使用して HTML iframe タグを記述します。
HTML |_+_|タグとその属性を使用すると、iframe を活用して Web プロジェクトの機能とユーザー エクスペリエンスを強化できます。>