HTML開発マニュアルlogin
HTML開発マニュアル
著者:php.cn  更新時間:2022-04-11 17:45:33

HTMLフレーム



フレームを使用すると、同じブラウザウィンドウに複数のページを表示できます。


iframe syntax:

<iframe src="URL"></iframe>
この URL は別の Web ページを指します。

Iframe - 高さと幅を設定する

高さと幅の属性は、iframe タグの高さと幅を定義するために使用されます。

プロパティはデフォルトではピクセル単位ですが、比例して表示するように指定できます(例: "80%")。オンライン インスタンスを表示します

Iframe - 境界線を削除します
Frameborder 属性は、iframe が境界線を表示するかどうかを示すかどうかを定義するために使用されます。
属性値を「0」に設定します iframe の境界線を削除します:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>


</body>
</html>

インスタンスを実行する»

「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示します

iframe を使用するディレクトリ リンク ページを表示するには
iframe はターゲット リンク ページを表示できます
以下に示すように、ターゲット リンクの属性には iframe の属性を使用する必要があります:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

Run Instance»

Click [インスタンスを実行] ボタンをクリックしてオンライン インスタンスを表示します

HTML iframe タグ