728x90
✔️ 아이프레임 태그
아이프레임(<iframe>) 태그는 다른 HTML 문서를 현재 문서에 삽입하는 데 사용된다. 이를 통해 외부 웹 페이지, 동영상, 지도 등을 현재 페이지에 내장할 수 있다. <iframe> 태그는 웹 페이지의 일부분을 다른 웹 페이지로 대체하거나, 다른 소스의 콘텐츠를 보여주는 데에 유용하다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>아이프레임</title>
</head>
<body>
<h2>아이프레임</h2>
<p><a href="./6. 이미지태그.html">이미지 연습 페이지(현재창)</a></p>
<p><a href="./6. 이미지태그.html" target="_blank">이미지 연습 페이지(새탭)</a></p>
<p><a href="./6. 이미지태그.html" target="korea">이미지 연습 페이지(아이프레임)</a></p>
<p><a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3161.6604808673546!2d126.97262231608447!3d37.586611830734384!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca2b7ef94a16b%3A0xb16d5f135eaaddc!2z7LKt7JmA64yA!5e0!3m2!1sko!2skr!4v1588826305729!5m2!1sko!2sk" target="korea">구글 지도(아이프레임)</a></p>
<p><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3161.6604808673546!2d126.97262231608447!3d37.586611830734384!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca2b7ef94a16b%3A0xb16d5f135eaaddc!2z7LKt7JmA64yA!5e0!3m2!1sko!2skr!4v1588826305729!5m2!1sko!2sk" style="width:100%; height:600px; border: 3px dashed red;" name="korea"></iframe></p>
</body>
</html>
👇
728x90
'Web > html' 카테고리의 다른 글
| 11. 디스플레이, 시맨틱 태그 (0) | 2024.07.13 |
|---|---|
| 10. 폼 태그 (0) | 2024.07.10 |
| 8. 테이블 태그 (0) | 2024.07.10 |
| 7. 하이퍼링크 태그 (0) | 2024.07.10 |
| 6. 이미지 태그 (0) | 2024.07.10 |
