• 회원가입
  • 로그인
  • 구글아이디로 로그인

[frame] HTML - <frame> 태그 - 프레임셋안 개별프레임창 (HTML5제외)

목차
  1. <frame> 예제 - 개별 프레임
  2. <frame> 정의
  3. <frame> 구문
  4. <frame> 속성

※ HTML5 지원 X

 

<frame> 예제 - 개별 프레임

 
<frameset cols="25%,50%,25%">
  <frame src="homzzang_frame_a.htm">
  <frame src="homzzang_frame_b.htm">
  <frame src="homzzang_frame_c.htm">
</frameset>
 

cf. XHTML 경우
 
<frameset cols="25%,50%,25%">
  <frame src="homzzang_frame_a.htm"/>
  <frame src="homzzang_frame_b.htm"/>
  <frame src="homzzang_frame_c.htm"/>
</frameset> 
 
 

<frame> 정의

 
프레임셋 안의 각각의 개별창 의미.

 


 
1.
각 프레임엔 개별적인 속성값 지정 가능.
(예: border 테두리, scrolling 스크롤바, resize 창 크기 등)
 
2.
종료 태그 없이 단독 사용. 그러나, XHTML에서는 <frame/>처럼 frame 뒤에 /를 넣어 닫아줘야 함.
 
3.
프레임을 사용하기 위해선, "HTML Frameset DTD" 이나 "XHTML Frameset DTD"를 선언해줘야 합니다.
 
4.
프레임셋을 사용할 때는 body 태그를 사용하지 않습니다. 
만약, frame 태그를 지원 않는 브라우저를 위해 noframes 태그도 함께 사용 시,
noframes 태그 안에 body 태그 다시 사용해야 함.
 
5.
HTML5 지원 X.
 
 

<frame> 구문

 
<frame src="주소" 속성="속성값">    
 
cf. XHTML 경우 
<frame src="주소" 속성="속성값" />
 
 

<frame> 속성

  속성
 속성값  쓰임새  비고
 
 frameborder
 
 
 0 : 테두리 사용 안함
 1 : 테두리 사용 함 (기본값)
 
 프레임에 테두리를 사용하지 여부  HTML5제외
 
 longdesc
 
 URL 주소  프레임 내용이 길 때 URL로 정의   HTML5제외
  
 marginheight
 
 px 단위  프레임의 상하 여백   HTML5제외
  
 marginwidth
 
 px 단위  프레임의 좌우 여백   HTML5제외
  
 name
 
 글자  다른 프레임과 구별 위한 프레임의 이름   HTML5제외
  
 noresize
 
 noresize  프레임 크기를 조정하지 못하도록 설정   HTML5제외
  
 scrolling
 
 
 auto : 자동 (기본값)
 yes : 생성 함
 no : 생성 안함
 
 스크롤바 생성 여부 결정   HTML5제외
  
 src
 
 URL 주소  프레임에 보여줄 웹문서 페이지 주소   HTML5제외

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
link HTML - <link> 태그 ★ - 외부소스연결 (= link태그 = 링크태그) (HTML5수정) ※ 파비…
list HTML - <ul> 태그 ★ - 객체 ★ - 순서없는리스트 (= 순서없는목록태그 = ul태그 = 유엘태그/…
list HTML - <ol> 태그 ★ - 순서있는리스트 (= 목록태그 = ol태그 = 오엘태그 = 올태그) - (H…
list HTML - <li> 태그 ★ - 리스트목록 (= 리스트아이템 = li태그 = 리태그/리스트태그/엘아이태그…
list HTML - <dir> 태그 - 디렉토리목록 (= dir태그 = 디르태그 = 디렉토리태그) (HTML5제외)
list HTML - <dl> 태그 ★ - 설명리스트 (= 설명목록 = dl태그 = 디엘태그) (HTML5용도변경) …
list HTML - <menu> 태그 - 명령어메뉴목록 (= menu태그 = 메뉴태그)
list HTML - <dt> 태그 ★ - 설명리스트의 설명항목 (= dt태그 = 디티태그) ※ (정의리스트/데이터리…
list HTML - <dd> 태그 ★ - 설명리스트의 설명항목 내용 (= dd태그 = 디디태그) ※ (정의리스트/데…
table HTML - <table> 태그 ★ 테이블 (= 표작성 = table태그 = 테이블태그) ※ 셀병합 (= 셀…
table HTML - <caption> 태그 - 테이블제목 (= 표제목 = caption태그 = 캡션태그) (HTML…
table HTML - <tr> 태그 ★ - 테이블행 (= 테이블가로줄 = tr태그 = 티알태그) (HTML5수정)</…
table HTML - <th> 태그 ★ - 테이블셀제목 (= th태그 = 티에이치태그) + th고정 (= 테이블헤드고…
table HTML - <td> 태그 ★ - 테이블 데이터 셀 (= 테이블셀 = td태그 = 티디태그) (HTML5수정…
table HTML - <thead> 태그 - 테이블머리글그룹 (= thead태그 = 티헤드태그) (HTML5수정)
table HTML - <tbody> 태그 - 테이블셀그룹 (= 테이블바디 = tbody태그 = 티바디태그) (HTML…
table HTML - <tfoot> 태그 - 테이블꼬릿말그룹 (= 테이블풋 = tfoot 태그 = 티풋태그) (HTM…
table HTML - <col> 태그 - 테이블열그룹 (= col태그 = 콜태그) (HTML5 수정)
table HTML - <colgroup> 태그 - 테이블의 col태그묶음 (= colgroup태그 = 콜그룹태그, H…
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
4/18
목록
찾아주셔서 감사합니다. Since 2012