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

내용을 "{{DISPLAYTITLE:<span class="mw-page-title-namespace">도움말</span>:위키 문법{{부제| 2장 「표」}}}} {{분류|도움말}} {{도움말}}{{위키 문법}} {{목차}}"(으)로 바꿈
태그: 대체됨
편집 요약 없음
3번째 줄: 3번째 줄:
{{도움말}}{{위키 문법}}
{{도움말}}{{위키 문법}}
{{목차}}
{{목차}}
== 2장 「표」 ==
표는 데이터를 구조적으로 정리할 때 사용하며, 위키에서는 HTML 테이블과 비슷한 방식으로 작성합니다.
=== 기본 구조 ===
표는 {|로 시작하고 |}로 끝납니다.
각 행(row)은 |-, 각 셀(cell)은 | 또는 !로 구분합니다.
<pre>
{| class="wikitable"
|-
! 헤더1 !! 헤더2 !! 헤더3
|-
| 내용1 || 내용2 || 내용3
|-
| 내용4 || 내용5 || 내용6
|}
</pre>
=== 행과 열 ===
* |-(하이픈 포함)는 새 행을 의미합니다.
* | 또는 !! 는 각 셀을 의미합니다. 
  - 일반 셀은 |, 헤더 셀은 ! 사용
* 여러 셀을 작성할 때는 || 또는 !!로 구분 가능
<pre>
|-
| 셀1 || 셀2 || 셀3
|-
! 헤더1 !! 헤더2 !! 헤더3
</pre>
=== 셀 병합 ===
#### 가로 병합(colspan)
- 하나의 셀을 여러 열에 걸치게 할 때 사용
- 문법: <code>| colspan="숫자" | 내용</code>
<pre>
|-
| colspan="2" | 두 열 병합
| 내용3
</pre>
#### 세로 병합(rowspan)
- 하나의 셀을 여러 행에 걸치게 할 때 사용
- 문법: <code>| rowspan="숫자" | 내용</code>
<pre>
|-
| rowspan="2" | 두 행 병합
| 내용2
|-
| 내용3
</pre>
#### 병합 예시
<pre>
{| class="wikitable"
|-
! 헤더1 !! 헤더2 !! 헤더3
|-
| rowspan="2" | 세로병합
| 내용2 || 내용3
|-
| 내용4 || 내용5
|-
| colspan="2" | 가로병합 || 내용6
|}
</pre>
=== 표 안에 표 ===
- 셀 안에 또 다른 표를 넣을 수 있음
- 중첩 표는 들여쓰기를 하면 가독성이 좋음
<pre>
{| class="wikitable"
|-
| 셀1
| {|
  |-
  | 내부1 || 내부2
  |-
  | 내부3 || 내부4
  |}
| 셀3
|}
</pre>
=== 기타 속성 ===
- class="wikitable" : 기본 위키 테이블 스타일
- style="..." : CSS 직접 지정 (사용 자제, 1장에서 다룸)
- width, align 등 HTML 속성도 가능하지만, 기본 사용 지향

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

분류: 도움말
도움말
[ 펼치기 · 접기 ]
위키 문법
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

셀 병합

        1. 가로 병합(colspan)

- 하나의 셀을 여러 열에 걸치게 할 때 사용 - 문법: | colspan="숫자" | 내용

|-
| colspan="2" | 두 열 병합
| 내용3
        1. 세로 병합(rowspan)

- 하나의 셀을 여러 행에 걸치게 할 때 사용 - 문법: | rowspan="숫자" | 내용

|-
| rowspan="2" | 두 행 병합
| 내용2
|-
| 내용3
        1. 병합 예시
{| 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 속성도 가능하지만, 기본 사용 지향