auの日記

プログラミング初心者の日記。(auはハンドルネームです)

HTMLのiframeタグについて調べてみた

auです。

iframeについて調べてみた。

iframeとは

iframeタグは、現在のHTMLページに他のページを埋め込む事ができます。

Inline Frameを略してiframeみたいですね。

グルメサイトにGoogle Mapが埋め込まれているものがあると思います。アレです。

ソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8"/>
    <title>iframe</title>
</head>

<body>
    <iframe id="inlineFrameExample"
        title="Inline Frame Example"
        width="300"
        height="200"
        src="https://www.youtube.com/embed/P-TCOW25798">
    </iframe>
</body>
</html>

実際にページに表示してみた
f:id:program-shoshinsya:20200502231229p:plain

ちっさいけど貼りつきました。