도움말:위키 문법/2장 「표」
분류: 도움말
| 도움말 | ||||
|---|---|---|---|---|
[ 펼치기 · 접기 ]
|
| 위키 문법 | ||
|---|---|---|
| 1장 「기초」 | 2장 「표」 | 3장 「HTML」 |
| 4장 「스타일링」 | 5장 「응용」 | |
| 개별 기능 | ||
| 보일 제목 | 틀 제작 | 파일 삽입 |
개념
표
표는 정보를 정리하여 가독성을 높이기 위해 사용합니다. 위키에서는 표를 만들 때 주로 {|로 시작하고 |}로 끝나는 문법을 사용합니다. 표 안에서는 |-로 행(row)을 나누고, !로 머리글(th), |로 데이터(td)를 작성합니다.
| 문법 | 의미 |
|---|---|
| 표 시작 | |
| } | 표 종료 |
| - | 행 구분 |
! |
머리글(th) 셀 |
| 일반 데이터(td) 셀 |
표 속성
표에 속성을 주어 디자인을 바꿀 수 있습니다. 가장 흔한 속성은 class="wikitable"로, 기본 테두리와 배경을 제공합니다.
기타 스타일을 적용할 때는 style="..." 속성을 활용할 수 있습니다.
| 속성 예시 | 설명 |
|---|---|
class="wikitable" |
기본 위키 스타일 적용 |
style="width:50%" |
표 너비를 50%로 설정 |
style="text-align:center" |
내용 가운데 정렬 |
style="background:#f2f2f2" |
배경색 지정 |
행과 셀
행 나누기
행을 나누려면 |-을 사용합니다. 행마다 머리글이나 데이터를 넣을 수 있습니다.
| 머리글1 | 머리글2 |
|---|---|
| 데이터1-1 | 데이터1-2 |
| 데이터2-1 | 데이터2-2 |
셀 작성
- 머리글 셀: !
- 데이터 셀: |
- 여러 개 셀 작성 시 한 행 안에서 |로 구분
| 머리글A | 머리글B | 머리글C |
|---|---|---|
| 데이터A1 | 데이터B1 | 데이터C1 |
| 데이터A2 | 데이터B2 | 데이터C2 |
셀 병합
- **가로 병합**: colspan="숫자"
- **세로 병합**: rowspan="숫자"
| 병합된 머리글 | |
|---|---|
| 데이터1 | 데이터2 |
| 세로병합 | 데이터3 |
| 데이터4 | |
고급 기능
정렬
셀 내부 내용을 정렬하려면 style="text-align:left/right/center"을 사용합니다.
| 왼쪽 | 가운데 | 오른쪽 |
|---|---|---|
| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
배경색
각 셀에 배경색을 주어 강조할 수 있습니다.
| 제목1 | 제목2 |
|---|---|
| 빨강 배경 | 초록 배경 |
표 안에 표
표 안에 다른 표를 넣어 계층 구조를 표현할 수 있습니다. 중첩 표는 가독성을 위해 최소한으로 사용하는 것이 좋습니다.
| 외부표 헤더 | |
|---|---|
| class="wikitable" | |
| 내부헤더1 | 내부헤더2 |
| 값1 | 값2 |
|}
참고
표 문법은 HTML의 table, tr, th, td와 유사하며, 필요 시 CSS 스타일을 결합해 세밀하게 꾸밀 수 있습니다.