도움말:위키 문법 2장 「표」
분류: 도움말
| 도움말 | ||||
|---|---|---|---|---|
[ 펼치기 · 접기 ]
|
| 위키 문법 | ||
|---|---|---|
| 1장 「기초」 | 2장 「표」 | 3장 「HTML」 |
| 4장 「스타일링」 | 5장 「응용」 | |
| 개별 기능 | ||
| 보일 제목 | 틀 제작 | 파일 삽입 |
2장 「표」
표는 데이터를 구조적으로 정리할 때 사용하며, 위키에서는 HTML 테이블과 비슷한 방식으로 작성합니다.
기본 구조
표는 {|로 시작하고 |}로 끝납니다. 각 행(row)은 |-, 각 셀(cell)은 | 또는 !로 구분합니다.
{| class="wikitable"
|-
! 헤더1 !! 헤더2 !! 헤더3
|-
| 내용1 || 내용2 || 내용3
|-
| 내용4 || 내용5 || 내용6
|}
행과 열
- |-(하이픈 포함)는 새 행을 의미합니다.
- | 또는 !! 는 각 셀을 의미합니다.
- 일반 셀은 |, 헤더 셀은 ! 사용
- 여러 셀을 작성할 때는 || 또는 !!로 구분 가능
|- | 셀1 || 셀2 || 셀3 |- ! 헤더1 !! 헤더2 !! 헤더3
셀 병합
- 가로 병합(colspan)
- 하나의 셀을 여러 열에 걸치게 할 때 사용
- 문법: | colspan="숫자" | 내용
|- | colspan="2" | 두 열 병합 | 내용3
- 세로 병합(rowspan)
- 하나의 셀을 여러 행에 걸치게 할 때 사용
- 문법: | rowspan="숫자" | 내용
|- | rowspan="2" | 두 행 병합 | 내용2 |- | 내용3
- 병합 예시
{| class="wikitable"
|-
! 헤더1 !! 헤더2 !! 헤더3
|-
| rowspan="2" | 세로병합
| 내용2 || 내용3
|-
| 내용4 || 내용5
|-
| colspan="2" | 가로병합 || 내용6
|}
표 안에 표
- 셀 안에 또 다른 표를 넣을 수 있음 - 중첩 표는 들여쓰기를 하면 가독성이 좋음
{| class="wikitable"
|-
| 셀1
| {|
|-
| 내부1 || 내부2
|-
| 내부3 || 내부4
|}
| 셀3
|}
기타 속성
- class="wikitable" : 기본 위키 테이블 스타일 - style="..." : CSS 직접 지정 (사용 자제, 1장에서 다룸) - width, align 등 HTML 속성도 가능하지만, 기본 사용 지향