도움말:위키 문법/표

분류: 도움말

도움말
[ 펼치기 · 접기 ] 종합 길라잡이 문서의 종류 공용 외적 실용 메타 동음이의 └ 세계 내적 문서가 아닌 문서 ┘ ┌ 이름공간별 역할 ┐ 분류 파일 틀 사용자 연습장 유저 가이드 양식 문법 편집 시각표 틀 제작 디자인 문서 작성 도움말 설정 노하우 특수 기능 시각표 사전 평가·시상·활동 사용자 등급 문서 독도락 세계관 대문 세계관 사용자 위키의 동반자 전회원대회 휘장 관리·운영 저작권 사무관 규정 관리자 신문고

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

개념

CSS 기초 2

여기서는 1장 부록의 HTML 태그와 CSS 기초 부분을 정독하고 오셨다고 가정하고 설명합니다.

이전에 CSS 3개를 알려 드렸는데, 표에서 사용할 수 있는 2개의 속성을 더 소개하고자 합니다.

속성	설명	예시	출력
text-align	좌우 정렬	text-align: right;	예시
border	테두리	border: 2px blue solid;	예시

삽입

표 만들기

편집기 상단에 표 버튼을 통해 표를 만들 수도 있지만, 여기서는 수동으로 만드는 방법을 소개하고자 합니다. 먼저 표는 {|로 열고 |}로 닫습니다. 열고 닫기만 하면 당연하게도 아무 내용도 표시되지 않습니다.

입력	출력
{| |}

행·칸 만들기

위키 문법에서 표는 행 아래에 칸이 있는 위계가 성립합니다. 그래서 행별로 편집하기는 보다 편리하고 열별로 편집하기는 보다 어렵다는 부분이 있습니다. 행을 바꿀 때는 |-를 입력합니다. |-가 행을 구분짓는 구분선인 셈입니다. 아직 행 안에 칸을 만들지 않아 내용이 표시되지는 않습니다.

입력	출력
{| |- |}

여기서부터 줄바꿈이 중요해집니다. 권장되는 문법으로는 만드는 각 칸마다 줄바꿈을 해야 합니다. 이때 각 칸마다 앞에 |를 입력하고 뒤에 내용을 입력합니다. 머리말 칸을 만들 때는 |를 대신 입력하면 됩니다.

입력	출력
{| | A |- | B |}	A B
{| | A | B |- | C | D |}	A B C D

서식

표에는 표 전체, 행별, 칸별 서식을 각각 지정할 수 있습니다. 단, 행별 서식은 자주 사용하진 않습니다. 모두 1장에서 앞서 설명한 HTML 태그 안에 들어가는 속성의 형태로 서식을 추가합니다.

표 서식

표 전체에 서식을 부여할 때는 {| 뒤에 서식을 쓰면 되는데 이때 class="wikitable"이라는 서식은 거의 항상 붙습니다. 기본적으로 제공되는 테이블 스타일링을 추가해주기 때문입니다.

그 뒤에 style을 이용해 여러 서식을 붙일 수 있는데, border를 사용해보겠습니다. border는 보통 2px solid 색상를 사용하는데, solid는 일반적인 직선 테두리이기 때문이고, 2px은 나무위키에서 기본적으로 표에 2px 테두리를 적용하기 때문입니다.

외에도 text-align을 통해 표의 특성에 따라 좌우 정렬을 적용하기도 합니다.

입력	출력
{| class="wikitable" style="border: 2px solid red;" | A | B |- | C | D |}	A B C D

칸 서식

행 서식은 잘 사용되지 않으니 여기서는 넘어갑니다. 칸별 서식을 넣는 방법 또한 간단합니다. | 서식 | 내용처럼 파이프(|)를 하나 더 넣고 그 사이에 서식을 넣습니다. 머리말 칸도 | 서식 | 내용처럼 쓰면 됩니다.

이번에는 먼저번의 표에 background와 color를 적용해보겠습니다.

입력	출력
{| class="wikitable" style="border: 2px solid red;" | style="background: red; color: white;" | A | style="background: red; color: white;" | B |- | style="color: red;" | C | D |}	A B C D

병합

칸을 병합하는 것도 서식 추가와 같이 HTML 속성을 이용합니다. colspan과 rowspan을 이용하는데, colspan은 column(열) + span(걸침), rowspan은 row(행) + span(걸침)를 의미합니다. 즉, 각각 열과 행에서 몇 칸씩 병합할지를 묻는 속성입니다.

병합할 때는 가장 왼쪽 위에 있는 칸에 속성들을 넣고, 나머지 칸들은 모두 없애야 합니다. 비워 두는 것이 아니라, 칸을 만들 때 건너뛰면 됩니다. 어떻게 사용되는지 예시를 보면 더 쉽습니다.

입력	출력
{| class="wikitable" style="border: 2px solid red;" | colspan="2" style="background: red; color: white;" | 1 |- | 가 | 나 |}	1 가 나
{| class="wikitable" style="border: 2px solid red;" | rowspan="2" style="background: red; color: white;" | 1 | 2 |- | 나 |}	1 가 나