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

iframe 태그 -1

오작교 30205

0
iframe 태그란 HTML문서의 안에 또 다른 HTML문서를 삽입할 수 있도록 해주는 기능을 하는 태그이며 inline frame의 약자이다.  음...비유하자면 집안의 벽에 창문이 있듯이 홈페이지의 웹문서안에 또 다른 웹문서를 볼 수 있게 창문과 같은 기능을 하는 태그이다. 아직까지 iframe 태그가 뭔지 감을 못잡았거나 한번도 iframe 을 보지 못하신 분을 위해 예제를 하나 보여드리겠다 ㅡ0ㅡ; 
여기를 클릭하시라☞ 클릭클릭
 자~ 이제 감이 오는가?  iframe 태그를 잘 사용한다면 홈페이지를 멋지고 유용하게 꾸밀 수 있을 것이다. 본격적으로 배워볼까나...^^;

 ※ 형식
<iframe src="주소" frameborder="테두리표시여부" bordercolor="테두리색" marginwidth="가로여백" marginheight="세로여백" width="가로길이" height="세로길이" align="정렬방식"></iframe>

 기본적인 형식은 <iframe src="주소"></iframe> ☜이케 하면 된다. ^^ 그런데 위에 처럼 여러가지 속성을 넣으면 좀더 멋지게 꾸밀 수 있다 .

 ※ 속성

속  성 기  능
 src ="주소"  iframe 창에 나타내고자 하는 창의 주소(경로)를 넣는다 
 name  iframe 창도 target 설정을 할 수 있다. name을 지정한다.
 ( target 에 대해선 링크태그 부분 참조)
 frameborder="yes/no or 1/0"
 bordercolor="테두리색상"
 테두리 존재여부(존재:yes/1 부존재:no/0)와 테두리의 색상을 
 정한다. (frameborder 는 테두리 두께 조절이 아님)
 align  말그대로 정렬방식이다. 프레임내의 내용에 대한 정렬방식이 아닌 프레임과 그 다음에 이어져 나오는 텍스트나 이미지등과의 정렬 방식
 height/width  프레임의 가로와 세로 길이를 정해준다.
 hspace/vspace  가로세로 여백을 정한다.
 marginwidht/marginheight  프레임 내의 문서와 프레임 테두리간의 여백을 조절한다.
 scrolling="auto/yes/no"  프레임에 스크롤바가 생기게 할 것인가를 정해준다.
 
공유
0

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

취소 댓글 등록

신고

"님의 댓글"

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

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 202201
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290134 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349143 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 293763 +14
300
normal
오작교 23.12.10.09:32 14443 0
299 Script
normal
오작교 23.12.10.09:29 19730 0
298 CSS
normal
오작교 21.01.09.14:18 40671 0
297 HTML
normal
오작교 15.09.17.08:58 116271 0
296 HTML
normal
오작교 15.09.13.21:38 21541 0
295 HTML
normal
오작교 15.09.13.21:30 25119 0
294 HTML
normal
오작교 15.08.30.12:19 52734 0
293 Script
normal
오작교 15.05.12.14:06 21120 0
292 HTML
file
오작교 12.03.08.13:51 35882 0
291 HTML
normal
오작교 11.06.03.10:44 40702 0
290 CSS
normal
오작교 11.06.03.10:29 70606 0
289 Script
normal
오작교 11.03.22.11:19 43413 0
288 Script
normal
오작교 11.03.22.11:15 38170 0
287 Script
normal
오작교 11.03.22.11:07 37067 0
286 HTML
normal
오작교 11.01.25.10:27 36159 0
285 CSS
normal
오작교 11.01.24.10:40 35333 0
284 HTML
normal
오작교 11.01.24.10:39 37041 0
283 Script
normal
오작교 11.01.24.10:34 38064 0
282 CSS
normal
오작교 11.01.24.10:31 37688 0
281 CSS
normal
오작교 11.01.24.10:27 36166 0