imported>카페인러브: /* 기본 표 디자인 */ wikitable에서는 셀 색상을 지정해도 대부분 무시됨

2013-10-13T08:16:24Z

기본 표 디자인: wikitable에서는 셀 색상을 지정해도 대부분 무시됨

← 이전 판		2013년 10월 13일 (일) 17:16 판
92번째 줄:		92번째 줄:
	\|}		\|}
	{{분할 끝}}		{{분할 끝}}

			'''<span style="color:red">!</span> 주의. wikitable 속성을 사용하면 각 셀의 배경색을 임의대로 바꿀 수 없게 됩니다.'''

	===오름차순, 내림차순 정렬이 가능한 표===		===오름차순, 내림차순 정렬이 가능한 표===

imported>카페인러브: /* 인터페이스 */

2013-10-11T04:38:40Z

인터페이스

← 이전 판		2013년 10월 11일 (금) 13:38 판
49번째 줄:		49번째 줄:
	\|-		\|-
	\| style="text-align:center;"\| <nowiki>style="width:100px;"</nowiki>		\| style="text-align:center;"\| <nowiki>style="width:100px;"</nowiki>
	\| 줄, 칸 혹은 표 전체의 가로 너비를 지정합니다. ~~width="100px"로 대신해서 쓸 수 있고, width:~~50%처럼 ~~퍼센티지를~~ 넣을 수도 있습니다.		\| 줄, 칸 혹은 표 전체의 가로 너비를 지정합니다. px 대신 50%처럼 비율을 넣을 수도 있습니다.
	\|-		\|-
	\| style="text-align:center;"\| <nowiki>style="text-align:left;"</nowiki>		\| style="text-align:center;"\| <nowiki>style="text-align:left;"</nowiki>

imported>카페인러브: 새 문서: 웹에서 표를 만들 때는 주로 HTML 태그 <table>이 사용됩니다. 하지만 {{SITENAME}}에서는 <table>뿐 아니라 간략한 방법으로 보다 편리하게 ...

2013-08-02T03:32:17Z

새 문서: 웹에서 표를 만들 때는 주로 HTML 태그 <table>이 사용됩니다. 하지만 {{SITENAME}}에서는 <table>뿐 아니라 간략한 방법으로 보다 편리하게 ...

새 문서

웹에서 표를 만들 때는 주로 HTML 태그 <table>이 사용됩니다. 하지만 {{SITENAME}}에서는 <table>뿐 아니라 간략한 방법으로 보다 편리하게 표를 만들 수 있습니다. 여기서는 <table> 태그에 대해서는 생략하고, 간단한 문법을 통해 표를 만드는 방법에 대해 안내하겠습니다.

HTML 숙련자들은 <table>을 사용해도 되지만, 가급적이면 태그에 익숙하지 않은 다른 편집자들을 위해 간략화된 문법을 사용해 봅시다.

==인터페이스==
다음은 기본적인 명령어입니다. '''각 줄의 첫머리에서만 사용'''해야 합니다.
{| class="wikitable" style="width:100%"
|-
! style="width:15%"| 명령어
! style="width:25%"| 의미하는 태그
! style="width:60%"| 설명
|-
| style="text-align:center;"| <nowiki>{|</nowiki>
| <nowiki><table></nowiki>
| 표 시작하기.
|-
| style="text-align:center;"| <nowiki>|}</nowiki>
| <nowiki></table></nowiki>
| 표 끝내기.
|-
| style="text-align:center;"| <nowiki>|+</nowiki>
| <nowiki><caption></caption></nowiki>
| 표 제목 넣기. <nowiki>{|</nowiki> 다음 줄에 사용해야 합니다.
|-
| style="text-align:center;"| <nowiki>|-</nowiki>
| <nowiki><tr></tr></nowiki>
| 새 줄 만들기.
|-
| style="text-align:center;"| <nowiki>|</nowiki>
| <nowiki><td></td></nowiki>
| 새 칸 만들기.
|-
| style="text-align:center;"| <nowiki>||</nowiki>
| <nowiki><td></td></nowiki>
| 여러 개의 새 칸을 한 줄에 붙여서 쓰기.
|-
| style="text-align:center;"| <nowiki>!</nowiki>
| <nowiki><th></th></nowiki>
| 머리말 칸 만들기.
|}

또, HTML 문법을 사용해서 colspan, rowspan, style 등의 옵션을 넣을 수 있습니다. 본 위키에서는 지정된 설정 이외의 글자색이나 글자크기, 효과 등을 사용하는 것을 권장하지 않으므로, 다음에는 사용자가 자유롭게 설정할 수 있는 부분에 대해서만 설명하겠습니다.

다음은 옵션을 넣는 방법입니다. 위의 '''기본 명령어 바로 다음에 입력'''합니다.
{| class="wikitable" style="width:100%"
|-
! style="width:25%"| 명령어
! style="width:75%"| 설명
|-
| style="text-align:center;"| <nowiki>style="width:100px;"</nowiki>
| 줄, 칸 혹은 표 전체의 가로 너비를 지정합니다. width="100px"로 대신해서 쓸 수 있고, width:50%처럼 퍼센티지를 넣을 수도 있습니다.
|-
| style="text-align:center;"| <nowiki>style="text-align:left;"</nowiki>
| 글자 왼쪽 정렬. left 대신 center(가운데), right(오른쪽) 정렬을 쓸 수 있습니다.
|-
| style="text-align:center;"| <nowiki>colspan="2"</nowiki>
| 가로 2칸을 합칩니다. 입력하는 숫자에 따라 칸의 갯수도 변합니다.
|-
| style="text-align:center;"| <nowiki>rowspan="2"</nowiki>
| 세로 2줄을 합칩니다. 입력하는 숫자에 따라 칸의 갯수도 변합니다.
|}

==실제로 적용하기==
===기본 표 디자인===
wikitable은 표를 통일성 있게 관리하기 위해 미리 디자인된 서식입니다. 문서에 표를 삽입해야 할 때는 표 첫째 줄에 <code>class="wikitable"</code>을 사용해 보세요.

{{분할 시작|2}}
<pre style="margin:0 5px 0 0">
{| class="wikitable" style="width:100%;"
|+ 표 제목
|-
! style="width:40%"| A
! style="width:60%"| B
|-
| A1
| B1
|-
| colspan="2"| ''C''
|}
</pre>
{{분할|2}}
{| class="wikitable" style="width:100%;"
|+ 표 제목
|-
! style="width:40%"| A
! style="width:60%"| B
|-
| A1
| B1
|-
| colspan="2"| ''C''
|}
{{분할 끝}}

===오름차순, 내림차순 정렬이 가능한 표===
<code>class="sortable"</code>는 표의 항목을 가나다순, 012순 등으로 정렬할 수 있게 해 줍니다. 단, colspan이나 rowspan처럼 칸을 합치는 명령어가 도중에 끼어 있으면 작동하지 않습니다.

{{분할 시작|2}}
<pre style="margin:0 5px 0 0">
{| 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일
|}
</pre>
{{분할|2}}
{| class="wikitable sortable" style="width:100%;"
|-
|+ 싱글
|-
! 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일
|}
{{분할 끝}}

===접고 펼 수 있는 표===
<code>class="mw-collapsible mw-collapsed"</code>는 스크롤이 너무 긴 표를 접고 펼 수 있게 해 줍니다. 접기를 위해 맨 위에는 colspan을 사용해 1칸짜리 줄을 생성해야 합니다.
*<code>mw-collapsible</code> : 접고 펴기가 가능한 표로 만드는 코드.
*<code>mw-collapsed</code> : 처음부터 접혀진 상태로 보이게 하는 코드.

{{분할 시작|2}}
<pre style="margin:0 5px 0 0">
{| 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일
|}
</pre>
{{분할|2}}
{| class="wikitable mw-collapsible mw-collapsed" style="width:100%;"
|-
! 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일
|}
{{분할 끝}}

[[분류:도움말]]

도움말:표 - 편집 역사

imported>카페인러브: /* 기본 표 디자인 */ wikitable에서는 셀 색상을 지정해도 대부분 무시됨

imported>카페인러브: /* 인터페이스 */

imported>카페인러브: 새 문서: 웹에서 표를 만들 때는 주로 HTML 태그 <table>이 사용됩니다. 하지만 {{SITENAME}}에서는 <table>뿐 아니라 간략한 방법으로 보다 편리하게 ...