HTML 필드에 표 추가

이 예는 HTML 필드 컨트롤을 사용하여 지식 문서의 테이블 서식을 지정합니다.

이 태스크 정보

그림 1. 테이블 예시 html

서식이 지정된 테이블을 지식 문서에 추가하려면:

프로시저

1. 다음으로 이동 모두 > 지식 > 편집 을 클릭하고 편집할 문서를 선택합니다.
2. HTML 필드에서 테이블 위치에 커서를 놓습니다.
3. 테이블 아이콘을 클릭하고 테이블 삽입을 클릭한 다음 행과 열 수를 선택합니다.

   

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