표 삽입
아이템에 표를 삽입하는 방법입니다.
1. 표를 삽입할 아이템에 들어가 상단 표 버튼을 누릅니다.
2. 표 설정
- 가로줄, 세로줄 : 표의 행과 열을 설정합니다.
- 너비, 높이 : 표 전체의 너비와 높이를 설정합니다.
- Headers
1. None : 헤더값을 지정하지 않습니다.
2. First Low : 첫번째 열을 헤더로 지정합니다.
3. First Column : 첫번째 행을 헤더로 지정합니다.
4. Both : 첫번째 행과 열 모두를 헤더로 지정합니다.
- 테두리 크기 : 줄의 굵기를 설정합니다.
- 셀 간격, 셀 여백 : 셀간 간격과 여백을 설정합니다.
- 정렬 : 표를 왼쪽, 가운데, 오른쪽으로 정렬합니다.
※정보전략팀에서 제작한 모든 기관홈페이지의 표는 yonsei-table이라는 고유 클래스를 가지고 있습니다.
따라서 새로운 표를 제작 시 <table>태그에 <table class="yonsei-table">이라는 클래스명을 꼭 기입해주시기 바랍니다.
- 표 제작 사이트 : https://www.tablesgenerator.com/html_tables#
1. 표 생성 메뉴
- File : 새로운 표를 제작하거나 저장, 불러오기를 할 수 있습니다.
- Edit : 이전작업, 작업 복구를 할 수 있습니다.
- Table : 표를 확장할 수 있습니다.
- Column : 기준이 되는 행을 지정 후 그 행을 삭제, 왼쪽으로 한칸 늘리기, 오른쪽으로 한칸 늘리기를 할 수 있습니다.
- Row : 기준이 되는 열을 지정 후 그 열을 삭제, 해당 열 기준 위로 한칸 늘리기, 아래로 한칸 늘리기를 할 수 있습니다.
- Cell
2. 셀 합치기, 나누기 : 수정할 셀을 선택 후 셀 합치기(왼쪽), 셀 나누기(오른쪽)를 눌러줍니다.
3. 제작한 표 확인 : 제작한 셀은 해당 영역에서 실시간으로 확인이 가능합니다.
4. 제작한 표 코드 저장 : 제작 완료한 표의 코드를 저장합니다.
5. 제작한 표 코드 : 제작한 셀의 코드를 해당 영역에서 확인할 수 있습니다.