https://fbnwiki.com/index.php?action=history&feed=atom&title=%ED%94%84%EB%B2%A4%EC%9C%84%ED%82%A4%3A%EB%8F%84%EC%9B%80%EB%A7%90%2F%ED%91%9C
프벤위키:도움말/표 - 편집 역사
2026-10-08T17:24:42Z
이 문서의 편집 역사
MediaWiki 1.40.1
https://fbnwiki.com/index.php?title=%ED%94%84%EB%B2%A4%EC%9C%84%ED%82%A4:%EB%8F%84%EC%9B%80%EB%A7%90/%ED%91%9C&diff=15350&oldid=prev
2026년 8월 22일 (토) 14:56에 신사님의 편집
2026-08-22T14:56:24Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ko">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← 이전 판</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2026년 8월 22일 (토) 14:56 판</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l94">94번째 줄:</td>
<td colspan="2" class="diff-lineno">94번째 줄:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*<code>background: (색상코드)</code> 배경 색상을 지정합니다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*<code>background: (색상코드)</code> 배경 색상을 지정합니다.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*<code>color: (색상코드)</code> 글씨 색상을 지정합니다.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*<code>color: (색상코드)</code> 글씨 색상을 지정합니다.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== 실전 적용 ==</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== [[프벤위키:도움말/표/고급|표에 관한 기초 이론]] ==</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{본문|프벤위키:도움말/표/고급}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
</table>
신사
https://fbnwiki.com/index.php?title=%ED%94%84%EB%B2%A4%EC%9C%84%ED%82%A4:%EB%8F%84%EC%9B%80%EB%A7%90/%ED%91%9C&diff=15349&oldid=prev
신사: 새 문서: {{목차}} == 개요 == 프벤위키의 표 도움말 입니다. 여기서 말하는 표는 프벤위키가 사용하는 '''MediaWiki의 문법을 사용한 표''' 입니다. 이 문서에서는 기초적인 수준의 표 문법을 정리했으며, 프벤위키:도움말/표/고급에서 고급 표 관련 문법을 확인 할 수 있습니다. == 표에 관한 기초 이론 == === 표의 큰 틀 === 표는 <code>{|</code>, <code>|}</code>, <code>|</code>, <code>|-</cod...
2026-08-22T14:55:53Z
<p>새 문서: {{목차}} == 개요 == <a href="/index.php?title=%ED%94%84%EB%B2%A4%EC%9C%84%ED%82%A4" title="프벤위키">프벤위키</a>의 표 도움말 입니다. 여기서 말하는 표는 프벤위키가 사용하는 '''MediaWiki의 문법을 사용한 표''' 입니다. 이 문서에서는 기초적인 수준의 표 문법을 정리했으며, <a href="/index.php?title=%ED%94%84%EB%B2%A4%EC%9C%84%ED%82%A4:%EB%8F%84%EC%9B%80%EB%A7%90/%ED%91%9C/%EA%B3%A0%EA%B8%89&action=edit&redlink=1" class="new" title="프벤위키:도움말/표/고급 (없는 문서)">프벤위키:도움말/표/고급</a>에서 고급 표 관련 문법을 확인 할 수 있습니다. == 표에 관한 기초 이론 == === 표의 큰 틀 === 표는 <code>{|</code>, <code>|}</code>, <code>|</code>, <code>|-</cod...</p>
<p><b>새 문서</b></p><div>{{목차}}<br />
== 개요 ==<br />
[[프벤위키]]의 표 도움말 입니다. 여기서 말하는 표는 프벤위키가 사용하는 '''MediaWiki의 문법을 사용한 표''' 입니다.<br />
<br />
이 문서에서는 기초적인 수준의 표 문법을 정리했으며, [[프벤위키:도움말/표/고급]]에서 고급 표 관련 문법을 확인 할 수 있습니다.<br />
<br />
== 표에 관한 기초 이론 ==<br />
=== 표의 큰 틀 ===<br />
표는 <code>{|</code>, <code>|}</code>, <code>|</code>, <code>|-</code>의 네가지 기호를 통하여 만들어 집니다.<br />
<br />
각 기호는 다음과 같은 기능을 합니다.<br />
*<code>{|</code> : 표를 시작합니다.<br />
*<code>|}</code> : 표를 끝냅니다. 즉 표는 <code>{|</code>와 <code>|}</code> 사이에 생성됩니다.<br />
*<code>|</code> : 한 칸을 나타냅니다. 그 칸에 들어갈 내용은 <code>|</code> 오른쪽에 작성합니다.<br />
*<code>|-</code> : 행과 행 사이를 나눕니다.<br />
{| class ="wikitable" style="width: 100%; border: 2px solid #00a69c ; text-align: left; font-size: 10pt"<br />
|-<br />
! style="width:50%; background:#00a69c; color:#fff" | 입력한 내용 <br />
! style="width:50%; background:#00a69c; color:#fff" | 출력된 내용<br />
|-<br />
|<nowiki>{| class="wikitable"</nowiki><br><nowiki>| 가</nowiki><br><nowiki>| 나</nowiki><br><nowiki>| 다</nowiki><br><nowiki>|-</nowiki><br><nowiki>| 1</nowiki><br><nowiki>| 2</nowiki><br><nowiki>| 3</nowiki><br><nowiki>|-</nowiki><br><nowiki>| 天</nowiki><br><nowiki>| 地</nowiki><br><nowiki>| 玄</nowiki><br><nowiki>|-</nowiki><br><nowiki>| 하늘</nowiki><br><nowiki>| 땅</nowiki><br><nowiki>| 사람</nowiki><br><nowiki>|}</nowiki><br />
| <br />
{| class="wikitable"<br />
| 가<br />
| 나<br />
| 다<br />
|-<br />
| 1<br />
| 2<br />
| 3<br />
|-<br />
| 天<br />
| 地<br />
| 玄<br />
|-<br />
| 하늘<br />
| 땅<br />
| 사람<br />
|}<br />
|-<br />
|}<br />
<br />
=== 표 옵션 ===<br />
MediaWiki에서는 다양한 속성값을 통해 표를 꾸밀 수 있습니다. 이 문단에서는 편의상 이를 표 옵션으로 지칭하겠습니다.<br />
* <code>class</code> 속성에 '''wikitable'''을 넣을 경우 MediaWiki에 가장 기초적인 표를 생성 할 수 있습니다. <small>ex) class="wikitable"</small><br />
==== colspan과 rowspan이란? ====<br />
*<code>colspan="(숫자)"</code> 옆에 있는 칸이 합쳐집니다.<br />
*<code>rowspan="(숫자)"</code> 아래에 있는 칸이 합쳐집니다.<br />
{| class ="wikitable" style="width: 100%; border: 2px solid #00a69c ; text-align: left; font-size: 10pt"<br />
|-<br />
! style="width:50%; background:#00a69c; color:#fff" | 입력한 내용 <br />
! style="width:50%; background:#00a69c; color:#fff" | 출력된 내용<br />
|-<br />
| <nowiki>{| class="wikitable"</nowiki><br><nowiki>| colspan="2" | 옆 칸 합치기</nowiki><br><nowiki>|</nowiki><br><nowiki>|-</nowiki><br><nowiki>| rowspan="2" | 아래 칸 합치기</nowiki><br><nowiki>|</nowiki><br><nowiki>|</nowiki><br><nowiki>|-</nowiki><br><nowiki>|</nowiki><br><nowiki>|</nowiki><br><nowiki>|-</nowiki><br><nowiki>|}</nowiki><br />
| <br />
{| class="wikitable"<br />
| colspan="2" | 옆 칸 합치기<br />
|<br />
|-<br />
| rowspan="2" | 아래 칸 합치기<br />
| <br />
| <br />
|-<br />
| <br />
| <br />
|}<br />
|-<br />
|}<br />
<br />
==== class란? ====<br />
'''class'''는 사전에 서버에서 지정해둔 <code>style</code>의 형태 입니다.<br />
*<code>class</code>는 class="(사전에 지정해둔 속성의 이름)"을 통해 사용하실 수있습니다.<br />
*띄어쓰기를 통하여 '''복수의 class 속성을 지정 할 수 있습니다.''' <small>ex) class="(사전에 지정해둔 속성의 이름 1) (사전에 지정해둔 속성의 이름 2)"</small><br />
*[[프벤위키]]는 [https://tailwindcss.com/ tailwindcss]를 통하여 보다 다양한 class 값을 지정하실 수 있습니다.<br />
==== style란? ====<br />
표 옵션은 <code>style</code>에 의해 지정 됩니다.<br />
*<code>style</code>은 style="(속성 값)"을 통하여 사용할 수 있습니다.<br />
*<code>;</code>를 통하여 '''복수의 style 속성을 지정할 수 있습니다.''' <small>ex) class="(속성 값1);(속성 값2)"</small><br />
===== 자주 사용하는 style 속성 =====<br />
*<code>width:</code> 폭, 칸의 너비를 정합니다. width: 100px; 또는 width: 50%;와 같이 입력합니다.<br />
**<code>%:</code> 비율 조정<br />
**<code>px:</code> 픽셀지정 단, 픽셀지정의 경우에는 모바일 최적화의 일환으로 예시와 같은 작성을 권장합니다. <small>ex) max-width:(px값)px; width: 100%</small><br />
*<code>float: (방향)</code> 표가 표시될 위치를 지정합니다.<br />
**<code>float: left</code> 표가 문서 좌측에 표시됩니다.<br />
**<code>float: right</code> 표가 문서 우측에 표시됩니다.<br />
**단, 문서 중앙 표시는 <code>float: center</code>가 아닌 <code>margin-left: auto; margin-right: auto</code>를 사용합니다.<br />
*<code>text-align: (방향)</code> 글자의 정렬 방향을 지정 합니다.<br />
**<code>text-align: center</code> 글자가 문서 중앙으로 정렬됩니다.<br />
**<code>text-align: left</code> 글자가 문서 좌측으로 정렬됩니다.<br />
**<code>text-align: right</code> 글자가 문서 우측으로 정렬됩니다.<br />
*<code>border: (굵기)px</code> 표의 테두리를 지정합니다. 이때 테두리 색상은 기본색이 적용됩니다.<br />
**<code>border: (굵기)px solid (색상코드)</code> 표의 테두리와 테두리 색상을 지정합니다. <br />
*<code>font-size: (사이즈)pt</code> 글씨 크기를 지정합니다. <br />
*<code>background: (색상코드)</code> 배경 색상을 지정합니다.<br />
*<code>color: (색상코드)</code> 글씨 색상을 지정합니다.<br />
<br />
== 실전 적용 ==<br />
<br />
== [[프벤위키:도움말/표/고급|표에 관한 기초 이론]] ==<br />
{{본문|프벤위키:도움말/표/고급}}</div>
신사