도움말:위키 문법/표: 두 판 사이의 차이

2025년 10월 4일 (토) 11:16 판

도움말

[ 펼치기 · 접기 ]

위키 문법
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 스타일을 결합해 세밀하게 꾸밀 수 있습니다.

@@ 5번째 줄: / 5번째 줄: @@
 == 개념 ==
-표는 데이터를 행과 열로 나누어 구조적으로 보여주는 방식입니다. 위키에서는 HTML 태그를 직접 쓰거나 위키 자체 문법을 이용해 표를 만들 수 있습니다.
+=== 표 ===
-가장 기본적인 표 문법은 `{|`로 시작하고 `|}`로 끝납니다.
+표는 정보를 정리하여 가독성을 높이기 위해 사용합니다. 위키에서는 표를 만들 때 주로 {|로 시작하고 |}로 끝나는 문법을 사용합니다.
+표 안에서는 |-로 행(row)을 나누고, !로 머리글(th), |로 데이터(td)를 작성합니다.
-=== 기본 구조 ===
 {| class="wikitable"
 |-
-! 제목1 !! 제목2 !! 제목3
+! 문법 !! 의미
 |-
-| 내용1 || 내용2 || 내용3
+| <code>{|</code> || 표 시작
+|-
+| <code>|}</code> || 표 종료
+|-
+| <code>|-</code> || 행 구분
+|-
+| <code>!</code> || 머리글(th) 셀
+|-
+| <code>|</code> || 일반 데이터(td) 셀
 |}
-- `{|` : 표 시작
+=== 표 속성 ===
-- `|}` : 표 끝
+표에 속성을 주어 디자인을 바꿀 수 있습니다. 가장 흔한 속성은 <code>class="wikitable"</code>로, 기본 테두리와 배경을 제공합니다.
-- `|-` : 새로운 행(row) 시작
+기타 스타일을 적용할 때는 <code>style="..."</code> 속성을 활용할 수 있습니다.
-- `!` : 열 제목(header) 정의
-- `|` : 일반 데이터 셀(cell) 정의
-- `||` : 같은 행 내 다른 셀 구분
-=== 표 속성 ===
+{| class="wikitable"
-표에는 여러 가지 속성을 추가할 수 있습니다. 대표적인 속성은 다음과 같습니다.
+|-
+! 속성 예시 !! 설명
+|-
+| <code>class="wikitable"</code> || 기본 위키 스타일 적용
+|-
+| <code>style="width:50%"</code> || 표 너비를 50%로 설정
+|-
+| <code>style="text-align:center"</code> || 내용 가운데 정렬
+|-
+| <code>style="background:#f2f2f2"</code> || 배경색 지정
+|}
-* `class` : 표의 스타일을 지정합니다. 예) `wikitable`, `prettytable`
+== 행과 셀 ==
-* `style` : CSS 스타일을 직접 지정할 수 있습니다. 예) `style="width: 80%; text-align: center;"`
+=== 행 나누기 ===
-* `border` : 테두리 굵기 지정. 예) `border="1"`
+행을 나누려면 <code>|-</code>을 사용합니다. 행마다 머리글이나 데이터를 넣을 수 있습니다.
-예시:
+{| class="wikitable"
-{| class="wikitable" style="width: 50%; text-align: center;" border="1"
 |-
-! 이름 !! 나이 !! 직업
+! 머리글1 !! 머리글2
 |-
-| 김철수 || 25 || 학생
+| 데이터1-1 || 데이터1-2
 |-
-| 박영희 || 30 || 교사
+| 데이터2-1 || 데이터2-2
 |}
-=== 행과 열 합치기 ===
+=== 셀 작성 ===
-셀을 합치고 싶을 때는 `rowspan`과 `colspan` 속성을 사용합니다.
+- 머리글 셀: <code>!</code>
+- 데이터 셀: <code>|</code>
+- 여러 개 셀 작성 시 한 행 안에서 |로 구분
-* `rowspan="2"` : 세로로 2행을 합칩니다.
+{| class="wikitable"
-* `colspan="3"` : 가로로 3열을 합칩니다.
+|-
+! 머리글A !! 머리글B !! 머리글C
+|-
+| 데이터A1 || 데이터B1 || 데이터C1
+|-
+| 데이터A2 || 데이터B2 || 데이터C2
+|}
+=== 셀 병합 ===
+- **가로 병합**: <code>colspan="숫자"</code>
+- **세로 병합**: <code>rowspan="숫자"</code>
-예시:
 {| class="wikitable"
 |-
-! 이름 !! colspan="2" | 연락처
+! colspan="2" | 병합된 머리글
 |-
-| 김철수 || 전화 || 이메일
+| 데이터1 || 데이터2
 |-
-| 박영희 || 010-1234-5678 || park@example.com
+| rowspan="2" | 세로병합 || 데이터3
+|-
+| 데이터4
 |}
-=== 표 안 글자 서식 ===
+== 고급 기능 ==
-표 안에서도 일반 위키 문법을 그대로 사용할 수 있습니다.
+=== 정렬 ===
-예를 들어 굵게, 기울이기, 색상, 링크 등을 사용할 수 있습니다.
+셀 내부 내용을 정렬하려면 <code>style="text-align:left/right/center"</code>을 사용합니다.
 {| class="wikitable"
 |-
-! 이름 !! 메모
+! 왼쪽 !! 가운데 !! 오른쪽
 |-
-| '''중요''' || ''기억할 것''
+| style="text-align:left" | 왼쪽 정렬
-|-
+| style="text-align:center" | 가운데 정렬
-| {{색|red|주의}} || [https://example.com 예시 링크]
+| style="text-align:right" | 오른쪽 정렬
 |}
-=== 표 안 목록 ===
+=== 배경색 ===
-표 안에 목록을 넣을 때는 `<ul>`과 `<li>` HTML 태그를 사용합니다.
+각 셀에 배경색을 주어 강조할 수 있습니다.
-별표(*)나 샵(#)으로 표 안에서 목록을 만들면 제대로 표시되지 않을 수 있습니다.
-예시:
 {| class="wikitable"
 |-
-! 항목 !! 내용
+! 제목1 !! 제목2
 |-
-| 할 일 || <ul><li>문서 작성</li><li>편집</li></ul>
+| style="background:#ffcccc" | 빨강 배경
+| style="background:#ccffcc" | 초록 배경
 |}
-=== 표 스타일링 ===
+=== 표 안에 표 ===
-- `text-align` : 글자 정렬 (`left`, `center`, `right`)
+표 안에 다른 표를 넣어 계층 구조를 표현할 수 있습니다. 중첩 표는 가독성을 위해 최소한으로 사용하는 것이 좋습니다.
-- `vertical-align` : 수직 정렬 (`top`, `middle`, `bottom`)
-- `background-color` : 배경색
-- `color` : 글자색
-예시:
+{| class="wikitable"
-{| class="wikitable" style="width:100%; text-align:center;"
 |-
-! style="background-color:#f0f0f0;" | 제목1 !! 제목2
+! 외부표 헤더
 |-
-| style="color: red; vertical-align:top;" | 중요 || style="color: blue;" | 참고
+| {| class="wikitable"
+   |-
+   ! 내부헤더1 !! 내부헤더2
+   |-
+   | 값1 || 값2
+   |}
 |}
-=== 참고 사항 ===
+=== 참고 ===
-* 표 안에서 줄바꿈을 하고 싶으면 `<br>` 태그를 사용합니다.
+표 문법은 HTML의 <code>table</code>, <code>tr</code>, <code>th</code>, <code>td</code>와 유사하며, 필요 시 CSS 스타일을 결합해 세밀하게 꾸밀 수 있습니다.
-* 위키 표는 HTML `<table>`과 거의 동일하게 동작하지만, 위키 문법을 쓰면 코드가 간단해집니다.
-* 복잡한 표는 틀을 만들어 재사용할 수 있습니다.