표 만들기

표는 원래 통계 수치와 같이 텍스트로 된 정보를 편하게 읽기 위해 사용되었습니다. 그러나 레이어가 도입되기 전에 웹 디자이너들이 표를 이용하면 HTML 상에서는 불가능한 다단 편집을 할 수 있다는 것을 알아내면서, 문서의 레이아웃을 위한 용도로도 사용하게 되었습니다. 지금은 레이어를 이용하여 복잡한 웹 문서의 레이아웃을 간편하게 디자인할 수 있지만 여전히 많은 웹 디자이너들은 표로 레이아웃을 만드는 것을 선호합니다.

여기에서는 표를 만들고 사용하는 방법에 대해서 안내합니다.

간단한 표 삽입

도구 막대에서 표 만들기 를 누릅니다.

표 만들기 상자가 나타나면 '4x2'와 같이 원하는 영역을 드래그한 뒤, 마우스를 누릅니다. 디자인 창에 선택한 행과 열이(4x2)로 구성된 표가 나타납니다.

표 안에 내용을 입력합니다. 입력하려는 셀에 마우스 커서를 옮긴 뒤 내용을 입력할 수 있습니다.
표 안에 내용을 입력할 때 <Tab> 키를 누르면 다음 셀로 이동합니다.

표 크기 바꾸기

표 속성 대화 상자에서 변경하기

표를 선택한 뒤 바로가기 메뉴에서 표 속성을 선택하면 대화 상자가 나타납니다. 대화 상자에서 와 에 입력한 값을 바꾸어 표의 크기를 바꿀 수 있습니다. 표의 크기는 편집 창 크기에 대한 상대적 비율()로 지정하거나 을 선택하여 절대 크기로 지정할 수 있습니다. 픽셀 단위 크기의 정밀한 표가 필요한 경우가 아니라면 마우스로 드래그하여 표의 크기를 변경할 수 있습니다.

드래그하여 변경하기

위쪽 가장 자리와 왼쪽 가장 자리를 제외한 표의 모든 경계선에 마우스 포인터를 올려 놓으면 포인터의 모양이 화살표 모양으로 변합니다. 이때 경계선을 드래그하면 표나 셀의 크기를 변경할 수 있습니다.

일반적으로 경계선을 드래그하면 해당 경계선을 포함하는 셀을 중심으로 크기를 조절할 수 있습니다.

셀 합치기

1	표의 일부 셀을 합치려면, 합치려는 셀을 블록으로 지정합니다.

2	표 > 셀 합치기를 실행합니다. 각 셀의 내용이 각각 한 문단 단위로 구분되어 한 셀 안에 표시됩니다.

셀 내용 정렬하기

1	정렬할 셀을 블록으로 지정합니다.

2	가운데 정렬 도구 를 누릅니다. 선택한 셀 내용의 수평 정렬 모양이 가운데로 조절되어 나타납니다.

	수직 정렬 모양은 셀 속성 대화 상자에서 지정할 수 있습니다.

표 위치 정렬하기

표를 편집 창의 가운데로 정렬하려면, 대화 상자에서 로 지정합니다.

편집 창의 표 위치를 정렬하려면, 대화 상자를 통해 왼쪽, 가운데, 오른쪽, 왼쪽(흘리기), 오른쪽(흘리기) 등의 다양한 정렬 모양을 선택할 수 있습니다. 표 정렬하기나 모양에 대한 내용은 대화 상자의 정렬 모양을 참고하시기 바랍니다.

셀 나누기

1	나누기할 셀을 선택한 뒤 표 > 셀 나누기를 실행합니다.

2	셀 나누기 대화 상자에서 나눌 행이나 열의 개수를 지정합니다. 확인 단추를 누르면 지정한 내용이 나타납니다.

줄 삽입하기

1	줄을 삽입하려는 셀을 선택하거나 커서를 놓은 뒤, 표 > 줄 삽입을 실행합니다.

2	줄 삽입하기 대화 상자에서 줄을 추가할 방향과 개수, 위치 등을 선택한 뒤, 확인을 누릅니다.


	표 > 행 삭제를 실행하면, 커서가 놓인 위치를 중심으로 가로줄이나 세로줄을 지울 수 있으며, 지울 개수를 지정하여 지울 수도 있습니다.

표를 문자열로 변환하기

작성한 표를 문자열로 변환할 수 있습니다. 표를 문자열로 바꾸는 방법은 다음과 같습니다.

1	문자열로 변환할 표의 안쪽에 커서를 놓습니다.

2	표 > 표 도구 > 표를 문자열로 변환하기를 실행합니다.

배경색 넣기

표 전체 혹은 선택한 셀 단위로 배경 그림을 넣을 수 있습니다. 셀의 크기보다 작은 그림을 셀 배경으로 지정했을 때는 그림이 반복되어 나타납니다.

1	배경 그림을 넣으려는 표에서 표 > 표 속성을 실행합니다.
2	표 속성 대화 상자에서 배경 및 제목 셀 탭을 선택합니다. 찾아보기를 누른 뒤 배경 그림의 경로를 지정합니다.
	표 바탕에 지정한 그림이 나타납니다.

	한 개의 셀이나 여러 개의 셀에도 배경 그림을 지정할 수 있습니다. 배경 그림을 넣을 셀을 선택한 뒤 셀 속성 대화 상자에서 지정할 수 있습니다.

표 테두리 고치기

표의 테두리 두께와 색깔을 변경하면 표를 더욱 다양하게 꾸밀 수 있습니다. 표의 테두리를 변경하는 방법은 다음과 같습니다.

참고: 옅은 테두리, 짙은 테두리 속성은 넷스케이프에서는 지원되지 않습니다.

1	표 속성 대화 상자에서 선 두께에 '3' 을 입력하고 테두리의 색깔을 셀과 같은 톤의 색으로 지정하면 아래와 같이 표가 변경됩니다.


2	표 속성 대화 상자에서 선 종류에 '감추기'를 선택하고 셀 간격을 '2'로 지정한 뒤, 셀 속성 대화 상자에서 배경색으로 '회색'을 지정하면 다음과 같은 모습으로 나타납니다.

3	미리보기 탭을 눌러서 웹 브라우저에서 보일 모습을 확인합니다.

CSS 테두리

표 > 테두리 > 셀 테두리를 실행하면, 표 전체 테두리를 CSS 스타일 테두리로 바꿀지 물어봅니다. CSS 스타일 테두리로 바꾸면, 셀 테두리의 종류, 색깔, 두께를 지정하여 표를 다양한 형태로 편집할 수 있게 됩니다.

표 안에 표 넣기

하나의 표 안에 또 다른 표를 삽입할 수 있습니다. 이 때 안쪽에 위치한 표를 ‘아기표’라고 합니다. 복사한 표를 표 안에 다시 붙여 넣는 것도 아기표가 됩니다. 아기표를 만드는 방법은 다음과 같습니다.

1	표를 넣으려는 셀에 커서를 놓고, 표 만들기 를 누릅니다.

2	표 틀에서 원하는 행(줄)과 열(칸)을 선택하면 새로운 표가 나타납니다.

아기표로 붙이기

1	표 안에 넣으려는 표의 내용을 블록으로 지정한 뒤, 편집 > 복사하기를 선택합니다.
2	표를 넣으려는 셀에 커서를 놓고, 편집 > 붙이기를 실행합니다.

3	표 안에 표가 삽입됩니다.

표 테두리 감추기

레이아웃에 사용할 표나 내용을 가지런히 정리할 필요가 있는 문자열, 서식의 경우 표 테두리를 없애는 것으로 원하는 모양을 쉽게 만들 수 있습니다.

1	테두리를 없앨 표 안에 커서를 놓습니다.

2	표 > 테두리 > 감추기를 실행합니다. 미리보기 탭이나 웹 브라우저에서 확인하면 편집 창에 나타나는 점선은 나타나지 않습니다.

표 일 부분의 테두리만을 없애려면, 기능을 이용하면 됩니다. 셀 테두리 기능을 이용하면 각 부분의 테두리를 없애거나 다른 모양으로 바꿀 수도 있습니다.

테두리 감추기와 테두리 선 두께

표 속성 대화 상자에서 표 테두리 선 두께를 '0'으로 지정하는 것과, 표 > 테두리 > 감추기를 실행하는 것은 차이가 있습니다. 표 속성 대화 상자에서 선 두께를 '0'으로 지정한 뒤 HTML 소스를 보면 <table> 태그에 border="0" 으로 나타나지만, 표 > 테두리 > 감추기를 지정한 내용은 <table> 태그에 border 항목을 지정하지 않습니다.

크기 고정하기

페이지의 레이아웃을 위해 표를 사용할 때는 크기를 고정하여 사용하는 경우가 많습니다. 표 크기를 고정하려면, 너비와 높이의 단위를 지정할 때 대신 값을 선택합니다. 도구

를 이용하여 표를 그릴 때는 % 값을 기준으로 표를 만들게 되므로 원하는 너비만큼의 픽셀 값을 선택합니다.