적용 대상
SharePoint Server 2013 Enterprise Microsoft 365의 SharePoint SharePoint Foundation 2013 Microsoft 365 Small Business의 SharePoint

중요: 

클래식 페이지에 테이블을 추가하여 페이지의 텍스트, 이미지 또는 개체를 구조화할 수 있습니다. 테이블, 가격표, 제품 비교, 용어 및 정의 목록 등에 데이터를 표시하려면 이 작업을 수행할 수 있습니다. 예를 들어 직원 전기, 연락처 정보 또는 업무 시간 표시와 같은 콘텐츠를 배치하기 위해 이 작업을 수행할 수도 있습니다. 이 문서에서는 사이트의 테이블 편집기 및 HTML과 같은 다른 방법을 사용하여 페이지에서 콘텐츠를 배치하거나 구성하는 방법을 설명합니다.

이 문서의 내용

표 삽입

  1. 테이블을 추가할 페이지로 이동합니다.

  2. 페이지 탭을 클릭합니다.

  3. 편집 단추를 클릭합니다.

  4. 테이블을 추가할 페이지를 클릭합니다.

  5. 삽입 탭을 클릭합니다.

  6. 테이블 단추를 클릭합니다.SharePoint Online 공용 웹 사이트에서 표 삽입

  7. 테이블을 추가하는 방법에는 두 가지가 있습니다.

    • 화살표를 클릭하여 표 눈금선을 확장하고 마우스 포인터를 표 눈금선 위로 마우스로 가리킨 다음 원하는 표 셀 수를 클릭합니다.

    • 또는 표 삽입 단추를 클릭하고 원하는 열과 행 수를 입력하고 확인을 클릭합니다.

  8. 표가 페이지에 추가되어 콘텐츠를 추가하거나 사용자 지정할 수 있습니다. 다음에 설명된 작업입니다.SharePoint Online 웹 사이트의 표

맨 위로 이동

테이블 사용자 지정

페이지 페이지에 테이블을 삽입하면 사용자 지정을 시작할 수 있습니다. 행 또는 열을 추가 및 삭제하고, 행 또는 열을 병합 및 분할하고, 테이블 크기를 조정하고, 모양을 변경하는 등의 작업을 수행할 수 있습니다.

행 및 열 추가

표에 셀의 행과 열을 추가하여 페이지에서 보다 구조화된 콘텐츠를 허용할 수 있습니다. 커서가 있는 셀의 위, 아래, 왼쪽 또는 오른쪽에 추가할 수 있습니다. 개별 셀이 아닌 전체 행 또는 열만 한 번에 추가할 수 있습니다.

  1. 테이블이 포함된 웹 페이지를 편집합니다.

  2. 행 또는 열을 추가할 테이블 셀에 커서를 놓습니다.

  3. 테이블 레이아웃 탭을 클릭합니다.

  4. 다음 중 하나를 선택합니다.

    • 위에 삽입 하여 선택한 셀 위에 행을 추가합니다.

    • 아래를 삽입 하여 선택한 셀 아래에 행을 추가합니다.

    • 왼쪽을 삽입 하여 선택한 셀의 왼쪽에 열을 추가합니다.

    • 오른쪽을 삽입 하여 선택한 셀의 오른쪽에 열을 추가합니다.

팁: 새 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.

변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 병합된 새 셀에 함께 배치됩니다.

맨 위로 이동

셀 병합

셀을 병합할 때 두 개 이상의 셀을 결합하여 표의 텍스트, 이미지 및 기타 개체에 대한 공간을 더 많이 확보할 수 있습니다. 서로 위 또는 아래의 셀을 서로 왼쪽 또는 오른쪽에서 병합할 수 있지만 전체 행이나 열이 아닌 개별 셀만 병합할 수 있습니다.

  1. 테이블이 포함된 페이지를 편집합니다.

  2. 병합할 테이블 셀에 커서를 놓습니다.

  3. 테이블 레이아웃 탭을 클릭합니다.

  4. 셀 병합을 클릭하고 다음 중 하나를 선택합니다.

    • 위의 셀 과 병합하려면 위 를 병합합니다.

    • 아래를 병합 하여 아래 셀과 병합합니다.

    • 왼쪽을 병합 하여 셀과 왼쪽에 병합합니다.

    • 오른쪽을 병합 하여 오른쪽 셀과 병합합니다.

팁: 병합된 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.

변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 병합된 새 셀에 함께 배치됩니다.

맨 위로 이동

셀 분할

셀을 분할하면 단일 셀을 두 개의 셀로 전환하여 표 내용에 더 많은 구조를 적용합니다. 셀을 가로 또는 세로로 분할할 수 있지만 전체 행이나 열이 아닌 개별 셀만 분할할 수 있습니다.

  1. 테이블이 포함된 웹 페이지를 편집합니다.

  2. 분할하려는 표 셀에 커서를 놓습니다.

  3. 테이블 레이아웃 탭을 클릭합니다.

  4. 셀 분할을 클릭하고 다음 중 하나를 선택합니다.

    • 가로로 분할 하여 셀을 두 개의 셀로 나란히 분할합니다.

    • 로로 분할하여 셀을 두 개의 셀로 분할합니다.

팁: 분할 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.

변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 새 셀이 아닌 원래 셀에 유지됩니다.

맨 위로 이동

테이블 크기 조정

테이블을 구성하는 개별 행 및 열뿐만 아니라 테이블의 크기를 변경할 수 있습니다. 테이블 셀에 더 많은 페이지 콘텐츠를 맞추거나 다른 콘텐츠에 대한 나머지 페이지에서 더 많은 공간을 확보하려면 이 작업을 수행할 수 있습니다. 테이블 또는 셀 크기를 픽셀(px) 또는 백분율(%)로 지정할 수 있습니다. 개별 셀이 아닌 전체 행, 열 또는 테이블의 크기를 한 번에 조정할 수 있습니다.

  1. 테이블이 포함된 페이지를 편집합니다.

  2. 크기를 조정할 테이블 안에 커서를 놓습니다.

  3. 테이블 레이아웃 탭을 클릭합니다.

  4. 표 너비 옆에 백분율 또는 픽셀 값을 입력합니다. 100% 또는 700px 이상의 값은 전체 페이지 콘텐츠 영역을 사용합니다.

  5. 테이블 높이 옆에 백분율 또는 픽셀 값을 입력합니다. 단락 수에 따라 표 높이도 결정됩니다.

  6. 열 너비 옆에 백분율 또는 픽셀 값을 입력합니다. 100% 또는 700px 이상의 값은 전체 페이지 콘텐츠 영역을 사용합니다.

  7. 열 높이 옆에 백분율 또는 픽셀 값을 입력합니다. 단락 수에 따라 셀 테이블 높이도 결정됩니다.

    팁: 크기가 조정된 테이블이나 셀의 결과가 마음에 들지 않으면 Ctrl+Z를 입력하거나 텍스트 서식 탭을 클릭하고 실행 취소를 선택하여 작업을 실행 취소할 수 있습니다.

변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 크기가 조정된 셀에 유지됩니다.

맨 위로 이동

테이블 스타일 변경

스타일을 변경하고, 머리글 또는 바닥글 행을 지정하고, 첫 번째 및 마지막 테이블 행 또는 열에 특수 서식을 적용하여 테이블 모양을 사용자 지정할 수 있습니다.

  1. 테이블이 포함된 페이지를 편집합니다.

  2. 사용자 지정하려는 테이블에 커서를 놓습니다.

  3. 디자인 탭을 클릭합니다.

  4. 테이블 스타일 옵션에서 다음 표 스타일 옵션 중 하나를 선택합니다. (현재 테이블에 "밝게" 또는 "지우기" 테이블 스타일이 적용되어 있으면 서식 차이가 표시되지 않을 수 있습니다.)

    • 머리글 행 은 테이블의 첫 번째 행에 특수 서식을 적용합니다.

    • 바닥글 행 은 테이블의 마지막 행에 특수 서식을 적용합니다.

    • 첫 번째 열 은 테이블의 첫 번째 열에 특수 서식을 적용합니다.

    • 마지막 열 은 테이블의 마지막 열에 특수 서식을 적용합니다.

  5. 테이블 스타일을 선택합니다. 각 스타일은 테두리 색, 셀 색, 머리글 또는 바닥글 색을 변경합니다. (일부 스타일은 위에서 해당 옵션을 선택한 경우에만 머리글 및 바닥글을 변경합니다.)

    • 기본 테이블 스타일 – 밝게: 얇고 밝은 회색 눈금 테두리.

    • 표 스타일 1 – 지우기: 표시되는 테두리가 없습니다.

    • 표 스타일 2 – 밝은 줄무늬: 밝은 회색 가로 선, 다른 모든 행은 회색으로 음영 처리됩니다.

    • 표 스타일 3 – 중간 투톤: 파란색 머리글, 다른 모든 행은 연한 파란색으로 음영 처리됩니다.

    • 표 스타일 4 – 밝은 선: 회색 머리글, 연한 파란색 가로줄.

    • 표 스타일 5 – 그리드: 회색 눈금 테두리, 다른 모든 행은 회색으로 음영 처리됩니다.

    • 표 스타일 6 – 강조색 1: 파란색 눈금 테두리, 파란색 머리글.

    • 표 스타일 7 – 강조색 2; 연한 파란색 그리드 테두리, 연한 파란색 헤더.

    • 표 스타일 8 – 강조색 3: 녹색 눈금 테두리, 녹색 머리글.

    • 표 스타일 9 – 강조색 4: 올리브 그리드 테두리, 올리브 헤더.

    • 표 스타일 10 – 강조색 5: 빨간색 눈금 테두리, 빨간색 머리글.

    • 표 스타일 11 – 강조색 6: 자주색 눈금 테두리, 자주색 머리글

  6. 표 눈금선 표시를 클릭하여 표 눈금선을 표시하거나 숨깁니다. 테이블 지우기 스타일을 적용하거나 테이블 테두리를 숨긴 경우 시각적 개체에 해당하지만 여전히 테이블이 작동하도록 표시되어야 합니다.

변경 내용이 테이블에 즉시 적용된 것을 볼 수 있습니다. 셀에 텍스트 또는 이미지가 있는 경우 새 스타일이 적용된 원래 셀에 유지됩니다.

맨 위로 이동

표에 텍스트 또는 개체 추가

테이블 사용자 지정이 완료되면 여기에 설명된 대로 텍스트, 그래픽 및 기타 개체와 같은 콘텐츠를 테이블에 추가할 준비가 된 것입니다.

  1. 테이블이 포함된 페이지를 편집합니다.

  2. 콘텐츠를 추가할 테이블 셀 안에 커서를 놓습니다.

  3. 텍스트를 추가하려면 텍스트 입력을 시작하거나 표 셀에 텍스트를 붙여넣기만 하면됩니다. 서체 또는 글꼴 크기를 변경하려면 텍스트 서식 탭을 클릭하고 여기에서 글꼴 설정을 선택합니다.

  4. 이미지, 비디오 또는 다른 개체를 삽입하려면 삽입 탭을 클릭하고 웹 페이지에서와 같이 개체를 삽입합니다. (이미지 또는 비디오가 테이블 셀보다 크면 표 셀의 크기가 이미지 또는 비디오에 맞게 자동으로 조정됩니다.)

텍스트, 이미지 또는 개체를 제거하려면 셀에서 텍스트, 이미지 또는 개체를 선택하고 키보드에서 Delete 키를 누릅니다.

맨 위로 이동

셀, 행, 열 또는 테이블 삭제

필요한 경우 개별 셀, 행, 열 또는 전체 테이블을 삭제할 수 있습니다.

  1. 테이블이 포함된 페이지를 편집합니다.

  2. 삭제하려는 셀, 행, 열 또는 테이블 안에 커서를 놓습니다.

  3. 테이블 레이아웃 탭을 클릭합니다.

  4. 삭제를 클릭하고 다음 중 하나를 선택합니다.

  5. 셀을 삭제 하여 커서가 있는 개별 셀을 삭제합니다.

  6. 열을 삭제 하여 커서가 있는 열을 삭제합니다.

  7. 행을 삭제 하여 커서가 있는 행을 삭제합니다.

  8. 테이블을 삭제 하여 커서가 있는 전체 테이블을 삭제합니다.

  9. 페이지에서 테이블 또는 내용을 계속 사용자 지정합니다.

맨 위로 이동

사용자 지정 테이블 만들기 또는 HTML 콘텐츠 사용

사용자 지정 테이블을 만들거나 고유한 HTML 코드를 사용하여 페이지에 콘텐츠를 배치하려는 경우 식 웹 또는 Dreamweaver와 같은 웹 페이지 편집기에서 HTML 코드를 추가하여 이 작업을 수행할 수 있습니다.

  1. 테이블 또는 HTML 콘텐츠를 추가할 페이지를 편집합니다.

  2. 텍스트 서식 탭을 클릭한 다음 태그 그룹에서 원본 편집을 클릭합니다.SharePoint Online 공용 웹 사이트의 소스 편집

  3. HTML 원본 창에서 사용자 지정 HTML을 입력하거나 붙여넣거나 DIV 태그 적용과 같은 기존 원본 콘텐츠를 수정합니다. (HTML 원본 창은 웹 사이트의 한 부분에서 다른 부분으로 테이블을 복사하는 유용한 방법이기도 합니다. 이는 테이블을 다시 만들고 사용자 지정하는 것보다 빠릅니다.)

  4. 확인을 클릭한 다음 페이지를 저장합니다.

팁: 페이지에서 콘텐츠의 레이아웃 및 위치를 추가로 사용자 지정하려면 사용자 지정 페이지 레이아웃을 만드는 것이 좋습니다.

맨 위로 이동

도움이 더 필요하세요?

더 많은 옵션을 원하세요?

구독 혜택을 살펴보고, 교육 과정을 찾아보고, 디바이스를 보호하는 방법 등을 알아봅니다.