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

iframe 사용법을 알자

오작교 28722

0
<iframe src="https://yeoyoo.com" frameborder="0" width="500" height="200" marginwidth="0" marginheight="0" scrolling="auto" style="border:1 solid navy"></iframe>
  
https://yeoyoo.com는 아이프레임 안에 들어갈 문서의 주소.

frameborder="0" 은 프레임 테두리 두께를 0으로,width="500" height="200" 에서는 iframe 창의 가로x세로 크기를 조절.

marginwidth="0" marginheight="0" 은 창 내부의 여백(여기서는 모두 0으로 했음)

scrolling="auto" 는 스크롤바 자동생성..auto 대신 no로 하면 없음, yes로 하면 항상 있음.

style="border:1 solid navy" 는 아이프레임에 테두리를 넣기 위한 부분입니다. 테두리가 필요없는 분은 빼도 됩니다. (1 solid navy는 각각 테두리의 두께, 속성, 색상)

[속성]

align : 프레임 창의 정렬 방법을 지정합니다.  (top, middle, bottom, left, right)

class : CSS의 class 선택자를 지정합니다.

dir : 글자 방향을 지정합니다. (rtl, ltr)

frameborder : 프레임 테두리를 표시할지 여부를 지정합니다.
                   1 또는 yes로 지정하면 프레임 테두리가 표시되고,
                   0 또는 no로 지정하면 프레임 테두리가 표시되지 않습니다.
                   기본값은 1입니다.

height : 프레임의 높이를 지정합니다.

id : CSS의 ID 선택자를 지정합니다.

logndesc : 프레임으로 표시할 문서에 대해 자세한 설명을 담은 문서의 URI를 지정합니다.

marginheight : 프레임 안쪽의 세로 여백을 지정합니다.(pixels)

marginwidth : 프레임 안쪽의 가로 여백을 지정합니다.(pixels)

name : 인라인 프레임의 이름을 지정합니다.

scrolling : 스크롤이 가능하게 할지 여부를 지정합니다.
               기본값인 auto는 필요한 경우에만 스크롤 막대를 표시합니다.
               yes는 항상 스크롤 막대를 표시하고,
               no는 스크롤 막대를 표시하지 않습니다.

src : 프레임으로 표시할 문서의 URI를 지정합니다.

style : CSS 스타일을 지정합니다.

title : 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

width : 프레임의 너비를 지정합니다.
공유
0

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

취소 댓글 등록

신고

"님의 댓글"

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

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 287506 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 346556 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 291197 +14
300
normal
오작교 23.12.10.09:32 14354 0
299 Script
normal
오작교 23.12.10.09:29 19493 0
298 CSS
normal
오작교 21.01.09.14:18 40493 0
297 HTML
normal
오작교 15.09.17.08:58 116114 0
296 HTML
normal
오작교 15.09.13.21:38 21404 0
295 HTML
normal
오작교 15.09.13.21:30 24981 0
294 HTML
normal
오작교 15.08.30.12:19 52581 0
293 Script
normal
오작교 15.05.12.14:06 20929 0
292 HTML
file
오작교 12.03.08.13:51 35736 0
291 HTML
normal
오작교 11.06.03.10:44 40548 0
290 CSS
normal
오작교 11.06.03.10:29 70436 0
289 Script
normal
오작교 11.03.22.11:19 43250 0
288 Script
normal
오작교 11.03.22.11:15 37995 0
287 Script
normal
오작교 11.03.22.11:07 36883 0
286 HTML
normal
오작교 11.01.25.10:27 36024 0
285 CSS
normal
오작교 11.01.24.10:40 35146 0
284 HTML
normal
오작교 11.01.24.10:39 36862 0
283 Script
normal
오작교 11.01.24.10:34 37883 0
282 CSS
normal
오작교 11.01.24.10:31 37506 0
281 CSS
normal
오작교 11.01.24.10:27 36000 0