도움말:위키 문법/표 문서 원본 보기

{{DISPLAYTITLE:<span class="mw-page-title-namespace">도움말</span>:위키 문법{{부제| 2장 「표」}}}}
{{분류|도움말}}
{{도움말}}{{위키 문법}}
{{목차}}
{{DISPLAYTITLE:<span class="mw-page-title-namespace">도움말</span>:위키 문법/2장 「표」}}
{{분류|도움말}}
{{도움말}}{{위키 문법}}
{{목차}}

== 개념 ==
표는 데이터를 행과 열로 나누어 구조적으로 보여주는 방식입니다. 위키에서는 HTML 태그를 직접 쓰거나 위키 자체 문법을 이용해 표를 만들 수 있습니다.  
가장 기본적인 표 문법은 `{|`로 시작하고 `|}`로 끝납니다.

=== 기본 구조 ===
{| class="wikitable"
|-
! 제목1 !! 제목2 !! 제목3
|-
| 내용1 || 내용2 || 내용3
|}

- `{|` : 표 시작
- `|}` : 표 끝
- `|-` : 새로운 행(row) 시작
- `!` : 열 제목(header) 정의
- `|` : 일반 데이터 셀(cell) 정의
- `||` : 같은 행 내 다른 셀 구분

=== 표 속성 ===
표에는 여러 가지 속성을 추가할 수 있습니다. 대표적인 속성은 다음과 같습니다.

* `class` : 표의 스타일을 지정합니다. 예) `wikitable`, `prettytable`  
* `style` : CSS 스타일을 직접 지정할 수 있습니다. 예) `style="width: 80%; text-align: center;"`  
* `border` : 테두리 굵기 지정. 예) `border="1"`  

예시: 
{| class="wikitable" style="width: 50%; text-align: center;" border="1"
|-
! 이름 !! 나이 !! 직업
|-
| 김철수 || 25 || 학생
|-
| 박영희 || 30 || 교사
|}

=== 행과 열 합치기 ===
셀을 합치고 싶을 때는 `rowspan`과 `colspan` 속성을 사용합니다.

* `rowspan="2"` : 세로로 2행을 합칩니다.  
* `colspan="3"` : 가로로 3열을 합칩니다.  

예시:
{| class="wikitable"
|-
! 이름 !! colspan="2" | 연락처
|-
| 김철수 || 전화 || 이메일
|-
| 박영희 || 010-1234-5678 || park@example.com
|}

=== 표 안 글자 서식 ===
표 안에서도 일반 위키 문법을 그대로 사용할 수 있습니다.  
예를 들어 굵게, 기울이기, 색상, 링크 등을 사용할 수 있습니다.

{| class="wikitable"
|-
! 이름 !! 메모
|-
| '''중요''' || ''기억할 것''
|-
| {{색|red|주의}} || [https://example.com 예시 링크]
|}

=== 표 안 목록 ===
표 안에 목록을 넣을 때는 `<ul>`과 `<li>` HTML 태그를 사용합니다.  
별표(*)나 샵(#)으로 표 안에서 목록을 만들면 제대로 표시되지 않을 수 있습니다.

예시:
{| class="wikitable"
|-
! 항목 !! 내용
|-
| 할 일 || <ul><li>문서 작성</li><li>편집</li></ul>
|}

=== 표 스타일링 ===
- `text-align` : 글자 정렬 (`left`, `center`, `right`)  
- `vertical-align` : 수직 정렬 (`top`, `middle`, `bottom`)  
- `background-color` : 배경색  
- `color` : 글자색  

예시:
{| class="wikitable" style="width:100%; text-align:center;"
|-
! style="background-color:#f0f0f0;" | 제목1 !! 제목2
|-
| style="color: red; vertical-align:top;" | 중요 || style="color: blue;" | 참고
|}

=== 참고 사항 ===
* 표 안에서 줄바꿈을 하고 싶으면 `<br>` 태그를 사용합니다.  
* 위키 표는 HTML `<table>`과 거의 동일하게 동작하지만, 위키 문법을 쓰면 코드가 간단해집니다.  
* 복잡한 표는 틀을 만들어 재사용할 수 있습니다.