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

[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제외


분류 제목
link HTML - <link> 태그 ★ - 외부소스연결 (= link태그 = 링크태그) (HTML5수정) ※ 파비…
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
form HTML - <select> 태그 ★ - 선택메뉴 (= select태그 = 실렉트태그 = 셀렉트태그) (H…
api HTML5 - Drag and Drop - 마우스로 끌어서 놓기 (= 드래그앤드롭)
font HTML - <i> 태그 - 이탤릭체 (=기울어진 글씨체 = 글씨 기울어지게 = i태그 = 아이태그, 이탤…
etc HTML - <tt> 태그 - 텔레타이프 텍스트 (= tt태그 = 티티태그)
media HTML - <audio> 태그 ★ - 음성파일재생 (= audio태그 = 오디오태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
programming HTML - <embed> 태그 - 외부동영상재생 (= embed태그 = 엠베드태그, HTML5추가)
etc HTML - 키보드 단축키 모음 (Window/Mac)
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
image HTML - <area> 태그 - 이미지맵에서 특정 링크 영역 (= area태그 = 에어리어태그) (HTML…
style HTML - <details> 태그 - 토글 가능한 세부사항(상세사항)을 표시 (= details태그 = 디…
form HTML - <textarea> 태그 ★ - 여러줄 입력창 (= 텍스트입력영역 = 텍스트영역 = textar…
font HTML - <strong> 태그 ★ - 굵은글씨 (= 글자굵기 = 폰트굵게 = strong태그 = 스트롱태…
image HTML - <map> 태그 - 이미지 특정 부분에 링크 (= map태그 = 이미지맵태그) ※ 이미지에 여러…
image HTML - <img> 태그 ★ - 이미지태그 (= img태그) ※ 이미지 일부 자르기, ※ 링크 허버 시,…
form HTML - <input> 태그 ★★★ - 입력창 + 입력버튼 (= input태그 = 인풋태그) ※ 자동포커…
font HTML - <u> 태그 ★ - 밑줄태그 (= u태그 = 유태그 = 언더라인태그) (HTML5재정의)
17/18
목록
찾아주셔서 감사합니다. Since 2012