HTML 편집기에 표 추가

HTML 필드 컨트롤을 사용하여 지식 문서에 n 예제 테이블을추가하고 서식을 지정합니다.

시작하기 전에

필요한 역할: 관리자

이 태스크 정보

이 작업에서는 htmlArea 또는 TinyMCE v6.8.3에서 테이블을 만들고 서식을 지정합니다. 결과 테이블은 다음 이미지 중 하나와 유사해야 합니다.

그림 1. htmlArea의 테이블 예제

그림 2. TinyMCE v6.8.3의 테이블 예

너비, 셀 간격, 셀 패딩, 테두리 및 정렬과 같은 측면에 대한 대체 값을 입력하면 결과 테이블이 제공된 예제와 다릅니다.

프로시저

1. 다음으로 이동 모두 > 지식 > 편집 을 클릭하고 편집하려는 지식 문서를 선택합니다.
2. HTML 필드에서 테이블을 추가할 위치에 커서를 놓습니다.
3. 테이블 아이콘을 선택하고 테이블 삽입을 선택한 다음 행과 열 수를 선택합니다.
4. 테이블속성을 수정할 수 있습니다.
   1. 테이블에 커서를 놓고 테이블 아이콘을 선택하고 테이블 속성을 선택합니다.
   2. 일반 탭에 다음 값을 입력합니다.
      • 폭: 75%
      • 셀 간격: 3
      • 셀 패딩: 3
      • 테두리: 1
      • 정렬: 왼쪽
   3. 고급 탭에서 테두리 색상 옆에 있는 텍스트 필드를 선택하고 회색을 입력합니다.
      색상 선택기 상자가 회색으로 바뀌어 입력한 색상을 나타냅니다. 상자를 선택하고 팔레트에서 색상을 선택할 수도 있습니다.
   4. 확인을 선택합니다.
5. 헤더테이블 행의 날짜를 지정합니다.
   1. 첫 번째 테이블 행의 셀을 선택하고 테이블 아이콘을 선택한 후 행 > 행 속성.
   2. 일반 탭에 다음 값을 입력합니다.
      • 행 유형: 헤더
      • 정렬: 중심
   3. 고급 탭에서배경색 옆의 텍스트 상자에 #87cefa 입력하여 연한 파란색으로 설정합니다.
   4. 확인을 선택합니다.
6. Set 테이블 셀 속성.
   1. 머리글 행의 셀을 제외한 첫 번째 열의 모든 표 셀을 선택합니다.
   2. 테이블아이콘을 선택하고 셀 > 셀 속성.
   3. 일반 탭에 다음 값을 입력합니다.
      • H 정렬: 왼쪽
      • V 정렬: 상단
   4. 확인을 선택합니다.
   5. 두 번째 열의 테이블 셀에 대해 이 단계를 반복합니다.
7. Set 중간 행의 배경색.
   1. 중간 테이블 행에 커서를 놓고 테이블 아이콘을 선택한 후 행 > 행 속성.
   2. 고급 탭에서배경색 옆의 텍스트 상자에 Silver를 입력하여 #c0c0c0 색으로 설정합니다.
   3. 확인을 선택합니다.
   4. 테이블 행을 격주로 반복합니다.
8. Set 열s의 너비.
   1. 테이블의 첫 번째 열을 선택하고 테이블 아이콘을 선택한 후 셀 > 셀 속성.
   2. 일반 탭에서 너비 텍스트 필드에 30%를 입력합니다.
   3. 확인을 선택합니다.
9. 양식 헤더를 길게 누르거나 마우스 오른쪽 버튼으로 클릭하고 저장을 선택합니다.
10. 테이블 셀에 데이터를 입력한 다음 문서를 저장합니다.