HTML

9. 아이프레임

HJ76 2023. 3. 24. 17:25
아이프레임
  • inline frame의 약자
  • 웹사이트 안에 또 다른 웹사이트를 삽입
<iframe src = "삽입할 페이지의 주소 또는 문서위치" style="크기를 설정할 css코드"></iframe>
taget 속성
  • _blank : 새탭에서 열림
  • 아이프레임의 name : 해당 아이프레임에서 열림
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>아이프레임</title>
</head>
<body>
    <h2>아이프레임</h2>
    <p><a href="1. 하이퍼링크.html">하이퍼링크 연습 페이지(현재 페이지)</a>
    <a href="1. 하이퍼링크.html" target="_blank">하이퍼링크 연습 페이지(새 탭)</a>
    <a href="1. 하이퍼링크.html" target="if">하이퍼링크 연습 페이지(현재 페이지)</a></p>
    <p><iframe src="http://koreaisacademy.co.kr/" style="width: 100%; height: 800px;border: 3px dashed red;"name = if></iframe></p>
    <h2>아이프레임</h2>
</body>
</html>

  • 하이퍼링크 연습 페이지(현재 페이지) 클릭

  • 하이퍼링크 연습 페이지(새 탭) 클릭

  • 하이퍼링크 연습 페이지(현재 페이지) 맨 아래 클릭