ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのインラインタグiframeの使い方を詳しく解説!

HTMLのインラインタグiframeの使い方を詳しく解説!

藏色散人
藏色散人転載
2022-08-05 11:12:393551ブラウズ

IframeInline Frame

iframe は、Web ページのフレームとコンテンツを既存の Web ページに埋め込むことができる HTML タグです。つまり、他の人の Web ページを自分の Web に読み込むことができます。もちろん、Web サイトでは、iframe タグのいくつかの属性も、iframe を使用する際に、それをより良く使用するために知っておく必要があります。 [推奨: HTML ビデオ チュートリアル ]

使用法と属性

使用法:

iframe タグをページ内で直接使用します。

 <iframe src="" frameborder="0"></iframe>

Attributes:

  • src: インポートされたページのアドレス
  • framedorder: 枠線を表示するかどうか、属性値はyesとno、yes は境界線を表示することを意味し、no は境界線を表示しないことを意味します Display
  • name: フレーム識別名
  • scrolling: スクロール バーを表示するかどうか 属性値は、yes、no、および auto です。 yes はスクロール バーを表示することを意味し、no はスクロール バーを表示しないことを意味します。 auto は、ウィンドウのサイズに自動的に適応します。
  • width: iframe の幅を定義します。px を使用して調整することも、パーセント値を使用することもできます。 %
  • hight: iframe の高さを定義します。px を使用して調整できます。パーセント値 % も使用できます。
  • noresize: フレームウィンドウのサイズ変更を許可するかどうか
  • algin: 周囲の要素の配置に応じて

使い方を見てみましょう。

1. ページ上で直接

```html
  <iframe src="http://www.baidu.com" frameborder="0" width="60%" height="500px" scrolling="auto">
  </iframe>
をネストして使用します

HTMLのインラインタグiframeの使い方を詳しく解説!

2. タグと組み合わせて使用​​します

  <p><a href="http://www.baidu.com" target="right-frame">百度</a></p>
    <p><a href="http://qq.com" target="right-frame">腾讯</a></p>
    <iframe src="http://qq.com"  name="right-frame" width="400px" height="300px">
    </iframe>

HTMLのインラインタグiframeの使い方を詳しく解説!

この時点で、Baidu のハイパーリンクをクリックしてページにジャンプします。

HTMLのインラインタグiframeの使い方を詳しく解説!

これら 2 つのページは簡単にジャンプできます。

以上がHTMLのインラインタグiframeの使い方を詳しく解説!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。