Jam's story

[HTML] iframe 본문

WEB/HTML

[HTML] iframe

애플쩀 2022. 5. 18. 15:23
  1. Inline + frame
  2. 인라인프레임은 현재 html 문서 내에 다른 문서를 포함하는데 사용
  3. 웹 페이지 내에 웹 페이지를 표시하는데 사용
  4. title 속성 포함하는 것이 좋다.
  5. height, width 높이, 너비 지정하는 속성
  6. 예) 모든 웹 페이지에 우측상단에 시간정보표시

- 인라인 프레임의 줄임말 (프레임 안의 프레임)
- 웹페이지 내에 또다른 웹페이지를 표시하는 데 사용

- 다른 웹페이지를 넣다 보니까 src는 필수적이고 나머지(width, height 등)은 스타일로 줄수 있고
                                                                  + board를 줄지말지도 스타일로 주고

- 계약조건.html

   다른 페이지 [계약조건.html]

 

 

iframe의 name 값을 target 속성 값으로 설정

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<a href="http://www.sist.co.kr" target="_self">sist</a><br>
<a href="http://www.naver.com" target="_blank">naver</a><br>
<!--  iframe의 name 값을 target 속성 값으로 설정-->
<a href="http://www.jquery.com" target="content">daum</a><br>
<br>
<iframe name="content" style="width:100%; height:200%"></iframe>




</body>
</html>

 

http://trio.co.kr/club/public/clock.html

 

Trio 홈페이지 - 시간 표시 예제 - Javascript 예제

 

trio.co.kr

 

 

저작자표시 (새창열림)

'WEB > HTML' 카테고리의 다른 글

[HTML] 반응형웹  (0) 2022.05.18
[HTML] HEAD 태그 안  (0) 2022.05.18
[HTML]시맨틱 웹  (0) 2022.05.18
[HTML] 레이아웃 배치  (0) 2022.05.18
[HTML] 에밋== 젠코딩  (0) 2022.05.17
'WEB/HTML' Related Articles more
Comments