웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] 프레임 나누기 기초
2003.02.20 11:08
요즘, php가 나오면서, 노프레임 사이트가 유행이던데요. 그래도 초보자를 위하여 프레임있는 홈페이지를 만들어 봅시다.
프레임 태그는 <frameset><frame src="문서 주소"></frameset>이 기본태그입니다.
1. 세로로 프레임 나누기
<frameset cols="120,*">
<frame src="left.htm" name="left">
<frame src="right.htm" name="right>
</frameset>
여기서, cols는 세로로 출력하는 것이고, 120,* 은 왼쪽은 120픽셀로 나누되 나머지는 다 채워라는 뜻입니다.
그리고 120%,*로 해도 될겁니다. 그리고 <frame src="left.htm">이부분은 문서를 나타내기 위해서 나오는 것이죠.
세로로 출력을 하면 아마 왼쪽 오른쪽으로 나뉘게 될텐데, 그러니깐 2개의 문서가 필요하니깐, 2개의 html파일을 만들어야 하죠. -_- 그리고 name은 프레임의 name값입니다. 하이퍼링크를 할때 값이 적용됩니다.
2. 가로로 프레임 나누기
<frameset rows="80,*">
<frame src="top.htm" name="top">
<frame src="middle.htm" name="middle">
</frameset>
여기서 rows는 가로로 출력이 됩니다. 1번과 똑같으며, 단 rows와 cols의 차이점을 알아야죠.
3. 여기서 프레임 테두리 두께라든지, 고정이 있는데, 나중에 차츰 알아보도록 하겠습니다.
그리고 또한 프레임을 나눌때 기본태그는 <frameset><frame src="프레임주소"><frame src="프레임주소"></frameset>입니다.
프레임 태그는 <frameset><frame src="문서 주소"></frameset>이 기본태그입니다.
1. 세로로 프레임 나누기
<frameset cols="120,*">
<frame src="left.htm" name="left">
<frame src="right.htm" name="right>
</frameset>
여기서, cols는 세로로 출력하는 것이고, 120,* 은 왼쪽은 120픽셀로 나누되 나머지는 다 채워라는 뜻입니다.
그리고 120%,*로 해도 될겁니다. 그리고 <frame src="left.htm">이부분은 문서를 나타내기 위해서 나오는 것이죠.
세로로 출력을 하면 아마 왼쪽 오른쪽으로 나뉘게 될텐데, 그러니깐 2개의 문서가 필요하니깐, 2개의 html파일을 만들어야 하죠. -_- 그리고 name은 프레임의 name값입니다. 하이퍼링크를 할때 값이 적용됩니다.
2. 가로로 프레임 나누기
<frameset rows="80,*">
<frame src="top.htm" name="top">
<frame src="middle.htm" name="middle">
</frameset>
여기서 rows는 가로로 출력이 됩니다. 1번과 똑같으며, 단 rows와 cols의 차이점을 알아야죠.
3. 여기서 프레임 테두리 두께라든지, 고정이 있는데, 나중에 차츰 알아보도록 하겠습니다.
그리고 또한 프레임을 나눌때 기본태그는 <frameset><frame src="프레임주소"><frame src="프레임주소"></frameset>입니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자] 열거목록에 대한 스타일정의 세번째 | ZipShin | 2003.03.12 |
[HTML 초보자] 테이블태그 테두리 효과 - frame 옵션의 활용 [1] | ZipShin | 2003.02.28 |
[HTML 초보자] 쉽게 버튼 만들자 | ZipShin | 2003.02.28 |
[HTML 초보자] 프레임셋의 기타 설정 [3] | ZipShin | 2003.02.26 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
1 - 4. 목록 및 표 작성 [2] | wony | 2003.02.25 |
1 - 3. 글자 및 양식 관련 태그 | wony | 2003.02.25 |
1 - 2. HTML 문서의 구성 | wony | 2003.02.25 |
1 - 1. HTML 문서 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
오픈창 닫기 [7] | 깜보 | 2003.02.16 |
링크관련 ^^ [27] | K.샘 | 2003.02.13 |
[HTML 초보자] 동영상과 함께 자막도 재생하여 보자 [8] | ZipShin | 2003.02.11 |
점선 테이블 만둘기 강좌(중복이면.. 지워주세요) [4] | 라엘 | 2003.02.10 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
하이퍼 링크색 바꾸기 [3] | 권순빈 | 2003.02.03 |
스크롤바 색 바꾸기 [1] | 권순빈 | 2003.02.03 |
초보인데 많은 도움이 됐어요^^