중요:
-
이 문서는 클래식 페이지에만 적용됩니다. Microsoft SharePoint 최신 페이지를 사용하는 경우 텍스트 웹 파트를 사용하여 테이블을 추가할 수 있습니다. 텍스트 웹 파트를 사용하여 페이지에 텍스트 및 테이블 추가를 참조하세요.
-
SharePoint 버전을 검사 하려면 이 지침을 따릅니다.
클래식 페이지에 테이블을 추가하여 페이지의 텍스트, 이미지 또는 개체를 구조화할 수 있습니다. 테이블, 가격표, 제품 비교, 용어 및 정의 목록 등에 데이터를 표시하려면 이 작업을 수행할 수 있습니다. 예를 들어 직원 전기, 연락처 정보 또는 업무 시간 표시와 같은 콘텐츠를 배치하기 위해 이 작업을 수행할 수도 있습니다. 이 문서에서는 사이트의 테이블 편집기 및 HTML과 같은 다른 방법을 사용하여 페이지에서 콘텐츠를 배치하거나 구성하는 방법을 설명합니다.
이 문서의 내용
표 삽입
-
테이블을 추가할 페이지로 이동합니다.
-
페이지 탭을 클릭합니다.
-
편집 단추를 클릭합니다.
-
테이블을 추가할 페이지를 클릭합니다.
-
삽입 탭을 클릭합니다.
-
테이블 단추를 클릭합니다.
-
테이블을 추가하는 방법에는 두 가지가 있습니다.
-
화살표를 클릭하여 표 눈금선을 확장하고 마우스 포인터를 표 눈금선 위로 마우스로 가리킨 다음 원하는 표 셀 수를 클릭합니다.
-
또는 표 삽입 단추를 클릭하고 원하는 열과 행 수를 입력하고 확인을 클릭합니다.
-
-
표가 페이지에 추가되어 콘텐츠를 추가하거나 사용자 지정할 수 있습니다. 다음에 설명된 작업입니다.
테이블 사용자 지정
페이지 페이지에 테이블을 삽입하면 사용자 지정을 시작할 수 있습니다. 행 또는 열을 추가 및 삭제하고, 행 또는 열을 병합 및 분할하고, 테이블 크기를 조정하고, 모양을 변경하는 등의 작업을 수행할 수 있습니다.
행 및 열 추가
표에 셀의 행과 열을 추가하여 페이지에서 보다 구조화된 콘텐츠를 허용할 수 있습니다. 커서가 있는 셀의 위, 아래, 왼쪽 또는 오른쪽에 추가할 수 있습니다. 개별 셀이 아닌 전체 행 또는 열만 한 번에 추가할 수 있습니다.
-
테이블이 포함된 웹 페이지를 편집합니다.
-
행 또는 열을 추가할 테이블 셀에 커서를 놓습니다.
-
테이블 레이아웃 탭을 클릭합니다.
-
다음 중 하나를 선택합니다.
-
위에 삽입 하여 선택한 셀 위에 행을 추가합니다.
-
아래를 삽입 하여 선택한 셀 아래에 행을 추가합니다.
-
왼쪽을 삽입 하여 선택한 셀의 왼쪽에 열을 추가합니다.
-
오른쪽을 삽입 하여 선택한 셀의 오른쪽에 열을 추가합니다.
-
팁: 새 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.
변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 병합된 새 셀에 함께 배치됩니다.
셀 병합
셀을 병합할 때 두 개 이상의 셀을 결합하여 표의 텍스트, 이미지 및 기타 개체에 대한 공간을 더 많이 확보할 수 있습니다. 서로 위 또는 아래의 셀을 서로 왼쪽 또는 오른쪽에서 병합할 수 있지만 전체 행이나 열이 아닌 개별 셀만 병합할 수 있습니다.
-
테이블이 포함된 페이지를 편집합니다.
-
병합할 테이블 셀에 커서를 놓습니다.
-
테이블 레이아웃 탭을 클릭합니다.
-
셀 병합을 클릭하고 다음 중 하나를 선택합니다.
-
위의 셀 과 병합하려면 위 를 병합합니다.
-
아래를 병합 하여 아래 셀과 병합합니다.
-
왼쪽을 병합 하여 셀과 왼쪽에 병합합니다.
-
오른쪽을 병합 하여 오른쪽 셀과 병합합니다.
-
팁: 병합된 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.
변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 병합된 새 셀에 함께 배치됩니다.
셀 분할
셀을 분할하면 단일 셀을 두 개의 셀로 전환하여 표 내용에 더 많은 구조를 적용합니다. 셀을 가로 또는 세로로 분할할 수 있지만 전체 행이나 열이 아닌 개별 셀만 분할할 수 있습니다.
-
테이블이 포함된 웹 페이지를 편집합니다.
-
분할하려는 표 셀에 커서를 놓습니다.
-
테이블 레이아웃 탭을 클릭합니다.
-
셀 분할을 클릭하고 다음 중 하나를 선택합니다.
-
가로로 분할 하여 셀을 두 개의 셀로 나란히 분할합니다.
-
세 로로 분할하여 셀을 두 개의 셀로 분할합니다.
-
팁: 분할 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.
변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 새 셀이 아닌 원래 셀에 유지됩니다.
테이블 크기 조정
테이블을 구성하는 개별 행 및 열뿐만 아니라 테이블의 크기를 변경할 수 있습니다. 테이블 셀에 더 많은 페이지 콘텐츠를 맞추거나 다른 콘텐츠에 대한 나머지 페이지에서 더 많은 공간을 확보하려면 이 작업을 수행할 수 있습니다. 테이블 또는 셀 크기를 픽셀(px) 또는 백분율(%)로 지정할 수 있습니다. 개별 셀이 아닌 전체 행, 열 또는 테이블의 크기를 한 번에 조정할 수 있습니다.
-
테이블이 포함된 페이지를 편집합니다.
-
크기를 조정할 테이블 안에 커서를 놓습니다.
-
테이블 레이아웃 탭을 클릭합니다.
-
표 너비 옆에 백분율 또는 픽셀 값을 입력합니다. 100% 또는 700px 이상의 값은 전체 페이지 콘텐츠 영역을 사용합니다.
-
테이블 높이 옆에 백분율 또는 픽셀 값을 입력합니다. 단락 수에 따라 표 높이도 결정됩니다.
-
열 너비 옆에 백분율 또는 픽셀 값을 입력합니다. 100% 또는 700px 이상의 값은 전체 페이지 콘텐츠 영역을 사용합니다.
-
열 높이 옆에 백분율 또는 픽셀 값을 입력합니다. 단락 수에 따라 셀 테이블 높이도 결정됩니다.
팁: 크기가 조정된 테이블이나 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.
변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 크기가 조정된 셀에 유지됩니다.
테이블 스타일 변경
스타일을 변경하고, 머리글 또는 바닥글 행을 지정하고, 첫 번째 및 마지막 테이블 행 또는 열에 특수 서식을 적용하여 테이블 모양을 사용자 지정할 수 있습니다.
-
테이블이 포함된 페이지를 편집합니다.
-
사용자 지정하려는 테이블에 커서를 놓습니다.
-
디자인 탭을 클릭합니다.
-
테이블 스타일 옵션에서 다음 표 스타일 옵션 중 하나를 선택합니다. (현재 테이블에 "밝게" 또는 "지우기" 테이블 스타일이 적용되어 있으면 서식 차이가 표시되지 않을 수 있습니다.)
-
머리글 행 은 테이블의 첫 번째 행에 특수 서식을 적용합니다.
-
바닥글 행 은 테이블의 마지막 행에 특수 서식을 적용합니다.
-
첫 번째 열 은 테이블의 첫 번째 열에 특수 서식을 적용합니다.
-
마지막 열 은 테이블의 마지막 열에 특수 서식을 적용합니다.
-
-
테이블 스타일을 선택합니다. 각 스타일은 테두리 색, 셀 색, 머리글 또는 바닥글 색을 변경합니다. (일부 스타일은 위에서 해당 옵션을 선택한 경우에만 머리글 및 바닥글을 변경합니다.)
-
기본 테이블 스타일 – 밝게: 얇고 밝은 회색 눈금 테두리.
-
표 스타일 1 – 지우기: 표시되는 테두리가 없습니다.
-
표 스타일 2 – 밝은 줄무늬: 밝은 회색 가로 선, 다른 모든 행은 회색으로 음영 처리됩니다.
-
표 스타일 3 – 중간 투톤: 파란색 머리글, 다른 모든 행은 연한 파란색으로 음영 처리됩니다.
-
표 스타일 4 – 밝은 선: 회색 머리글, 연한 파란색 가로줄.
-
표 스타일 5 – 그리드: 회색 눈금 테두리, 다른 모든 행은 회색으로 음영 처리됩니다.
-
표 스타일 6 – 강조색 1: 파란색 눈금 테두리, 파란색 머리글.
-
표 스타일 7 – 강조색 2; 연한 파란색 그리드 테두리, 연한 파란색 헤더.
-
표 스타일 8 – 강조색 3: 녹색 눈금 테두리, 녹색 머리글.
-
표 스타일 9 – 강조색 4: 올리브 그리드 테두리, 올리브 헤더.
-
표 스타일 10 – 강조색 5: 빨간색 눈금 테두리, 빨간색 머리글.
-
표 스타일 11 – 강조색 6: 자주색 눈금 테두리, 자주색 머리글
-
-
표 눈금선 표시를 클릭하여 표 눈금선을 표시하거나 숨깁니다. 테이블 지우기 스타일을 적용하거나 테이블 테두리를 숨긴 경우 시각적 개체에 해당하지만 여전히 테이블이 작동하도록 표시되어야 합니다.
변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 새 스타일이 적용된 원래 셀에 유지됩니다.
표에 텍스트 또는 개체 추가
테이블 사용자 지정이 완료되면 여기에 설명된 대로 텍스트, 그래픽 및 기타 개체와 같은 콘텐츠를 테이블에 추가할 준비가 된 것입니다.
-
테이블이 포함된 페이지를 편집합니다.
-
콘텐츠를 추가할 테이블 셀 안에 커서를 놓습니다.
-
텍스트를 추가하려면 텍스트 입력을 시작하거나 표 셀에 텍스트를 붙여넣기만 하면됩니다. 서체 또는 글꼴 크기를 변경하려면 텍스트 서식 탭을 클릭하고 여기에서 글꼴 설정을 선택합니다.
-
이미지, 비디오 또는 다른 개체를 삽입하려면 삽입 탭을 클릭하고 웹 페이지에서와 같이 개체를 삽입합니다. (이미지 또는 비디오가 테이블 셀보다 크면 표 셀의 크기가 이미지 또는 비디오에 맞게 자동으로 조정됩니다.)
텍스트, 이미지 또는 개체를 제거하려면 셀에서 텍스트, 이미지 또는 개체를 선택하고 키보드에서 Delete 키를 누릅니다.
셀, 행, 열 또는 테이블 삭제
필요한 경우 개별 셀, 행, 열 또는 전체 테이블을 삭제할 수 있습니다.
-
테이블이 포함된 페이지를 편집합니다.
-
삭제하려는 셀, 행, 열 또는 테이블 안에 커서를 놓습니다.
-
테이블 레이아웃 탭을 클릭합니다.
-
삭제를 클릭하고 다음 중 하나를 선택합니다.
-
셀을 삭제 하여 커서가 있는 개별 셀을 삭제합니다.
-
열을 삭제 하여 커서가 있는 열을 삭제합니다.
-
행을 삭제 하여 커서가 있는 행을 삭제합니다.
-
테이블을 삭제 하여 커서가 있는 전체 테이블을 삭제합니다.
-
페이지에서 테이블 또는 내용을 계속 사용자 지정합니다.
사용자 지정 테이블 만들기 또는 HTML 콘텐츠 사용
사용자 지정 테이블을 만들거나 고유한 HTML 코드를 사용하여 페이지에 콘텐츠를 배치하려는 경우 식 웹 또는 Dreamweaver와 같은 웹 페이지 편집기에서 HTML 코드를 추가하여 이 작업을 수행할 수 있습니다.
-
테이블 또는 HTML 콘텐츠를 추가할 페이지를 편집합니다.
-
텍스트 서식 탭을 클릭한 다음 태그 그룹에서 원본 편집을 클릭합니다.
-
HTML 원본 창에서 사용자 지정 HTML을 입력하거나 붙여넣거나 DIV 태그 적용과 같은 기존 원본 콘텐츠를 수정합니다. (HTML 원본 창은 웹 사이트의 한 부분에서 다른 부분으로 테이블을 복사하는 유용한 방법이기도 합니다. 이는 테이블을 다시 만들고 사용자 지정하는 것보다 빠릅니다.)
-
확인을 클릭한 다음 페이지를 저장합니다.
팁: 페이지에서 콘텐츠의 레이아웃 및 위치를 추가로 사용자 지정하려면 사용자 지정 페이지 레이아웃을 만드는 것이 좋습니다.