본문 바로가기
스터디/publishing

[HTML] HTML 강좌, 제 8강의 - 프레임 강의!

by 깝태 2011. 1. 25.
HTML 강의, HTML 강좌, HTMl 태그 강의, HTML 태그 강좌
안녕하세요, 현재 시각 AM 1:36...... 혹여나 살아있는분들 있을지 모르겠습니다. 암튼 8강 프레임 강의를 시작하도록 하겠습니다.
이번에도... '야(YA)' 를 마시고 야심하게 공부를 하려니깐 머리가 핑핑 도는군요.... 약간 X 할것도 같은 느낌...

암튼 강의를 시작하겠습니다! 프레임은 <frameset> 로 나눌 수 있으며 <frame> 태그로
프레임에 속할 문서를 불러올 수 있습니다.

프레임 생성 - <frameset cols/rows = "N or %"> 구조 생성 </frameset>
(cols - 가로분할, rows - 세로분할)
프레임 테두리 두께 - <frameset frameborder = "n">
(0 이면 없음, 1이면 생성)

프레임 불러오기 - <frame src = "경로"> </frame>
프레임 좌우여백 - <frame marginwidth = "n">
프레임 상하여백 - <frame marginheight = "n">
프레임 테두리 색상 - <frame bordercolor = "색상명/RGB값"

프레임 크기 변경 - <frame noresize>
프레임 스크롤 변경 - <frame scrollsing = "yes/no/auto"
(yes - 무조건 생성, no - 무조건 없앰, auto - 자동생성)

프레임 타겟 설정 - (원본) <frame src = "처음경로" name = "타겟이름">
프레임 타겟 이동 설정 - <a href = "이동 경로" target = "타겟이름">

그러니깐 a href 로 타겟이름을 설정하면 프레임으로 나눠 뜰때 타겟이름과
원본 name 이름이 똑같을시 이동이 됩니다. 물론 프레임 설정은
따로따로 가능하니깐 예제를 꼭 참고하세요!

참고로 프레임 태그는 Body 에 넣으면 작동하지 않습니다. Body 전 태그에 삽입해야지만 작동합니다.
나머지 내용은 예제를 참고하시길 바랍니다. 간단하게 예제 설명 하겠습니다.

8-1 예제 파일에서 cols(가로분할) 태그를 이용해 분할해 왼쪽은 menu, 오른쪽은 8-1(web) 파일 입니다.
보시면 아시다시피 menu 소스에서 target 를 right 로 설정해줬습니다. 그러면 메인 소스에서 보여질 프레임에
<frame name = "right" > 하면 설정한 프레임에 표시가 됩니다. 직접 만들어보고 비교하세요.

이로써 8강을 마칩니다.  첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.

8강 예제.zip


다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.