2020. 4. 18.

[HTML] iframe 강의 정리


  1. IFRAME
  • 문서 내의 프레임을 만들어 보여줄지 설정. YES 보임 No 또는 0 안보임.

frameborder
프레임의 경계선 보여줄지 설정. yes 보임 no 또는 0 안보임
Height, width
프레임의 가로와 세로 길이
Hspace
프레임과 포함 내용간의 가로 여백
vspace
프레임과 포함 내용간의 세로 여백
scrolling
스크롤 유무
src
프레임에 출력될 문서의 경로 입력

iframe으로 html 불러옴


frameborder="no" 프레임구분선을 없애버림
scrolling="auto" 스크롤기능을 길면 달아주고 짧으면 없애주는 오토기능


target="portal" 포탈이란 창에서 열리게
name="portal" 포탈이라고 지정함


소스코드가 짤려서 직접넣음
<html>

<head>
<title>아이프레임 응용하기</title>
</head>

<body bgcolor="pink">
<center>
<a href="http://www.naver.com" target="portal">네이버</a> |
<a href="http://www.daum.net" target="portal">다음</a> |
<a href="http://google.com" target="portal">구글</a><p>
<iframe src="http://google.com" scrolling="auto" frameborder="no" width="400" height="300" name="portal">이 문서는 iframe을 사용한 문서입니다.</iframe>
</center>
</body>
</html>



<html>

<head>
<title>아이프레임 응용하기</title>
</head>
<body bgcolor="yellow">
안녕하세요. 첫번째 노란색페이지입니다.
<a href="02.html" target="_parent">클릭</a><br>
<a href="02.html" target="_self">클릭</a><br>
<a href="02.html" target="_blank">클릭</a><br>
</body>
</html>



댓글 없음:

댓글 쓰기