강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

[html] frame, frameset, iframe 태그 정리
작성자 : 99 단국강토
등록날짜 : 2009.02.04 10:38
2,849

프레임을 나눈 페이지를 만들 때 가장 중요한 것은
전체 문서수 = 프레임태그 수 + 1 (프레임셋 구조를 가진 페이지) 입니다.
<frame src~ 이렇게 시작하는 태그 수 + <frameset ~~ 가 적힌 페이지 .. 입니다.
물론 조금 할 줄 안다 싶으면 위의 공식이 틀리지만 -_-;
어쨋든 위에처럼 정석으로 배우는 것이 좋습니다.


우선 frame 태그 속에 들어갈 수 있는 '속성'들을 정리 해 드리겠습니다.
속성이라 함은 예를 들어 <table border="1"> 이라는 태그속에서 파란색이 속성입니다.
속성은 한가지만 쓸 수 있는 것이 아니고 스패이스로 구분하여 여러개를 쓸 수 있답니다.
<table border="1" bordercolor="#FF33FF> 처럼 각 속성들을 모두 적어주시면 됩니다.


border="픽셀"
-----프레임의 경계선 두께를 설정합니다. 입력값이 "0" 이면 경계선은 사라집니다.
bordercolor="색이름/SRGB"
-----경계선의 색상을 설정합니다. blue나 red를 적어주셔도 되고 #FFFFFF부터 #000000까지 가능;
frameborder="값" (값 = 1 / 0)
-----프레임 경계선의 표시 유무를 설정합니다.
marginheight="픽셀"
-----프레임의 상하 여백을 설정합니다.
marginwidth="픽셀"
-----프레임의 좌우 여백을 설정합니다.
name="프레임 이름"
-----프레임의 이름을 지정합니다. 예약어(_new, _top, _parent, _blank)를 제외하고 사용해야 합니다.
noresize
-----프레임의 크기를 고정합니다. 브라우져에서 프레임을 조절 할 수 없게합니다.
scrolling="값" (값 = yes / no /auto)
-----프레임 내에 스크롤바를 만들것인가를 설정합니다. "yes"이면 무조건 나오고 "auto"이면 문서가 화면을 넘어가는가에 따라 자동으로 만들어집니다. No면 화면이 넘어가더라도 스크롤바가 나타나지 않습니다.



----------------------------------------------------------------



다음으로 frameset 태그 속에 들어갈 속성들 정리입니다.

border="픽셀"
-----프레임의 경계선 두께를 설정합니다. 입력값이 "0" 이면 경계선은 사라집니다.
bordercolor="색이름/SRGB"
-----경계선의 색상을 설정합니다.
cols="픽셀 / (%)"
-----프레임셋 내의 프레임들을 수직으로 나눌때, 프레임의 너비를 설정합니다.
frameborder="값" (값 = 1 / 0)
-----프레임 경계선의 표시 유무를 설정합니다.
framespacing="픽셀 / (%)"
-----프레임셋 내에서 프레임간의 간격.
rows="픽셀 / (%)"
-----프레임셋 내의 프레임들을 수평으로 나눌때, 프레임의 높이를 설정합니다.

*Frame태그는 종료태그를 붙이지 않습니다. ^^*
그렇다고 frameset도 종료태그를 안붙이면 큰일납니다 ㅋ </frameset>로 꼭 막아주세요~


----------------------------------------------------------------

마지막 Iframe태그 정리입니다.

align="값" (값 = left / center / right)
-----iframe의 정렬 상태를 설정합니다
border="픽셀"
-----경계선의 두께를 설정합니다.
bordercolor="색이름/SRGB"
-----경계선의 색상을 설정합니다.
frameborder="값" (값 = 1 / 0)
-----프레임 경계선의 표시 유무를 설정합니다.
framespacing="픽셀 / (%)"
-----프레임셋 내에서 프레임간의 간격.
height="픽셀"
-----창의 높이를 설정합니다.
hspace="픽셀"
-----창의 경계선과 창 안의 인접하고 있는 텍스트 사이의 좌우 간격을 설정합니다.
id="id 이름"
-----class와 동일한 기능. 다만 id는 한 번만 사용할 수 있습니다.
marginheight="픽셀"
-----프레임의 상하 여백을 설정합니다.
marginwidth="픽셀"
-----프레임의 좌우 여백을 설정합니다.
name="프레임 이름"
-----프레임의 이름을 지정합니다.
scrolling="값" (값 = yes / no /auto)
-----프레임 내에 스크롤바를 만들것인가를 설정합니다. "yes"이면 무조건 나오고 "auto"이면 문서가 화면을 넘어가는가에 따라 자동으로 만들어집니다.
src="url"
-----로딩될 페이지를 지정합니다.
style="스타일 시트 입력"
-----적용될 스타일 시트를 지정
width="픽셀"
-----창의 너비를 설정합니다.
vspace="픽셀"
-----창의 경계선과 창 안의 인접하고 있는 텍스트 사이의 상하 간격을 설정합니다.

[출처]  정이양선

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
285 프레임(2) 99 단국강토 02.09 2148
284 form tag-form (1) 99 단국강토 02.09 1991
283 form(2) 99 단국강토 02.09 1803
282 form-(4) 99 단국강토 02.09 2269
281 아름다운글 올리는 방법 5 마퀴 태그 99 단국강토 02.09 2302
280 이미지의 태그 처리 99 단국강토 02.09 2253
279 글쓰기/FIELDSET source 99 단국강토 02.09 2532
278 블로그 영상시, 나도 만들어 볼까? 99 단국강토 02.09 2292
277 동적 테이블 생성 DHTML 99 단국강토 02.09 2987
276 table,tr,td 의 innerHTML 속성으로 좀 가꾸놀기 99 단국강토 02.09 3926
275 [html] Form - 라디오버튼에서 value값 넘기기 99 단국강토 02.05 14697
274 텍스트 및 이미지의 불법 유출을 막는 방법 99 단국강토 02.05 2514
273 아이프레임(iframe) 태그 99 단국강토 02.05 2859
272 input type=' button 을 image'로 변경하는 방법 99 단국강토 02.05 2613
271 하이퍼링크 99 단국강토 02.05 2073
270 태그를 배울려면 이런것들을 알아야 99 단국강토 02.05 2686
269 태그 총 정리(태그 사전) 99 단국강토 02.05 2666
268 그림*음악*표 태그하는 방법 99 단국강토 02.05 2364
267 HTML 상태코드 99 단국강토 02.05 2360
266 테이블에 셀롤오버와 링크걸기 99 단국강토 02.05 2491
265 한줄짜리 웹소스 99 단국강토 02.05 2202
264 [테이블] 점선 테이블 만들기 99 단국강토 02.05 2944
263 테이블 프레임,, 겉부분만 나오게 하기 99 단국강토 02.05 2315
262 스크롤바 쓰지 않고 같은페이지서 원하는 위치로 이동 99 단국강토 02.05 2328
261 html - 테이블에 점선 넣기, 테이블 점선만들기 99 단국강토 02.05 4836
260 아이프레임 삽입하기 99 단국강토 02.04 2274
259 이쁜 돋움체 만들기!! 99 단국강토 02.04 2375
258 테이블(표) 디자인 - HTML과 CSS를 이용한 99 단국강토 02.04 2368
열람중 [html] frame, frameset, iframe 태그 정리 99 단국강토 02.04 2850
256 홈페이지 프레임 가운데 정렬 99 단국강토 02.04 3208
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취