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

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

도움말

[ 펼치기 · 접기 ]

위키 문법
1장 「기초」	2장 「표」	3장 「HTML」
4장 「스타일링」	5장 「응용」
개별 기능
보일 제목	틀 제작	파일 삽입

경고: "도움말:위키 문법/2장 「표」" 표시 제목은 먼저번의 표시 제목 "도움말:위키 문법 2장 「표」"을 덮어씁니다.

분류: 도움말

도움말

[ 펼치기 · 접기 ]

위키 문법
1장 「기초」	2장 「표」	3장 「HTML」
4장 「스타일링」	5장 「응용」
개별 기능
보일 제목	틀 제작	파일 삽입

개념

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

기본 구조

제목1	제목2	제목3
내용1	내용2	내용3

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

표 속성

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

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

예시:

이름	나이	직업
김철수	25	학생
박영희	30	교사

행과 열 합치기

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

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

예시:

이름	연락처
김철수	전화	이메일
박영희	010-1234-5678	park@example.com

표 안 글자 서식

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

이름	메모
중요	기억할 것
주의	예시 링크

표 안 목록

표 안에 목록을 넣을 때는 `

` HTML 태그를 사용합니다. 별표(*)나 샵(#)으로 표 안에서 목록을 만들면 제대로 표시되지 않을 수 있습니다. 예시:
항목 내용
할 일
문서 작성
편집
표 스타일링

- `text-align` : 글자 정렬 (`left`, `center`, `right`) - `vertical-align` : 수직 정렬 (`top`, `middle`, `bottom`) - `background-color` : 배경색 - `color` : 글자색
예시:

제목1 제목2

중요 참고

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

@@ 3번째 줄: / 3번째 줄: @@
 {{도움말}}{{위키 문법}}
 {{목차}}
-== 2장 「표」 ==
+{{DISPLAYTITLE:<span class="mw-page-title-namespace">도움말</span>:위키 문법/2장 「표」}}
-표는 데이터를 구조적으로 정리할 때 사용하며, 위키에서는 HTML 테이블과 비슷한 방식으로 작성합니다.
+{{분류|도움말}}
+{{도움말}}{{위키 문법}}
+{{목차}}
+== 개념 ==
+표는 데이터를 행과 열로 나누어 구조적으로 보여주는 방식입니다. 위키에서는 HTML 태그를 직접 쓰거나 위키 자체 문법을 이용해 표를 만들 수 있습니다.
+가장 기본적인 표 문법은 `{|`로 시작하고 `|}`로 끝납니다.
 === 기본 구조 ===
-표는 {|로 시작하고 |}로 끝납니다.
-각 행(row)은 |-, 각 셀(cell)은 | 또는 !로 구분합니다.
-<pre>
 {| class="wikitable"
 |-
-! 헤더1 !! 헤더2 !! 헤더3
+! 제목1 !! 제목2 !! 제목3
 |-
 | 내용1 || 내용2 || 내용3
-|-
-| 내용4 || 내용5 || 내용6
 |}
-</pre>
-=== 행과 열 ===
+- `{|` : 표 시작
-* |-(하이픈 포함)는 새 행을 의미합니다.
+- `|}` : 표 끝
-* | 또는 !! 는 각 셀을 의미합니다.
+- `|-` : 새로운 행(row) 시작
-  - 일반 셀은 |, 헤더 셀은 ! 사용
+- `!` : 열 제목(header) 정의
-* 여러 셀을 작성할 때는 || 또는 !!로 구분 가능
+- `|` : 일반 데이터 셀(cell) 정의
+- `||` : 같은 행 내 다른 셀 구분
+=== 표 속성 ===
+표에는 여러 가지 속성을 추가할 수 있습니다. 대표적인 속성은 다음과 같습니다.
-<pre>
+* `class` : 표의 스타일을 지정합니다. 예) `wikitable`, `prettytable`
+* `style` : CSS 스타일을 직접 지정할 수 있습니다. 예) `style="width: 80%; text-align: center;"`
+* `border` : 테두리 굵기 지정. 예) `border="1"`
+예시:
+{| class="wikitable" style="width: 50%; text-align: center;" border="1"
 |-
-| 셀1 || 셀2 || 셀3
+! 이름 !! 나이 !! 직업
 |-
-! 헤더1 !! 헤더2 !! 헤더3
+| 김철수 || 25 || 학생
-</pre>
+|-
+| 박영희 || 30 || 교사
+|}
-=== 셀 병합 ===
+=== 행과 열 합치기 ===
-#### 가로 병합(colspan)
+셀을 합치고 싶을 때는 `rowspan`과 `colspan` 속성을 사용합니다.
-- 하나의 셀을 여러 열에 걸치게 할 때 사용
-- 문법: <code>| colspan="숫자" | 내용</code>
+* `rowspan="2"` : 세로로 2행을 합칩니다.
-<pre>
+* `colspan="3"` : 가로로 3열을 합칩니다.
+예시:
+{| class="wikitable"
 |-
-| colspan="2" | 두 열 병합
+! 이름 !! colspan="2" | 연락처
-| 내용3
-</pre>
-#### 세로 병합(rowspan)
-- 하나의 셀을 여러 행에 걸치게 할 때 사용
-- 문법: <code>| rowspan="숫자" | 내용</code>
-<pre>
 |-
-| rowspan="2" | 두 행 병합
+| 김철수 || 전화 || 이메일
-| 내용2
 |-
-| 내용3
+| 박영희 || 010-1234-5678 || park@example.com
-</pre>
+|}
+=== 표 안 글자 서식 ===
+표 안에서도 일반 위키 문법을 그대로 사용할 수 있습니다.
+예를 들어 굵게, 기울이기, 색상, 링크 등을 사용할 수 있습니다.
-#### 병합 예시
-<pre>
 {| class="wikitable"
 |-
-! 헤더1 !! 헤더2 !! 헤더3
+! 이름 !! 메모
 |-
-| rowspan="2" | 세로병합
+| '''중요''' || ''기억할 것''
-| 내용2 || 내용3
+|-
+| {{색|red|주의}} || [https://example.com 예시 링크]
+|}
+=== 표 안 목록 ===
+표 안에 목록을 넣을 때는 `<ul>`과 `<li>` HTML 태그를 사용합니다.
+별표(*)나 샵(#)으로 표 안에서 목록을 만들면 제대로 표시되지 않을 수 있습니다.
+예시:
+{| class="wikitable"
 |-
-| 내용4 || 내용5
+! 항목 !! 내용
 |-
-| colspan="2" | 가로병합 || 내용6
+| 할 일 || <ul><li>문서 작성</li><li>편집</li></ul>
 |}
-</pre>
-=== 표 안에 표 ===
+=== 표 스타일링 ===
-- 셀 안에 또 다른 표를 넣을 수 있음
+- `text-align` : 글자 정렬 (`left`, `center`, `right`)
-- 중첩 표는 들여쓰기를 하면 가독성이 좋음
+- `vertical-align` : 수직 정렬 (`top`, `middle`, `bottom`)
-<pre>
+- `background-color` : 배경색
-{| class="wikitable"
+- `color` : 글자색
+예시:
+{| class="wikitable" style="width:100%; text-align:center;"
+|-
+! style="background-color:#f0f0f0;" | 제목1 !! 제목2
 |-
-| 셀1
+| style="color: red; vertical-align:top;" | 중요 || style="color: blue;" | 참고
-| {|
-  |-
-  | 내부1 || 내부2
-  |-
-  | 내부3 || 내부4
-  |}
-| 셀3
 |}
-</pre>
-=== 기타 속성 ===
+=== 참고 사항 ===
-- class="wikitable" : 기본 위키 테이블 스타일
+* 표 안에서 줄바꿈을 하고 싶으면 `<br>` 태그를 사용합니다.
-- style="..." : CSS 직접 지정 (사용 자제, 1장에서 다룸)
+* 위키 표는 HTML `<table>`과 거의 동일하게 동작하지만, 위키 문법을 쓰면 코드가 간단해집니다.
-- width, align 등 HTML 속성도 가능하지만, 기본 사용 지향
+* 복잡한 표는 틀을 만들어 재사용할 수 있습니다.