HTMLフレーム

HTML フレーム

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

フレームタグiframe

iframe構文:

<iframe src="URL"></iframe>

URL は別の Web ページを指しています。特定の HTML ファイルを指定することもできます

Iframe - 高さと幅を設定する

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

プロパティはデフォルトではピクセル単位ですが、比例して表示されるように指定できます (例: "80%")。ボーダーに加えて

Frameborder 属性は、iframe がボーダーを表示するかどうかを示すかどうかを定義するために使用されます。

iframe の境界線を削除するには、属性値を「0」に設定します:

例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="second.html" width="400" height="200"></iframe>
<iframe src="http://ask.php.cn/" width="400" height="200"></iframe>
<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>
</body>
</html>

このプログラムを実行して、上記のプログラムとの違いを確認してください

iframe を使用してディレクトリリンクページを表示します

iframe はターゲットリンクページを表示できます

次の例に示すように、ターゲットリンクの属性には iframe の属性を使用する必要があります:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="//m.sbmmt.com/" width="200" height="200" frameborder="0">
    <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
</body>
</html>

プログラムを実行し、クリックして参照

HTML iframe タグ

タグ	説明
フレーム>	インラインiframeを定義します

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="//m.sbmmt.com/" width="400" height="200"></iframe> <iframe src="http://ask.php.cn/" width="400" height="200"></iframe> <p>一些旧的浏览器不支持 iframe。</p> <p>如果浏览器不支持 iframes 则不会显示。</p> </body> </html>

提出するリセットコード

自動運転