HTML 편집기에 표 추가

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

시작하기 전에

필요한 역할: admin

이 태스크 정보

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

그림 1. htmlArea의 테이블 예제

그림 2. TinyMCE v6.8.3의 표 예

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

프로시저

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