iframe 태그-유튜브영상넣기

imjingu·2023년 7월 8일
0

개발공부

목록 보기
72/481

<iframe> 태그를 이용한 웹문서에 유튜브 영상 불러오기
iframe : 내부프레임 / html문서안에 html문서가 존재
긴 내용의 문서, 유투브영상 등 큰 용량의 영상을 간단하게 링크로 가져올때 많이 사용

width = 넓이를 지정, 픽셀 또는 백분율 값
height = 높이를 지정, 픽셀 또는 백분율 값
name = 현재의 iframe 이름
src = iframe에 표시할 문서의 주소를 지정

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        iframe {
            display: block;
        }
    </style>
</head>
<body>
    

    <!-- 외부 소스 -->
    <iframe src="https://youtu.be/CR2Rgx6XolY" width="560" height="315" ></iframe>
</body>
</html>

0개의 댓글