HTML 강의, HTML 강좌, HTMl 태그 강의, HTML 태그 강좌
안녕하세요, 현재 시각 AM 1:36...... 혹여나 살아있는분들 있을지 모르겠습니다. 암튼 8강 프레임 강의를 시작하도록 하겠습니다.
이번에도... '야(YA)' 를 마시고 야심하게 공부를 하려니깐 머리가 핑핑 도는군요.... 약간 X 할것도 같은 느낌...
암튼 강의를 시작하겠습니다! 프레임은 <frameset> 로 나눌 수 있으며 <frame> 태그로
프레임에 속할 문서를 불러올 수 있습니다.
참고로 프레임 태그는 Body 에 넣으면 작동하지 않습니다. Body 전 태그에 삽입해야지만 작동합니다.
나머지 내용은 예제를 참고하시길 바랍니다. 간단하게 예제 설명 하겠습니다.
8-1 예제 파일에서 cols(가로분할) 태그를 이용해 분할해 왼쪽은 menu, 오른쪽은 8-1(web) 파일 입니다.
보시면 아시다시피 menu 소스에서 target 를 right 로 설정해줬습니다. 그러면 메인 소스에서 보여질 프레임에
<frame name = "right" > 하면 설정한 프레임에 표시가 됩니다. 직접 만들어보고 비교하세요.
이로써 8강을 마칩니다. 첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.
다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.
안녕하세요, 현재 시각 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강을 마칩니다. 첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.
다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.
'스터디 > publishing' 카테고리의 다른 글
[HTML] HTML 강좌, 제 10강의 - 플래시 파일(asf, wmv, mp3, swf 등)을 재생하는 Embed 태그 (2) | 2011.01.25 |
---|---|
[HTML] HTML 강좌, 제 9강의 - 사용자에게 정보를 입력받을 수 있는 입력양식을 만드는 form 태그 (0) | 2011.01.25 |
[HTML] HTML 강좌, 제 7강의 - 테이블을 만들어보자! (3) | 2011.01.24 |
[HTML] HTML 강좌, 제 6강의 - 구분선 그리기, 하이퍼링크와 책갈피 태그! (0) | 2011.01.24 |
[HTML] HTML 강좌, 제 5강의 - 움직이는 텍스트를 만들고 이미지 삽입하는 태그! (0) | 2011.01.24 |