표를 사용하여 내용 표시

표를 표시하려는 위치에 삽입점을 배치합니다.

• [삽입] > [표]를 선택합니다.

• 삽입 패널의 HTML 카테고리에서 [표]를 클릭합니다.

표 행 개수 결정

표 열 개수 결정

표의 폭을 픽셀 단위로 지정하거나 브라우저 창 폭의 백분율로 지정합니다.

표의 테두리 폭을 픽셀 단위로 지정합니다.

인접한 표 셀 사이의 픽셀 수를 결정합니다.

셀의 테두리와 셀 콘텐츠 사이의 픽셀 수를 결정합니다.

표에 열 또는 행 머리글을 사용하지 않습니다.

표의 첫 번째 열을 제목 열로 만들어 표의 각 행에 대한 제목을 입력할 수 있습니다.

표의 첫 번째 행을 제목 행으로 만들어 표의 각 열에 대한 제목을 입력할 수 있습니다.

표에 열 머리글과 행 머리글을 모두 입력할 수 있습니다.

표 외부에 표시되는 표 제목을 제공합니다.

표 설명을 표시합니다. 화면 리더는 요약 텍스트를 읽지만 사용자의 브라우저에는 텍스트가 표시되지 않습니다.

[파일] > [가져오기] > [테이블 형식 데이터 가져오기]를 선택합니다.

가져올 파일의 이름입니다. [찾아보기] 버튼을 클릭하여 파일을 선택합니다.

가져오는 파일에 사용된 구분 기호입니다.

[기타]를 선택하면 팝업 메뉴 오른쪽에 텍스트 상자가 표시됩니다. 파일에 사용된 구분 기호를 입력합니다.

표의 폭입니다.

• [데이터에 맞추기]를 선택하면 각 열의 폭이 열에서 가장 긴 텍스트 문자열에 맞게 조절됩니다.

• [설정]을 선택하면 고정된 표 폭을 픽셀 단위 또는 브라우저 창 폭에 대한 퍼센트로 지정할 수 있습니다.

표의 테두리 폭을 픽셀 단위로 지정합니다.

셀 내용과 셀 경계 사이의 픽셀 수입니다.

인접한 표 셀 사이의 픽셀 수입니다.

테이블의 맨 위 행에 적용할 서식을 결정합니다. 네 가지 서식 옵션(서식 없음, 굵게, 기울임꼴, 굵은 기울임꼴) 중에서 선택합니다.

내보낸 파일에서 항목을 구분하는 데 사용할 구분자 문자를 지정합니다.

내보낸 파일을 열 운영 체제를 지정합니다. Windows, Macintosh 또는 UNIX입니다. (각 운영 체제마다 텍스트 라인 끝을 나타내는 방식이 다릅니다.)

• 셀을 클릭한 다음 [문서] 창 왼쪽 아래에 있는 태그 선택기에서 <td> 태그를 선택합니다.
• Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 채로 셀을 클릭합니다.

• 표 요소의 강조 색상을 변경하려면 [마우스 오버] 색상 상자를 클릭한 다음 색상 피커를 사용하여 강조 색상을 선택하거나 텍스트 상자에 강조 색상의 16진수 값을 입력합니다.

• 표 요소의 강조 표시 기능을 켜거나 끄려면 [마우스를 위에 놓았을 때] 색상 상자 옆의 [보기] 옵션을 선택하거나 해제합니다.

표의 ID입니다.

표의 행과 열의 수입니다.

픽셀 단위의 표의 폭 또는 브라우저 창의 폭에 대한 퍼센트입니다.

셀의 콘텐츠와 셀 경계 사이의 픽셀 수입니다.

인접한 표 셀 사이의 픽셀 수입니다.

같은 단락에 있는 텍스트나 이미지 등의 다른 요소를 기준으로 표가 표시될 위치를 결정합니다.

[왼쪽]을 선택하면 다른 요소의 왼쪽에 표가 정렬되고, 그 결과 같은 단락의 텍스트가 표의 오른쪽에 줄 바꿈되어 들어갑니다. [오른쪽]을 선택하면 다른 요소의 오른쪽에 표가 정렬되고, 그 결과 텍스트가 표의 왼쪽에 줄 바꿈되어 들어갑니다. [가운데]를 선택하면 표가 가운데 정렬되고, 텍스트는 표의 위 및/또는 아래에 나타납니다. [기본값]을 선택하면 브라우저의 기본 정렬이 적용됩니다.

표의 테두리 폭을 픽셀 단위로 지정합니다.

표에 CSS 클래스를 설정합니다.

및 [행 높이 지우기]를 사용하면 표에서 명시적으로 지정한 행 높이 또는 열 폭 값이 모두 삭제됩니다.

및 [표 높이를 픽셀로 변환]은 표에서 각 열의 폭이나 높이를 현재 폭(픽셀 단위)으로 설정합니다. (전체 표의 폭도 현재 폭(픽셀 단위)으로 설정됩니다).

및 [표 높이를 백분율로 변환]은 표에서 각 열의 폭이나 높이를 문서 창 폭의 백분율로 나타낸 현재 폭으로 설정합니다(전체 표의 폭도 문서 창 폭의 백분율로 나타낸 현재 폭으로 설정됩니다).

텍스트 상자에 값을 입력한 경우 [Tab] 또는 [Enter](Windows) 또는 [Return](Macintosh)를 눌러 값을 적용하십시오.

셀, 행 또는 열에 있는 콘텐츠의 가로 맞춤을 지정합니다. 콘텐츠를 셀의 왼쪽, 오른쪽 또는 가운데에 맞출 수 있으며, 브라우저에서 기본 맞춤을 사용하도록 지정할 수도 있습니다(일반적으로 보통 셀의 경우 왼쪽, 헤더 셀의 경우 가운데).

셀, 행 또는 열에 있는 콘텐츠의 세로 맞춤을 지정합니다. 콘텐츠를 셀의 상단, 가운데, 하단 또는 기준선에 맞출 수 있으며, 브라우저에서 기본 맞춤을 사용하도록 지정할 수도 있습니다(일반적으로 가운데).

선택된 셀의 폭과 높이(픽셀 단위 또는 전체 표 폭이나 높이에 대한 퍼센트 단위)입니다. 퍼센트를 지정하려면 값 뒤에 퍼센트 기호(%)를 사용합니다. 해당 셀의 내용 및 다른 열과 행의 폭과 높이에 따라 적절한 폭이나 높이를 브라우저에서 자동으로 결정하려면 이 필드를 기본값인 공백으로 둡니다.

기본적으로 브라우저는 열에서 가장 넓은 이미지나 가장 긴 줄이 들어갈 수 있는 행 높이와 열 폭을 선택합니다. 따라서 열에 내용을 추가할 때 해당 열이 표의 다른 열보다 훨씬 넓어지는 경우가 있습니다.

색상 피커로 선택한 셀, 열 또는 행의 배경색입니다.

선택한 셀, 행 또는 열을 하나의 셀로 결합합니다. 사각형 또는 직선형 블록 형태로 선택된 셀만 병합할 수 있습니다.

셀을 나누어 둘 이상의 셀로 만듭니다. 한 번에 하나의 셀만 분할할 수 있습니다. 두 개 이상의 셀을 선택하면 이 버튼이 비활성화됩니다.

줄바꿈을 방지하여 지정된 셀의 모든 텍스트를 한 줄에 유지합니다.줄바꿈 안 함이 활성화되면 텍스트를 입력하거나 셀에 붙여넣을 때 모든 데이터를 수용하도록 셀이 넓어집니다.(일반적으로 셀은 셀에서 가장 긴 단어나 가장 넓은 이미지를 수용하도록 가로로 확장된 다음, 다른 콘텐츠를 수용하는 데 필요한 만큼 세로로 확장됩니다.)

선택한 셀을 테이블 헤더 셀로 형식을 지정합니다.테이블 헤더 셀의 콘텐츠는 기본적으로 굵게 표시되고 가운데 정렬됩니다.

옵션에 대한 자세한 내용은 속성 관리자의 도움말 아이콘을 클릭하십시오.

Design 보기에서 변경하려는 열의 오른쪽 테두리를 드래그하세요.

인접한 열의 폭도 변경되므로 실제로는 두 개의 열 크기를 조절하게 됩니다.시각적 피드백으로 열이 어떻게 조정되는지 보여주며, 전체 테이블 폭은 변경되지 않습니다.

디자인 보기에서 Shift 키를 누른 상태로 열의 테두리를 드래그합니다.

한 열의 폭이 변경됩니다. 시각적 피드백으로 열이 어떻게 조정될지 확인할 수 있습니다. 크기를 조정하는 열에 맞춰 전체 표 폭이 변경됩니다.

Dreamweaver가 코드에서 지정된 폭을 재설정하여 시각적 폭과 일치하도록 합니다.

• [편집] > [표] > [셀 폭 지우기] 또는 [편집] > [표] > [셀 높이 지우기]를 선택합니다.

• 속성 관리자([창] > [속성])에서 [행 높이 지우기] 버튼 또는 [열 폭 지우기] 버튼을 클릭합니다.

• 표 헤더 메뉴를 클릭한 다음 모든 높이 지우기 또는 모든 폭 지우기를 선택합니다.

[편집] > [표] > [행 또는 열 삽입]을 선택하고 대화 상자를 완료한 다음 [확인]을 클릭합니다.

행을 삽입할지 또는 열을 삽입할지를 지정합니다.

삽입할 행 또는 열의 수입니다.

새로운 행이나 열이 선택한 셀의 행이나 열 앞에 나타날지 뒤에 나타날지를 지정합니다.

다음 일러스트레이션에서 선택 영역은 셀의 직사각형이므로 셀을 병합할 수 있습니다.

다음 일러스트레이션에서 선택된 영역이 직사각형이 아니므로 셀을 병합할 수 없습니다.

• [편집] > [표] > [셀 병합]을 선택합니다.

• 확장된 HTML 속성 관리자([창] > [속성])에서 [셀 병합]을 클릭합니다.

각 셀의 내용은 합쳐진 셀에 포함됩니다. 선택된 셀 중 첫 번째 셀의 속성이 병합된 셀에 적용됩니다.

• [편집] > [표] > [셀 분할]을 선택합니다.

• 확장된 HTML 속성 관리자([창] > [속성])에서 [셀 분할]을 클릭합니다.

셀을 여러 행으로 분할할지 또는 여러 열로 분할할지를 지정합니다.

셀을 분할할 행 또는 열의 개수를 지정합니다.

다음 일러스트레이션에서 선택 영역은 직사각형 셀이므로 셀을 자르거나 복사할 수 있습니다.

다음 일러스트레이션에서 선택 영역이 직사각형이 아니므로 셀을 자르거나 복사할 수 없습니다.

• 기존 셀을 붙여넣는 셀로 대체하려면 클립보드에 있는 셀과 레이아웃이 같은 셀을 선택해야 합니다. 예를 들어 3 x 2 셀 블록을 복사했거나 잘라냈으면 붙여넣어 대체할 블록도 3 x 2 셀 블록으로 선택합니다.

• 특정 셀 위쪽에 셀 한 행을 모두 붙여넣으려면 해당 셀을 클릭합니다.

• 특정 셀 왼쪽에 셀 한 열을 모두 붙여넣으려면 해당 셀을 클릭합니다.

• 붙여넣는 셀로 새 표를 만들려면 삽입 포인터를 표 바깥에 둡니다.

전체 행 또는 열을 기존 표에 붙여넣는 경우, 행 또는 열이 표에 추가됩니다.개별 셀을 붙여넣는 경우 선택된 셀의 콘텐츠가 바뀝니다.표 밖에 붙여넣는 경우, 행, 열 또는 셀이 새 표를 정의하는 데 사용됩니다.

[삭제]를 누릅니다.

[편집] > [테이블] > [행 삭제] 또는 [편집] > [테이블] > [열 삭제]를 선택하십시오.

[편집] > [테이블] > [테이블 정렬]을 선택하고 대화 상자에서 옵션을 설정한 후 [확인]을 클릭하십시오.

테이블 행을 정렬하는 데 사용할 열의 값을 결정합니다.

열을 사전순으로 정렬할지 숫자순으로 정렬할지, 오름차순(A-Z, 작은 숫자에서 큰 숫자 순)으로 정렬할지 내림차순으로 정렬할지를 결정합니다.

열의 콘텐츠가 숫자인 경우 [숫자순]을 선택하십시오. 한 자리 및 두 자리 숫자 목록에 사전순 정렬을 적용하면 숫자가 단어처럼 정렬되어(1, 10, 2, 20, 3, 30과 같은 순서) 숫자로 정렬되는 것(1, 2, 3, 10, 20, 30과 같은 순서)과는 다른 결과가 나타납니다.

다른 열에 대한 보조 정렬의 정렬 순서를 결정합니다. [다음 기준] 팝업 메뉴에서 보조 정렬 열을 지정하고 [순서] 팝업 메뉴에서 보조 정렬 순서를 지정하십시오.

테이블의 첫 번째 행이 정렬에 포함되어야 함을 지정합니다. 첫 번째 행이 이동하지 않아야 하는 제목인 경우 이 옵션을 선택하지 마십시오.

테이블의 thead 섹션에 있는 모든 행을 본문 행과 동일한 기준을 사용하여 정렬하도록 지정합니다. (thead 행은 thead 섹션에 그대로 남아 정렬 후에도 테이블 상위에 표시됩니다.) thead 태그에 대한 정보는 참조 패널을 참조하십시오([도움말] > [참조] 선택).

테이블의 tfoot 섹션에 있는 모든 행을 본문 행과 동일한 기준을 사용하여 정렬하도록 지정합니다. (tfoot 행은 tfoot 섹션에 그대로 남아 정렬 후에도 테이블 하위에 표시됩니다.) tfoot 태그에 대한 정보는 참조 패널을 참조하십시오([도움말] > [참조] 선택).

테이블 행 속성(예: 색상)이 정렬 후에도 동일한 콘텐츠와 연결되어 유지되도록 지정합니다. 테이블 행이 교대로 나타나는 두 가지 색상으로 서식이 지정된 경우, 정렬된 테이블에서 여전히 교대로 색칠된 행이 유지되도록 이 옵션을 선택하지 마십시오. 행 속성이 각 행의 콘텐츠에 고유한 경우, 이 옵션을 선택하여 정렬된 테이블에서 해당 속성이 올바른 행과 연결된 상태를 유지하도록 하십시오.