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

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

== 개념 ==
표는 문서 안에서 데이터를 정리하거나 구조화할 때 사용합니다. 위키 문법에서 표는 HTML의 <code>table</code> 태그와 유사한 방식으로 작성합니다.  
표 전체는 중괄호 두 개 <code>{|</code>와 <code>|}</code> 사이에 작성하며, 행과 셀을 지정하는 특별한 기호들을 사용합니다.

{| class="wikitable"
|-
! 기호 !! 의미
|-
| <code>{|</code> || 표 시작
|-
| <code>|-</code> || 새 행(row) 시작
|-
| <code>! ...</code> || 헤더 셀(th) (굵게, 가운데 정렬)
|-
| <code>| ...</code> || 일반 셀(td)
|-
| <code>|}</code> || 표 끝
|}

== 기본 사용 ==
{| class="wikitable"
|-
! 입력 !! 출력
|-
| <code><nowiki>{| class="wikitable"</nowiki></code><br>
  <code><nowiki>|-</nowiki></code><br>
  <code><nowiki>! 제목1 !! 제목2</nowiki></code><br>
  <code><nowiki>|-</nowiki></code><br>
  <code><nowiki>| 내용1 || 내용2</nowiki></code><br>
  <code><nowiki>|}</nowiki></code>
| 
{| class="wikitable"
|-
! 제목1 !! 제목2
|-
| 내용1 || 내용2
|}
|}

== 행과 셀 ==
* 행 구분은 <code>|-</code>으로 합니다.  
* 셀 구분은 같은 행 안에서 <code>||</code> 또는 <code>!!</code>으로 합니다.  
* 행의 첫 칸은 보통 <code>|</code> 또는 <code>!</code>로 시작합니다.

{| class="wikitable"
|-
! 구분 !! 설명
|-
| <code>| 내용1 || 내용2</code> || 같은 행에 두 개의 일반 셀
|-
| <code>! 제목1 !! 제목2</code> || 같은 행에 두 개의 헤더 셀
|}

== 속성 ==
표나 행, 셀에는 다양한 속성을 넣을 수 있습니다.  
예를 들어 <code>style</code> 속성을 이용하면 정렬이나 색상을 바꿀 수 있습니다.

{| class="wikitable"
|-
! 입력 !! 출력
|-
| <code><nowiki>| style="text-align:center;" | 가운데</nowiki></code> || 
| style="text-align:center;" | 가운데
|-
| <code><nowiki>| style="background: #eef;" | 색상 배경</nowiki></code> || 
| style="background: #eef;" | 색상 배경
|}

== 셀 합치기 ==
셀을 합치려면 <code>rowspan</code>이나 <code>colspan</code> 속성을 사용합니다.  

{| class="wikitable"
|-
! 입력 !! 출력
|-
| <code><nowiki>{| class="wikitable"</nowiki></code><br>
  <code><nowiki>|-</nowiki></code><br>
  <code><nowiki>| 내용1 || 내용2 || 내용3</nowiki></code><br>
  <code><nowiki>|-</nowiki></code><br>
  <code><nowiki>| colspan="2" | 가로 합치기 || 내용4</nowiki></code><br>
  <code><nowiki>|-</nowiki></code><br>
  <code><nowiki>| rowspan="2" | 세로 합치기 || 내용5 || 내용6</nowiki></code><br>
  <code><nowiki>|-</nowiki></code><br>
  <code><nowiki>|| 내용7 || 내용8</nowiki></code><br>
  <code><nowiki>|}</nowiki></code>
|
{| class="wikitable"
|-
| 내용1 || 내용2 || 내용3
|-
| colspan="2" | 가로 합치기 || 내용4
|-
| rowspan="2" | 세로 합치기 || 내용5 || 내용6
|-
| 내용7 || 내용8
|}
|}

== 정리 ==
* 표는 <code>{|</code>와 <code>|}</code> 사이에 작성한다.
* <code>|-</code>은 새 행을, <code>!</code>는 헤더 셀을, <code>|</code>는 일반 셀을 의미한다.
* <code>rowspan</code>, <code>colspan</code>으로 셀을 합칠 수 있다.
* <code>style</code> 속성을 이용하면 색상, 정렬 등 다양한 꾸밈을 줄 수 있다.