이브위키:도움말/표: 두 판 사이의 차이

2023년 11월 14일 (화) 23:28 판

주의! 아직 작성중인 문서 입니다.

이브위키의 표 도움말 입니다. 여기서 말하는 표는 이브위키가 사용하는 MediaWiki의 문법을 사용한 표 입니다.

이 문서에서는 기초적인 수준의 표 문법을 정리했으며, 이브위키:도움말/표/고급에서 고급 표 관련 문법을 확인 할 수 있습니다.

표는 {|, |}, |, |-의 네가지 기호를 통하여 만들어 집니다.

각 기호는 다음과 같은 기능을 합니다.

입력한 내용

출력된 내용

{| class="wikitable"
| 가
| 나
| 다
|-
| 1
| 2
| 3
|-
| 天
| 地
| 玄
|-
| 하늘
| 땅
| 사람
|}

MediaWiki에서는 다양한 속성값을 통해 표를 꾸밀 수 있습니다. 이 문단에서는 편의상 이를 표 옵션으로 지칭하겠습니다.

class 속성에 wikitable을 넣을 경우 MediaWiki에 가장 기초적인 표를 생성 할 수 있습니다. ex) class="wikitable"

class는 사전에 서버에서 지정해둔 style의 형태 입니다.

class는 class="(사전에 지정해둔 속성의 이름)"을 통해 사용하실 수있습니다.
띄어쓰기를 통하여 복수의 class 속성을 지정 할 수 있습니다. ex) class="(사전에 지정해둔 속성의 이름 1) (사전에 지정해둔 속성의 이름 2)"
이브위키는 tailwindcss를 통하여 보다 다양한 class 값을 지정하실 수 있습니다.

표 옵션은 style에 의해 지정 됩니다.

width: 폭, 칸의 너비를 정합니다. width: 100px; 또는 width: 50%;와 같이 입력합니다.
- %: 비율 조정
- px: 픽셀지정 단, 픽셀지정의 경우에는 모바일 최적화의 일환으로 예시와 같은 작성을 권장합니다. ex) max-width:(px값)px; width: 100%
front: (방향) 표가 표시될 위치를 지정합니다.
- front: left 표가 문서 좌측에 표시됩니다.
- front: right 표가 문서 우측에 표시됩니다.
- 단, 문서 중앙 표시는 front: center가 아닌 margin-left: auto; margin-right: auto를 사용합니다.
text-align: (방향) 글자의 정렬 방향을 지정 합니다.
- text-align: center 글자가 문서 중앙으로 정렬됩니다.
- text-align: left 글자가 문서 좌측으로 정렬됩니다.
- text-align: right 글자가 문서 우측으로 정렬됩니다.
border: (굵기)px 표의 테두리를 지정합니다. 이때 테두리 색상은 기본색이 적용됩니다.
- border: (굵기)px solid (색상코드) 표의 테두리와 테두리 색상을 지정합니다.
font-size: (사이즈)pt 글씨 크기를 지정합니다.
background: (색상코드) 배경 색상을 지정합니다.
color: (색상코드) 글씨 색상을 지정합니다.

자세한 내용은 이브위키:도움말/표/고급 문서를 참고하십시오.

@@ 61번째 줄: / 61번째 줄: @@
 **<code>%:</code> 비율 조정
 **<code>px:</code> 픽셀지정 단, 픽셀지정의 경우에는 모바일 최적화의 일환으로 예시와 같은 작성을 권장합니다. <small>ex) max-width:(px값)px; width: 100%</small>
-*<code>front: (방향)</code> 표가 표시될 위치를 지정합니.
+*<code>front: (방향)</code> 표가 표시될 위치를 지정합니다.
 **<code>front: left</code> 표가 문서 좌측에 표시됩니다.
 **<code>front: right</code> 표가 문서 우측에 표시됩니다.
@@ 74번째 줄: / 74번째 줄: @@
 *<code>background: (색상코드)</code> 배경 색상을 지정합니다.
 *<code>color: (색상코드)</code> 글씨 색상을 지정합니다.
 == [[이브위키:도움말/표/고급|표에 관한 기초 이론]] ==
 {{본문|이브위키:도움말/표/고급}}