HTML, CSS

(12)HTML_iframe

빠스무 2023. 3. 24. 16:40
728x90
  • iframe을 이용해 홈페이지에 원하는 결과를 띄워볼 수 있다.
  • 아래 링크를 통해 각 요소에 관한 설명을 볼 수 있다.
  • https://jm-rograming.tistory.com/44
 

(6)HTML_기본문법

하이퍼 링크 - 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) - 인라인 태그 링크에 사용할 문자 또는 이미지 ✔호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임

jm-rograming.tistory.com

 

 

<!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" target = "_blank">하이퍼 링크 연습(새탭)</a>
        <a href="1. 하이퍼링크.html" target = "if">하이퍼 링크 연습(iframe)</a>
    </p>
    <p><iframe src="https://www.daum.net/" style = "width:100%; height:800px; border: 3px dashed red;" name="if"></iframe></p>
</body>
</html>

  • 하이퍼 링크 연습 iframe을 누르면 서브로 만든 페이지로 띄워준다.