K-위키:표
| 이 문서는 나무식 윾 분류 : 나무위키 쿰척쿰척 l 노잼 l 오타쿠 l 쓸데없이 큰 틀이 있는 문서 l 논란중인 문서 이 틀에서 틀 존치 여부에 대한 토론이 진행되고 있지 않습니다(...) 하지만 토론 중인 내용을 일방적으로 편집할 경우 관련 규정에 따라 제재될 수 있습니다. [ 딸치기 · 접기 ] 인간이라면 절대로 해서는 안 될 가장 모멸적인 위키, 인격체를 존중하지 않고 개만도 못하게 취급해버리는 소시오패스들의 위키[2] 만악의 근원 이 문서는 [1] 점괄호(...)가 쳐져 있지만 실제로는 틀에 점괄호를 넣으면 망했어요. |
|
이 문서는 유용한 정보가 담긴 문서입니다. 이 문서는 디시위키답지 않게 정말로 유용하거나 자세한 정보를 가득 담고 있습니다. 지식이 늘었다! |
문서를 읽기 전에 모니터나 액정 앞에서 따봉각을 치켜 세웁시다. |
- 관련문서:디시위키:고급 문법
表 / Table, 票 / Ticket
개요
[원본 편집]표 생성기에서 표에 내용을 채우고 Generate 버튼을 누른 후 나오는 아래의 소스를 디시위키에 복붙해서 만들 수 있다.
위의 링크를 사용 못하는 디키러를 위한 표 문법
[원본 편집]이거 문법 왜이렇게 븅신이 됐냐?
| 기호 | 기능 |
|---|---|
| {| | 표의 시작. 필수. |
| |+ | 표의 제목. 표의 시작과 줄 사이에만 적용 가능. |
| |- | 표의 줄. 이걸 넣으면 표에 줄이 하나 더 생긴다는 얘기이다. 첫줄에는 넣어도 되고 안넣어도 된다. |
| ! | 표 머릿글. 자동으로 볼드체 + 가운데 정렬이된다. !!를 사용해서 같은 줄에 넣을수있다. |
| | | 표 내용. ||를 사용해서 같은줄에 넣을 수있다. |
| |} | 표의 끝. 필수 |
예시
[원본 편집]| 1 | 2 |
|---|---|
| 3 | 4 |
근데 이것만 적으면 상당히 보기가 좆같다. 그러나 이걸 이용해 행렬 같은 것을 유사하게 만들 수 있다하더라. 하지만 그런 용도로 쓰지 않으면 {| 옆에 class="wikitable"를 적어 주는것이 좋다. (적으면 회색 배경과 윤곽선이 생김) 위에있는 표처럼 정렬하는 기능을 넣고 싶으면 class="wikitable sortable"를 적어주자.
단 표의 맨위 줄에 표 머릿글 셀(!를 써서 만든걸 말한다.)이 있어야한다.
| 제목 1 | 제목 2 | 제목 3 |
|---|---|---|
| 내용 1 | 내용 5 | 내용 9 |
| 내용 4 | 내용 2 | 내용 6 |
| 내용 7 | 내용 8 | 내용 3 |
표만들고 난 후
[원본 편집]colspan="병합할 열 수"
rowspan="병합할 행 수"
이걸 이용하자. 그리고 기억하자.
colspan="숫자" rowspan="숫자"
이러면 열병합+행병합이 된다.
{| class="wikitable"
|내용1
|rowspan="2"|내용
|내용2
|-
|내용3
|내용4
|}
| 내용1 | 내용 | 내용2 |
| 내용3 | 내용4 |
이 구조를 잘 이용하면 이런 것도 만들 수 있다.
{|cellspacing=0 cellpadding=0 border=0
| style="width:1.5em; border-bottom:1px solid black; border-left: 0; border-top: 0; border-right: 0; padding:0 0.2em;" valign=bottom align=center | <span style="white-space:nowrap">좌분류1</span>
| rowspan = "2" |내용
| style="width:1.5em; border-bottom:1px solid black; border-left: 0; border-top: 0; border-right: 0; padding:0 0.2em;" valign=bottom align=center | <span style="white-space:nowrap">우분류1</span>
|-
|<span style="white-space:nowrap">좌아분류1</span>
|<span style="white-space:nowrap">우아분류1</span>
|}
| 좌분류1 | 내용 | 우분류1 |
| 좌아분류1 | 우아분류1 |
표 크기 조절
[원본 편집]scope="col" width="★★%" | 내용
위의 ★에 숫자를 넣어서 크기를 조정하면 된다. 그러면 표가 커졌다 작아졌다 장거한도 되고 최번개도 된다.
| 장거한 | 최번개 |
|---|---|
| 크기 95% | 크기 5% |
색 넣기및 글자 위치(왼쪽, 중간, 오른쪽)
[원본 편집]style="background-color:배경색;text-align:center"| (내용)
이걸 이용하면 된다. 좆나 기네.. 참고로 위에있는거 말고 다른 속성을 넣고 싶으면 style=""에서 따옴표 사이에 CSS속성을 적어주자.
ㅅㅂ ㅈㄴ 어렵네... 표 만들고싶은데... 일단 노오력 하면서 이해할 수밖에
그라디언트 쳐넣기
[원본 편집]| 이 문서에서 설명하는 대상에 대해 깊은 우려를 표합니다. 이 문서에서 설명하는 대상이 무슨 개지랄을 떨까 심히 걱정됩니다. 반기문 전 UN 사무총장님도 이에 대해 깊은 우-려를 표하셨습니다. |
놀랍게도 표에도 그라디언트를 넣을 수 있다. {{엑제}}가 좋은 예시다. 이 글을 보고 그라디언트를 표에서도 남발할까봐 우려스럽다하더라.
구조는 대략 이렇다. style="text-align:center; background: linear-gradient(to right, cyan, blue, cyan);"
| 제목 | ||
|---|---|---|
| 내용 1 | 내용 2 | 내용 3 |
| 내용 4 | 내용 5 | 내용 6 |
표의 방향
[원본 편집]표를 왼쪽이나 오른쪽에 배치하기 위해 {| class="wikitable"의 오른쪽에 table align=left, table align=right를 쓰는 경우가 많은데, 이러면 표와 문단이 겹쳐 문서의 가독성이 떨어진다.
이를 해결하려면 {| class="wikitable floatleft", {| class="wikitable floatright"를 쓰면 된다. 또 표가 길 경우 다음에 오는 문단과 겹치지 않게 하려면 표를 배치한 문단이 끝나는 부분에
김수한무 거북이와 두루미 삼천갑자 동방삭 치치카포 사리사리센타 워리워리 세브리깡 무두셀라 구름이 허리케인에 담벼락 담벼락에 서생원 서생원에 고양이 고양이엔 바둑이 바둑이는 돌돌
{| class="wikitable floatright"
! 제목1
! 제목2
! 제목3
|-
| 내용1
| 내용2
| 내용3
|}
{| class="wikitable floatleft"
! 제목1
! 제목2
! 제목3
|-
| 내용1
| 내용2
| 내용3
|}
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
{{-}}
김수한무 거북이와 두루미 삼천갑자 동방삭 치치카포 사리사리센타 워리워리 세브리깡 무두셀라 구름이 허리케인에 담벼락 담벼락에 서생원 서생원에 고양이 고양이엔 바둑이 바둑이는 돌돌
| 제목1 | 제목2 | 제목3 |
|---|---|---|
| 내용1 | 내용2 | 내용3 |
| 제목1 | 제목2 | 제목3 |
|---|---|---|
| 내용1 | 내용2 | 내용3 |
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
표를 가운데에다가 놓기
[원본 편집]<center></center> 말고도 다른 방법이 있긴하다. <div align=center></div>를 쓰거나 style="margin-left: auto; margin-right: auto; border: none;"을 넣으면 된다. 이 중 style="margin-left: auto; margin-right: auto; border: none;"이 가장 안정적이다.
<div align=center>
{| class="wikitable"
! 제목1
! 제목2
! 제목3
|-
| 내용1
| 내용2
| 내용3
|}
</div>
| 제목1 | 제목2 | 제목3 |
|---|---|---|
| 내용1 | 내용2 | 내용3 |
{| class="wikitable" style="margin-left: auto; margin-right: auto; border: none;"
! 제목1
! 제목2
! 제목3
|-
| 내용1
| 내용2
| 내용3
|}
| 제목1 | 제목2 | 제목3 |
|---|---|---|
| 내용1 | 내용2 | 내용3 |
글자 배치
[원본 편집]- 가운데
- style="text-align:center;"|내용
- 왼쪽
- style="text-align:left;"|내용
- 오른쪽
- style="text-align:right;"|내용
저 셋 중에서 취사선택해서 더불어민주당도 되고 자유한국당도 된다.
| 더불어민주당 | 무소속 | 자유한국당 |
|---|---|---|
| 왼쪽 | 가운데 | 오른쪽 |
표 바깥 테두리만 굵게 하기
[원본 편집]어떻게 함?
- ㄴ
{| class="wikitable" style="border:2px solid blue"
px 값이 커질수록 테두리 굵기가 굵어짐. 그리고 색상명은 blue, green, red 말고 #434 처럼 색상코드로 넣어도 된다.
{| class="wikitable" style="border:2px solid black"
| 내용
| 내용
|-
| 내용
| 내용
|}
| 내용 | 내용 |
| 내용 | 내용 |
안쪽 선 검게 하기
[원본 편집]{| class="wikitable" style="border:2px solid black"
| style="border:1px solid black;"| 내용
| style="border:1px solid black;"| 내용
|-
| style="border:1px solid black;"| 내용
| style="border:1px solid black;"| 내용
|}
| 내용 | 내용 |
| 내용 | 내용 |
셀 배경색: 흰색 첨가.
{| class="wikitable" style="border:2px solid black"
| style="border:1px solid black; background-color:white;"| 내용
| style="border:1px solid black; background-color:white;"| 내용
| style="border:1px solid black; background-color:white;"| 내용
| style="border:1px solid black; background-color:white;"| 내용
|}
| 내용 | 내용 |
| 내용 | 내용 |
느그들이 잘 아는 표의 모습. 워드나 ppt 이런거 할 때는 십중팔구 이런 표 형태임.
표 숨기기
[원본 편집]
|
클로킹 (은폐) 이 문서는 일시적으로 보이지 않습니다. 스캔을 뿌리면서 보는 걸 추천합니다. |
표가 크면 숨겨야 한다. 근데 숨기기 틀로는 안 될 수 있으니 다른 뭔가가 필요하다. 다음과 같은 문법을 사용하면 표의 첫 번째 열을 제외한 나머지 내용을 숨길 수 있다.
mw-collapsible은 표의 내용을 숨길 수 있게 해 주며, mw-collapsed를 같이 쓰면 페이지가 로딩될 때부터 숨겨진 상태로 나오게 할 수 있다. 단 모바일 환경에서는 작동하지 않기 때문에 유의해야 한다.
{| class="mw-collapsible wikitable"
|+ 제목
|-
! scope="col" | 헤더 1
! scope="col" | 헤더 2
|-
| 내용 1
| 내용 2
|}
{| class="mw-collapsible mw-collapsed wikitable"
! 내용 || 내용
|-
| 내용 || 내용
|-
| 내용 || 내용
|}
| 헤더 1 | 헤더 2 |
|---|---|
| 내용 1 | 내용 2 |
| 내용 | 내용 |
|---|---|
| 내용 | 내용 |
| 내용 | 내용 |
셀 내용 숨기기
[원본 편집]{| class="wikitable"
|+ 제목
|-
! scope="col" | 헤더 1
! scope="col" | 헤더 2
|-
| class="mw-collapsible"| 내용 1
| 내용 2
|}
{| class="wikitable"
! 내용 || 내용
|-
| class="mw-collapsible mw-collapsed"| 내용 || 내용
|-
| 내용 || 내용
|}
| 헤더 1 | 헤더 2 |
|---|---|
| 내용 1 | 내용 2 |
| 내용 | 내용 |
|---|---|
| 내용 | 내용 |
| 내용 | 내용 |
표안의 표와의 조합
{| class="wikitable"
!colspan="2"| 제목
|-
|class="mw-collapsible mw-collapsed"|
{|class="wikitable"
| 내용1
|-
| 내용2
|}
|표 바깥 내용
|}
| 제목 | |||||
|---|---|---|---|---|---|
|
표 바깥 내용 | ||||
이런 거는 {{도형 구분}}처럼 가로세로가 큰 틀이지 않는 이상 남용하지 않는게 좋다.
표 안에 표 만들기
[원본 편집]표 안에 또 표를 만들 수 있다. 그 예시는 아래와 같다. 이때, 안에 들어가는 표를 시작하는 기호 {|는 반드시 줄의 맨 앞에 와야 한다. 안 그러면 표가 깨진다.
| 위키텍스트 | 결과 | |||||
|---|---|---|---|---|---|---|
{| class="wikitable"
| 셀1
| 셀2
{| class="wikitable" style="background:#aad; margin:.5em"
| 표 안에 들어간
|-
| 표
|}
| style="vertical-align:bottom" | 바깥 표의 셀3
|}
|
|
이거랑 접기 기능 및 틀을 이용하면 남간의 펼치기 · 접기를 따라할 수 있다더라.
데이터 막대 차트
[원본 편집]표 문법과 병용한
- redirect 틀:Tlx라는 매우 복잡한 틀이 존재한다. 해당 문서 참조.
HTML 태그를 이용하여 표 만들기
[원본 편집]위키 엔진이 엔진이다보니 HTML이랑 관련이 조오오오오오오온나 많다. 이걸 이용하면 둘러보기 상자 안에 표를 만들 수 있다. 표가 너무 크다 싶으면 이걸로 만들자. 귀찮겠지만....
- 태그 목록
- table 태그 - 이거 없으면 표 못 만든다.
- tr 태그 - 행 바꾸는 거.
- th 태그 - 표의 제목 셀.
- td 태그 - 표의 내용 셀.
기본형
[원본 편집]<table class="wikitable"> <tr> <th>제목1</th> <th>제목2</th> </tr> <tr> <td>내용1</td> <td>내용2</td> </tr> </table>
| 제목1 | 제목2 |
|---|---|
| 내용1 | 내용2 |
응용
[원본 편집]이 위키의 {{알림상자}}나 위키백과의 메시지 상자(=Mbox), 둘러보기, 정보상자 틀의 근본은 바로 이 표를 응용해서 만든거다.

