* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 17. 프레임(Frame)이란 무엇일까?

페이지 정보

써니

본문

size="2">17. 프레임(Frame)이란 무엇일까?


이제 Table에 대한 강좌를 마치고
프레임에 대한 강좌를 시작하겠습니다. 프레임은 무엇일까.. 에 대한
간략한 설명을 드릴께요. 일단 프레임을 사용하면 한 브라우저에서 여러
개의 html 파일을 화면에 보여줄 수 있다는 장점이 있지만, 너무 많이
사용하면 보기 흉할 수도 있답니다.


1) 프레임이란?


프레임이란, 위에서
간략히 설명한 것과 같이 한 브라우저에 여러 개의 html 파일을 보여주기
위해서 사용됩니다. 프레임으로 된 페이지를 보려면 프레임을 지원하는
브라우저를 사용해야 하는데, 요새 많이 사용하고 있는 netscape4.0
이상 버전이나 explore 4.0 이상 버전은 물론 프레임을 지원합니다.


웹 서핑을 하다보면
알 수 있듯이 프레임은 주로 메뉴를 구성하는데 주로 사용합니다. 상하로
나누거나 좌우로 나누어서 대부분 사용하죠.
size="2" color="gray"> 


2) 프레임(Frame)의
기본 구조


<html>

<head>

    <title> 쎌리의 홈페이지 만들기 </title>

</head>

<frameset cols="n, n, n..." or(and) rows="n, n,
n...">

    <frame src="html 파일 이름">

    <frame src="html 파일 이름">

                      .

                      .

                      .

</frameset>

<body>

    <p align="center">이 페이지를
보려면 , 프레임을 볼 수 있는 브라우저가 필요합니다.</center>

</body>

</html>


<!-- 프레임 Tag는
<head> Closing Tag와 <body> Opening Tag 사이에 삽입되어야
합니다. <body> Tag 안에는 주로 "이 페이지를 보려면 ,
프레임을 볼 수 있는 브라우저가 필요합니다." 라는 메시지를 주로
사용했었습니다. 왜냐하면 그래야 프레임을 지원하지 않는 브라우저에서
뭔가가 화면에 디스플레이 되니까요.. -->


3) 프레임셋 태그(FrameSet Tag) size="2">


<frameset cols="n,
n, n... or n%, n%, n%..., or *, *, *..." or(and) rows="n,
n, n.... or n%, n%, n%..., or *, *, *..." frameborder="0(no)
or 1(yes)" border="n">

               .

               .

               .

</frameset>


  • cols="n,
    n, n..."은 표(table)에서 <td> tag 안에 사용한 colspan의
    속성과 같이 열을 의미하며, 브라우저에서 화면을 세로 방향으로
    나누어 보이게 할 경우에 사용합니다.

  • 여기서 n은
    숫자를 말합니다. 처음의 n, n, n...을 사용할 경우는 픽셀 단위를
    나타내게 됩니다. 그리고 두번째 경우의 n%, n%, n%...의 경우는
    브라우저 전체 화면을 100%로 보았을 경우를 기준으로 비율로 나타내게
    됩니다. n을 모두 합치면 100이 되어야겠죠. 그리고 마지막 *, *,
    *... 는 화면을 동일한 폭이나 길이로 나누겠다는 것을 뜻합니다.

  • frameborder는
    그 값이 0일 경우는 no를 뜻하며 프레임 경계를 나타내지 않겠다는
    이야기이고, 1일 경우는 yes를 뜻하며 프레임 사이에 있는 경계선을
    표시하겠다는 이야기입니다.

    frameborder="0" 과 frameborder="no", frameborder="1"과
    frameborder="yes"는 서로 같은 뜻이라는 이야기입니다.

  • border="n"에서
    n은 픽셀 단위의 숫자이며, 프레임과 프레임의 간격을 조절할 경우에
    사용합니다. border="0"으로 사용하면 프레임이 서로
    여백이 없이 붙는 현상을 볼 수 있습니다.


다음에는 frame tag와 간단한 예제를
보도록 하겠습니다.

작성일2005-02-22 16:42

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
125 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[2] 인기글 home page 2005-03-14 6905
124 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1] 인기글 써니 2005-03-15 6248
123 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 JK 2005-03-07 7457
122 답변글 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 써니 2005-03-08 6554
121 computer 고쳐주실 분 댓글[1] 인기글 james 2005-03-06 6480
120 이상한 내용의 팝업이 자꾸뜹니다 방법좀... 댓글[5] 인기글 제키챤 2005-03-06 6776
119 로지택mx duo설치시 띡띡띡띡 거리는 잡음문제 아시는분 댓글[1] 인기글 궁금이 2005-03-05 7514
118 도와주시면 감사하겠습니다 댓글[2] 인기글 초보 2005-03-04 6532
117 답변글 도와주시면 감사하겠습니다 댓글[1] 인기글 lee 2005-03-06 6763
116 korean doesn't work 댓글[1] 인기글 sf 2005-03-04 6730
115 답변글 korean doesn't work 댓글[1] 인기글 ^,.^) 2005-03-06 8013
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1] 인기글 써니 2005-03-04 6570
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8013
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6923
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6542
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6635
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6895
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6714
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 6963
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19922
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8361
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18458
103 [펌 강의] 25. Form에 대한 개요 인기글 써니 2005-02-28 22982
102 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 경아 2005-02-27 7119
101 답변글 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 써니 2005-02-27 6874
100 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 인기글 제키챤 2005-02-24 8990
99 답변글 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 댓글[1] 인기글 써니 2005-02-25 6672
98 [펌 강의] 23.프레임(Frame) 나누기 예제(III) 댓글[2] 인기글 써니 2005-02-24 14896
97 [펌 강의]22. 프레임(Frame) 나누기 예제(II) 댓글[1] 인기글 써니 2005-02-24 12505
96 [펌 강의] 21. 프레임(Frame) 나누기 예제(I) 댓글[1] 인기글 써니 2005-02-24 7069
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.