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

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

== 개념 ==
=== 표 ===
표는 정보를 정리하여 가독성을 높이기 위해 사용합니다. 위키에서는 표를 만들 때 주로 {|로 시작하고 |}로 끝나는 문법을 사용합니다.  
표 안에서는 |-로 행(row)을 나누고, !로 머리글(th), |로 데이터(td)를 작성합니다.  

{| class="wikitable"
|-
! 문법 !! 의미
|-
| <code>{|</code> || 표 시작
|-
| <code>|}</code> || 표 종료
|-
| <code>|-</code> || 행 구분
|-
| <code>!</code> || 머리글(th) 셀
|-
| <code>|</code> || 일반 데이터(td) 셀
|}

=== 표 속성 ===
표에 속성을 주어 디자인을 바꿀 수 있습니다. 가장 흔한 속성은 <code>class="wikitable"</code>로, 기본 테두리와 배경을 제공합니다.  
기타 스타일을 적용할 때는 <code>style="..."</code> 속성을 활용할 수 있습니다.

{| class="wikitable"
|-
! 속성 예시 !! 설명
|-
| <code>class="wikitable"</code> || 기본 위키 스타일 적용
|-
| <code>style="width:50%"</code> || 표 너비를 50%로 설정
|-
| <code>style="text-align:center"</code> || 내용 가운데 정렬
|-
| <code>style="background:#f2f2f2"</code> || 배경색 지정
|}

== 행과 셀 ==
=== 행 나누기 ===
행을 나누려면 <code>|-</code>을 사용합니다. 행마다 머리글이나 데이터를 넣을 수 있습니다.

{| class="wikitable"
|-
! 머리글1 !! 머리글2
|-
| 데이터1-1 || 데이터1-2
|-
| 데이터2-1 || 데이터2-2
|}

=== 셀 작성 ===
- 머리글 셀: <code>!</code>  
- 데이터 셀: <code>|</code>  
- 여러 개 셀 작성 시 한 행 안에서 |로 구분

{| class="wikitable"
|-
! 머리글A !! 머리글B !! 머리글C
|-
| 데이터A1 || 데이터B1 || 데이터C1
|-
| 데이터A2 || 데이터B2 || 데이터C2
|}

=== 셀 병합 ===
- **가로 병합**: <code>colspan="숫자"</code>  
- **세로 병합**: <code>rowspan="숫자"</code>  

{| class="wikitable"
|-
! colspan="2" | 병합된 머리글
|-
| 데이터1 || 데이터2
|-
| rowspan="2" | 세로병합 || 데이터3
|-
| 데이터4
|}

== 고급 기능 ==
=== 정렬 ===
셀 내부 내용을 정렬하려면 <code>style="text-align:left/right/center"</code>을 사용합니다.

{| class="wikitable"
|-
! 왼쪽 !! 가운데 !! 오른쪽
|-
| style="text-align:left" | 왼쪽 정렬
| style="text-align:center" | 가운데 정렬
| style="text-align:right" | 오른쪽 정렬
|}

=== 배경색 ===
각 셀에 배경색을 주어 강조할 수 있습니다.

{| class="wikitable"
|-
! 제목1 !! 제목2
|-
| style="background:#ffcccc" | 빨강 배경
| style="background:#ccffcc" | 초록 배경
|}

=== 표 안에 표 ===
표 안에 다른 표를 넣어 계층 구조를 표현할 수 있습니다. 중첩 표는 가독성을 위해 최소한으로 사용하는 것이 좋습니다.

{| class="wikitable"
|-
! 외부표 헤더
|-
| {| class="wikitable"
   |-
   ! 내부헤더1 !! 내부헤더2
   |-
   | 값1 || 값2
   |}
|}

=== 참고 ===
표 문법은 HTML의 <code>table</code>, <code>tr</code>, <code>th</code>, <code>td</code>와 유사하며, 필요 시 CSS 스타일을 결합해 세밀하게 꾸밀 수 있습니다.