웹에서 표를 만들 때는 주로 HTML 태그 <table>이 사용됩니다. 하지만 제타위키에서는 <table>뿐 아니라 간략한 방법으로 보다 편리하게 표를 만들 수 있습니다. 여기서는 <table> 태그에 대해서는 생략하고, 간단한 문법을 통해 표를 만드는 방법에 대해 안내하겠습니다.
HTML 숙련자들은 <table>을 사용해도 되지만, 가급적이면 태그에 익숙하지 않은 다른 편집자들을 위해 간략화된 문법을 사용해 봅시다.
1 인터페이스[]
다음은 기본적인 명령어입니다. 각 줄의 첫머리에서만 사용해야 합니다.
명령어 | 의미하는 태그 | 설명 |
---|---|---|
{| | <table> | 표 시작하기. |
|} | </table> | 표 끝내기. |
|+ | <caption></caption> | 표 제목 넣기. {| 다음 줄에 사용해야 합니다. |
|- | <tr></tr> | 새 줄 만들기. |
| | <td></td> | 새 칸 만들기. |
|| | <td></td> | 여러 개의 새 칸을 한 줄에 붙여서 쓰기. |
! | <th></th> | 머리말 칸 만들기. |
또, HTML 문법을 사용해서 colspan, rowspan, style 등의 옵션을 넣을 수 있습니다. 본 위키에서는 지정된 설정 이외의 글자색이나 글자크기, 효과 등을 사용하는 것을 권장하지 않으므로, 다음에는 사용자가 자유롭게 설정할 수 있는 부분에 대해서만 설명하겠습니다.
다음은 옵션을 넣는 방법입니다. 위의 기본 명령어 바로 다음에 입력합니다.
명령어 | 설명 |
---|---|
style="width:100px;" | 줄, 칸 혹은 표 전체의 가로 너비를 지정합니다. px 대신 50%처럼 비율을 넣을 수도 있습니다. |
style="text-align:left;" | 글자 왼쪽 정렬. left 대신 center(가운데), right(오른쪽) 정렬을 쓸 수 있습니다. |
colspan="2" | 가로 2칸을 합칩니다. 입력하는 숫자에 따라 칸의 갯수도 변합니다. |
rowspan="2" | 세로 2줄을 합칩니다. 입력하는 숫자에 따라 칸의 갯수도 변합니다. |
2 실제로 적용하기[]
2.1 기본 표 디자인[]
wikitable은 표를 통일성 있게 관리하기 위해 미리 디자인된 서식입니다. 문서에 표를 삽입해야 할 때는 표 첫째 줄에 class="wikitable"
을 사용해 보세요.
{| class="wikitable" style="width:100%;" |+ 표 제목 |- ! style="width:40%"| A ! style="width:60%"| B |- | A1 | B1 |- | colspan="2"| ''C'' |}
A | B |
---|---|
A1 | B1 |
C |
! 주의. wikitable 속성을 사용하면 각 셀의 배경색을 임의대로 바꿀 수 없게 됩니다.
2.2 오름차순, 내림차순 정렬이 가능한 표[]
class="sortable"
는 표의 항목을 가나다순, 012순 등으로 정렬할 수 있게 해 줍니다. 단, colspan이나 rowspan처럼 칸을 합치는 명령어가 도중에 끼어 있으면 작동하지 않습니다.
{| class="wikitable sortable" |- |+ 싱글 |- ! class="unsortable" style="width:20%"| 번호 ! style="width:40%"| 제목 ! style="width:40%"| 발매일 |- ! 1st 싱글 | Happy Valentine | 2000년 2월 14일 |- ! 2nd 싱글 | Blue Sky | 2001년 7월 7일 |- ! 3rd 싱글 | Someday | 2002년 3월 31일 |- ! 4th 싱글 | Memories. | 2004년 1월 2일 |}
번호 | 제목 | 발매일 |
---|---|---|
1st 싱글 | Happy Valentine | 2000년 2월 14일 |
2nd 싱글 | Blue Sky | 2001년 7월 7일 |
3rd 싱글 | Someday | 2002년 3월 31일 |
4th 싱글 | Memories. | 2004년 1월 2일 |
2.3 접고 펼 수 있는 표[]
class="mw-collapsible mw-collapsed"
는 스크롤이 너무 긴 표를 접고 펼 수 있게 해 줍니다. 접기를 위해 맨 위에는 colspan을 사용해 1칸짜리 줄을 생성해야 합니다.
mw-collapsible
: 접고 펴기가 가능한 표로 만드는 코드.mw-collapsed
: 처음부터 접혀진 상태로 보이게 하는 코드.
{| class="wikitable mw-collapsible mw-collapsed" |- ! colspan="4"| 메이저 활동 이후 발매된 싱글 목록 |- ! style="width:20%"| 번호 ! style="width:40%"| 제목 ! style="width:40%"| 발매일 |- ! 1st 싱글 | Happy Valentine | 2000년 2월 14일 |- ! 2nd 싱글 | Blue Sky | 2001년 7월 7일 |- ! 3rd 싱글 | Someday | 2002년 3월 31일 |- ! 4th 싱글 | Memories. | 2004년 1월 2일 |}
펼치기메이저 활동 이후 발매된 싱글 목록 |
---|