도움말:위키 문법 2장 「표」

도움말

[ 펼치기 · 접기 ]

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

개념

CSS 기초 2

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

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

속성	설명	예시	출력^[1]
`text-align`	좌우 정렬	`text-align: right;`	예시
`padding`	안쪽 여백	`padding: 0px;`	예시
`border`	테두리	`border: 2px blue solid;`	예시

표

표 만들기

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

입력

출력

{|
|}

행·칸 만들기

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

입력

출력

{|
|-
|}

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

입력

출력

{|
! A
|-
| B
|}

A
B

{|
! A
! B
|-
| C
| D
|}

A	B
C	D

↑ 셀에 적용했을 때

[1] 셀에 적용했을 때

[1]