• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
HTML

iframe의 속성

오작교 48803

0
기본 형식
<iframe src="주소"></iframe>

뒤에 꼭 </iframe>으로 아이프레임의 끝을 정해주어야 합니다.

속성(option)

설명

 src="주소"

 iframe에서 표시할 경로를 지정해 줍니다. "https://..."

 name="down"

 iframe의 이름을 지정 합니다. 이름을 Yanni 로 했음.

 width="숫자(픽셀값)"

 frame의 가로길이를 지정합니다.

 height="숫자"

 frame의 세로길이를 지정합니다.

 frameborder="숫자"

 iframe의 경계선 두께입니다. "2"로 하면 깔끔(?)하게 안보이더군요.

 marginwidth="0"

 iframe의 좌우여백입니다.

 marginheight="0"

 iframe의 상하여백입니다.

 scrolling="셋중하나"

 yes:무조건생성,no:무조건생성않음,auto:페이지 내용크기에 따라.

 align="셋중하나"

 문장과 상관되는 정렬위치입니다.[left/right/center(왼쪽/오른쪽/중간)] 셋중 하나 선택.


ex) 소스에 속성을 조합해서 사용한 예제 )

<iframe src="https://www.naver.com" name="down" width="500" height="400" frameborder="2" marginwidth="0" marginheight="0" scrolling="auto"></iframe>

AND!!
아이프레임을 프레임셋과 비슷하게 쓰는 방법.
요기 위에 name="down" 한거 보이시나요. 아이프레임 name을 down 으로 한겁니다.
그럼 이것을 링크태그와 같이 써보면 (한페이지에) 그냥 프레임처럼 사용할 수 있습니다.
링크태그에 타겟.target 을. 이렇게. <a href="https://www..." target="down">ㅁㄴㅇㄹ</a>
그럼 이 링크를 클릭하면 나타나게 되는곳은 바로 아이프레임입니다. 제 설명이 좀 어려운가요?;

공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 287560 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 346612 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 291242 +14
300
normal
오작교 23.12.10.09:32 14366 0
299 Script
normal
오작교 23.12.10.09:29 19503 0
298 CSS
normal
오작교 21.01.09.14:18 40505 0
297 HTML
normal
오작교 15.09.17.08:58 116125 0
296 HTML
normal
오작교 15.09.13.21:38 21412 0
295 HTML
normal
오작교 15.09.13.21:30 24989 0
294 HTML
normal
오작교 15.08.30.12:19 52588 0
293 Script
normal
오작교 15.05.12.14:06 20940 0
292 HTML
file
오작교 12.03.08.13:51 35744 0
291 HTML
normal
오작교 11.06.03.10:44 40556 0
290 CSS
normal
오작교 11.06.03.10:29 70448 0
289 Script
normal
오작교 11.03.22.11:19 43263 0
288 Script
normal
오작교 11.03.22.11:15 38005 0
287 Script
normal
오작교 11.03.22.11:07 36897 0
286 HTML
normal
오작교 11.01.25.10:27 36038 0
285 CSS
normal
오작교 11.01.24.10:40 35157 0
284 HTML
normal
오작교 11.01.24.10:39 36874 0
283 Script
normal
오작교 11.01.24.10:34 37889 0
282 CSS
normal
오작교 11.01.24.10:31 37520 0
281 CSS
normal
오작교 11.01.24.10:27 36015 0