[CSS] 23. iframe

in Web on CSS


iframe



<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>iframe</title>
</head>
<style>
	iframe{margin-left:100px;}
</style>
<body>
	<!-- 외부에서 데이터를 가져옴 -->
	<h1>홈페이지</h1>
	<iframe src="http://kookyungmin.github.io" frameborder="0" width="1000" height="500"></iframe>
	<br>
	<h1>유튜브 예제</h1>
	<iframe width="1000" height="600" src="https://www.youtube.com/embed/KP4Ui62_7H8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen name="movie"></iframe>
	<ul>
		<!-- a태그의 target=_blank 속성은 링크를 누르면 새창이 열린다. -->
		<!-- iframe에서 링크를 보여주고 싶으면 iframe에서 name 속성과 a 태그의 target 속성을 이용 -->
		<li><a href="https://www.youtube.com/embed/KP4Ui62_7H8" target="movie">[궁극의사냥꾼★제드]중첩 다 모으니깐 궁 쿨감 55%??</a></li>
		<li><a href="https://www.youtube.com/embed/PZIPsKgWJiw" target="movie">JavaScript - 오리엔테이션</a></li>
		<li><a href="https://www.youtube.com/embed/OYubBP1gA5g" target="_blank">[스페셜] 제작진 당황시키는 아이린 ㅋㅋ</a></li>
		
	</ul>
	
</body>
</html>




실행결과