FANDOM


미디어위키에서 표를 만들려면, HTML 코드를 직접 입력하거나 미디어위키 전용 문법을 사용할 수 있습니다. 미디어위키 문법을 사용하면 표를 더 쉽고 간단하게 만들 수 있습니다.

문법

{| 표의 시작 부분
|+ 표의 설명 부분. 표 시작 부분과 첫 행 부분 사이에 적으며, 꼭 쓰지 않아도 됩니다.
|- 행의 시작.
! 머리말 칸.
| 일반 칸.
|} 표의 끝 부분.

각 기호는 항상 각 줄의 처음에 있어야 합니다. 그리고 !, |을 사용하면 한 줄에 한 칸씩 써야만 하는데, 대신 !!, ||를 사용하면 여러 칸을 한 줄에 사용할 수 있습니다. 구체적인 사용은 아래의 예제를 참고해주세요.

예제

Orange Apple
Bread Pie
Butter Ice cream
{|
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}

또는 여러 칸을 한 줄에 쓸 수도 있습니다.

Orange Apple more
Bread Pie more
Butter Ice cream and more
{|
|  Orange    ||   Apple   ||   more
|-
|   Bread    ||   Pie     ||   more
|-
|   Butter   || Ice cream ||  and more
|}

제목

제목은 | 대신 !를 사용합니다.

Yummy Yummier
Orange Apple
Bread Pie
Butter Ice cream
{|
!Yummy
!Yummier
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}

여러 칸을 한 줄에 쓰려면 일반 칸과 마찬가지 방법으로, !!를 사용합니다.

Yummy Yummier
Orange Apple
Bread Pie
Butter Ice cream
{|
!Yummy !! Yummier
|-
|Orange || Apple
|-
|Bread || Pie
|-
|Butter || Ice cream
|}

HTML으로 효과 넣기

HTML/XHTML 속성인 style, class 등을 사용해서 효과를 사용할 수 있습니다. 문법은 HTML과 같고, 표의 머리말에 속성을 주면 표 전체에, 행의 시작 부분에 주면 행 전체에, 칸의 시작 부분에 주면 칸에 효과가 적용됩니다. 단, 칸에 속성을 줄 때에는 |이나 ! 뒤에 속성을 준 후 그 뒤에 다시 |를 붙인 후 칸의 내용을 적어야 합니다.

Yummy Yummier
Orange Apple
Bread Pie
Butter Ice cream
{| style="border: 1px solid red;"
|- style="color: white; background-color: black;"
! Yummy
! Yummier
|-
| Orange
| Apple
|-
| Bread
| Pie
|-
| style="color: red;" | Butter
| Ice cream
|}

colspan이나 rowspan을 사용하면 여러 칸이나 여러 줄을 합칠 수도 있습니다.

Yummy
Orange Apple
Bread Pie
{|
|-
! colspan="2" | Yummy
|-
| Orange
| Apple
|-
| Bread
| Pie
|}
{| class="wikitable"
|-
! 제목
! 제목
! 제목
|-
| 내용
| colspan="2"| 내용
|}
제목 제목 제목
내용 내용
가장 단순한 흑백 표 서식.
{| class="prettytable"
|-
! 제목
! 제목
! 제목
|-
| 내용
| colspan="2"| 내용
|}
제목 제목 제목
내용 내용
컬러가 들어간 표 서식.
{| class="pokemontable"
|-
! 제목
! 제목
! 제목
|-
| 내용
| colspan="2"| 내용
|}
제목 제목 제목
내용 내용
기본 표 서식에 {{표색}}을 혼합한 것.
그 밖에 다음과 같은 클래스가 있습니다.
  • class="lefted" : 표 전체를 왼쪽에 배치합니다. align="left" 기능을 합니다.
  • class="centered" : 표 전체를 가운데에 배치합니다. align="center" 기능을 합니다.
  • class="righted" : 표 전체를 오른쪽에 배치합니다. align="right" 기능을 합니다.
  • class="alignleft" : 글자를 왼쪽 정렬합니다.
  • class="aligncenter" : 글자를 가운데 정렬합니다.
  • class="alignright" : 글자를 오른쪽 정렬합니다.
  • 둥글 → class="roundy"
  • 둥글왼쪽 → class="roundyleft"
  • 둥글오른쪽 → class="roundyright"
  • 둥글위 → class="roundytop"
  • 둥글아래 → class="roundybottom"
  • 둥글왼쪽위 → class="roundytopleft"
  • 둥글왼쪽아래 → class="roundybottomleft"
  • 둥글오른쪽위 → class="roundytopright"
  • 둥글오른쪽아래 → class="roundybottomright"

접고 펼 수 있는 표

class="mw-collapsible mw-collapsed"는 스크롤이 너무 긴 표를 접고 펼 수 있게 해 줍니다. 접기를 위해 맨 위에는 colspan을 사용해 1칸짜리 줄을 생성해야 합니다.

  • mw-collapsible : 접고 펴기가 가능한 표로 만드는 코드.
  • mw-collapsed : 처음부터 접혀진 상태로 보이게 하는 코드.
colspan을 사용한 줄
제목 제목 제목
제목 내용 내용
제목 내용 내용
제목 내용 내용
제목 내용 내용
{| class="wikitable mw-collapsible mw-collapsed"
|-
! colspan="4"| colspan을 사용한 줄
|-
! style="width:20%"| 제목
! style="width:40%"| 제목
! style="width:40%"| 제목
|-
! 제목
| 내용
| 내용
|-
! 제목
| 내용
| 내용
|-
! 제목
| 내용
| 내용
|-
! 제목
| 내용
| 내용
|}

는 특정한 정보를 정리할 수 있는 가장 좋은 방법입니다.

한 걸음씩

1. 오른쪽 레일에서 Table button 버튼을 눌러 표를 생성할 수 있습니다.

Edit toolbar table highlighted

버튼

2. 이후 나타나는 창에서 표 설정을 변경할 수 있습니다.

Table properties

표 설정하기

3. "확인" 버튼을 누르면 표가 생성되고, 그곳에 원하는 정보를 넣을 수 있습니다.

4. 표 위에서 오른쪽 마우스를 클릭하고 "표 설정" 항목을 선택하면 설정을 변경할 수 있습니다.

Table editor

오른쪽 클릭

소스 모드에서의 표

자세한 사항은 '도움말:위키 문법/표 예제' 페이지를 참고하세요. 위키 문법으로는 다음과 같은 편집이 가능합니다:

  • 정보를 세로단으로 정렬하거나, 숨길 수 있습니다.
  • CSS를 이용해 표의 색상 등을 변경할 수 있습니다.

함께 보기

도움 및 문의

Community content is available under CC-BY-SA unless otherwise noted.