네 번째 이야기

다섯 번째 이야기
표 및 프레임 태그 정리

테이블 태그의 기본

<table> 테이블 시작
<tr> 한 줄 시작
<td> 데이터 셀 시작
</td> 데이터 셀 끝남
</tr> 한 줄 끝남
</table> 테이블 끝남

<table> 안에 들어가는 옵션들

border=" " 테이블 테두리의 두께(단위 픽셀)
width=“ “ 테이블의 너비(픽셀단위도 쓰고 80%과 같이 화면의 상대너비도 씀)
height=" " 테이블의 높이(픽셀)
cellspacing=" " 데이터셀의 간격(픽셀)
cellpadding=" " 셀의 여유(픽셀)
bordercolor=" " 테두리의 색깔
bgclolor=" " 테이블의 배경색
background=" " 테이블의 배경그림(gif 및 jpg 파일)

<td> 안에 들어가는 옵션들

bgclolor=" " 셀 배경색
background=" " 셀 배경그림(gif 및 jpg 파일)
width=“ “ 셀의 너비(픽셀단위도 쓰고 80%과 같이 테이블과의 상대너비도 씀)
height=" " 셀의 높이(픽셀)
colspan="N" 가로 방향 N개의 셀 합치기
rowspan="N" 세로 방향 N개의 셀 합치기

<th>제목</th> 제목셀(글꼴이 굵게 표시됨)로 <td>대신 사용

프레임 태그

<frameset>프레임 셋 시작
<frame src=" "> 실제 보여질 프레임 화면으로 몇 개든 지정할 수 있음
</frameset> 프레임 셋 끝 (프레임 셋에서는 <body>태그를 쓰지 않음에 유의)

<frameset> 의 옵션

rows=" " 줄 방향으로 프레임 나누기(픽셀단위 및 화면과 상대단위)
cols=" " 가로 방향으로 나누기
border="N" 경계선의 두께(픽셀)

<frame src=" ">의 옵션

name=" " 프레임의 이름을 지정(파일명)
scrolling="yes 또는 no" 스크롤바 생성 여부
noresize 사용자가 임의로 프레임크기를 바꾸지 못하게 함

target=“ ” 지정방법

target=“name” name으로 지정된 화면으로 띄우기
target=“_blank” 본 화면을 유지하면서 새로운 창으로 띄우기
target=“_top” 본 화면 위에 새로운 창을 덮어쓰기
target=“_self” 본 화면을 바꾸어 지정된 창 띄우기(기본값)

<noframe>내용</noframe>

프레임을 지원하지 않는 브라우저에서 안내글을 출력하는 태그로 <frameset>과 </frameset> 사이에 위치함.
프레임을 지원하는 브라우저에서는 보이지 않음

프레임 태그 작성에서 자주 발생하는 에러들과 대책

❶ 메뉴 중의 하나를 클릭했는데 바뀐 문서가 그대로 메뉴창에 뜰 때

target 옵션을 주지 않아서 그렇습니다. <a href=“./home.html" target="body">HOME</a>
와 같이 target 옵션으로 찾아가고자 하는 대상 프레임을 명확히 해줍니다.

❷ target을 명시했는데도 에러가 날 때

프레임셋에서 name=" " 항목을 지정하지 않았군요. 프레임셋 소스에서
<frameset rows="80,*" border="0">
<frame src="프레임001.html" name="menu">
와 같이 name=" " 부분에 이름을 정해줍니다.

❸ 다시 원 화면으로 되돌아가는 링크에서 프레임에 갇혀 버릴 때

흔히 발생하는 경우입니다. 이 때는 원화면으로 돌아오는 링크의 옵션으로 target="_top"을
지정해주면 해결됩니다.

❹ <frameset cols="20%, 80%" border="0"> 으로 했는데도 경계선과 스크롤바가 생길 때

프레임 경계선 두께를 0으로 해주는 것과 동시에 scrolling="no"로 지정합니다. 태그는 아래와 같습니다.
<frame src="프레임001.html" name="menu" scrolling="no">

❺ 프레임에 갇혔을 때 어떻게 탈출하나?

어떤 홈페이지에 들어가보면 다른 사이트로의 링크까지도 프레임 안에 뜨게 만들어 놓은 것을 볼 수가 있습니다. 이럴 경우에는 링크된 그림이나 텍스트 위에 마우스를 올리고 오른쪽 버튼을 누릅니다. 이 때 나타나는 메뉴에서 '새창으로 링크열기(N)'를 선택하면 다음에 나타나는 문서는 프레임 속에 있지 않고 새로운 창으로 보여질 것입니다. 이 경우에 더 좋은 방법은 홈페이지의 주인이 target을 _blank나 _top으로 주는 방법입니다.

❺ 메뉴 쪽의 프레임이 잘려 보일 때

프레임 셋 속성에서 프레임의 크기를 상대크기(%)로 하지 말고 절대크기(픽셀)로 지정하면 해결됩니다.