•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

알파위키:문법 도움말(비교)

r350 vs r349
......
33
[include(틀:알파위키)]
44
[include(틀:알파위키 도움말)]
55
[목차]
6
[clearfix]
76
== 개요 ==
8
알파위키의 문법 도움말입니다. [[the seed|알파위키가 사용하는 위키 엔진]]이 제공하는 문법이라 하여 '알파마크'라고도 합니다.
9
10
이 문서에서는 기본적인 수준의 위키 문법들을 정리했으며, [[알파위키:문법 도움말/심화]] 문서에서 고급 문법을 확인하실 수 있습니다. [[알파위키:문법 도움말/개발]] 문서에서는 위키 문법을 처리하는 원리 등을 설명합니다.
11
7
알파위키의 문법 도움말입니다. 기본적인 수준의 위키 문법들을 정리했으며, [[알파위키:문법 도움말/심화]] 문서에서 고급 문법을 확인하실 수 있습니다.
8
== 읽기 전에 ==
9
알파위키는 [[the seed]] 엔진을 사용합니다. 이는 [[나무위키]], [[더시드위키]]와 같습니다. 기본적으로는 나무위키와 유사하나, 규정이 다르므로 [[알파위키:기본규칙|기본규칙]]을 참고하시기 바랍니다.
1210
== 텍스트 ==
13
* '''관련 심화 문법'''
14
* {{{{{{#!wiki style= ...}}}}}} 문법을 사용한 응용 텍스트 문법 ([[알파위키:문법 도움말/심화#텍스트 정렬|텍스트 정렬]], [[알파위키:문법 도움말/심화#텍스트 자간 조절|자간 조절]], [[알파위키:문법 도움말/심화#줄바꿈 기준 설정|줄바꿈 기준 설정]], [[알파위키:문법 도움말/심화#그라데이션|그라데이션 효과]])
15
* HTML 코드 구현을 통한 응용 텍스트 문법 ([[알파위키:문법 도움말/심화#텍스트 배경 색상|텍스트 배경 색상]], [[나무위키:문법 도움말/심화#텍스트 그림자 및 네온 효과|텍스트 그림자·네온]]·[[알파위키:문법 도움말/심화#텍스트 외곽선 효과|외곽선 효과]])
11
*'''관련 심화 문법'''
12
*[[알파위키:문법 도움말/심화#텍스트|텍스트 심화 문법]] (텍스트 정렬, 자간 조절, 배경 그라데이션, 줄바꿈 기준 설정, 마크업 언어가 적용되지 않는 텍스트)
13
*[[알파위키:문법 도움말/심화/HTML#텍스트|HTML 문법]] (텍스트 배경 색상, 텍스트 그림자·네온·외곽선 효과)
1614
1715
서식이 적용된 텍스트의 개행은 줄바꿈(엔터 키)이 아닌 {{{[br]}}} 매크로를 사용해야 합니다.
1816
1917
=== 텍스트 형태 ===
20
{{{#!wiki style="word-break: keep-all;"
21
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=30%> 입력 ||<width=25%> 출력 ||<width=45%> 비고 ||
22
|| {{{'''굵게'''}}} || '''굵게 ''' ||{{{#!wiki style="min-width:300px"
23
작은따옴표(')를 세 번 입력한 상태입니다.}}}||
18
{{{#red '''텍'''}}}{{{#blue ''스''}}} ~~트~~''' ''를'' ''' __다__^^양^^,,하,,^^,,게,,^^ {{{+1 꾸}}}{{{+2 며}}} {{{+3 보}}}{{{+4 실}}} {{{+5 수}}} {{{-1 있}}}{{{-2 습}}}{{{-3 니}}}{{{-4 다}}}{{{-5 .}}}
19
{{{#!wiki style="word-break: keep-all"
20
||<rowbgcolor=#abcdef><rowcolor=#fff><width=30%> 입력 ||<width=25%> 출력 ||<width=45%> 비고 ||
21
|| {{{'''굵게'''}}} || '''굵게 ''' ||작은따옴표(')를 세 번 입력한 상태입니다.||
2422
|| {{{''기울임''}}} || ''기울임'' ||작은따옴표(')를 두 번 입력한 상태입니다.||
2523
|| {{{''' ''굵게 기울임'' '''}}} || ''' ''굵게 기울임'' ''' ||작은따옴표(')를 각각 3번(굵게)과 2번(기울임) 입력한 상태입니다.||
2624
|| {{{__밑줄__}}} || __밑줄__ ||언더바(_)를 두 번 입력한 상태입니다.||
27
|| {{{~~취소선 1~~}}} || ~~취소선 1~~ ||<|2>둘 중 어느 취소선 문법을 사용하든 출력에 차이가 없습니다. 다만 {{{~~취소선--}}} 또는 {{{--취소선~~}}}처럼 혼용하는 것은 위키 시스템 상 불가능합니다. ||
28
|| {{{--취소선 2--}}} || --취소선 2-- ||
29
|| 기준글자{{{^^위첨자^^}}} || 기준글자^^위첨자^^ ||<|2>텍스트 크기는 -2입니다. 단, 글자 크기를 줄이고 싶은 경우 이 문법이 아닌 텍스트 크기 문법을 사용하세요!||
25
|| {{{~~취소선 1~~}}} ||<|2> ~~취소선~~ ||<|2>둘 중 어느 취소선 문법을 사용하든 출력에 차이가 없습니다. ||
26
|| {{{--취소선 2--}}} ||
27
|| 기준글자{{{^^위첨자^^}}} || 기준글자^^위첨자^^ ||<|2>텍스트 크기는 -2입니다.||
3028
|| 기준글자{{{,,아래첨자,,}}} || 기준글자,,아래첨자,, ||
31
|| {{{{{{[[리터럴]]}}}}}} || {{{[[리터럴]]}}} ||위키 문법이 적용되지 않고 고정폭 글꼴로 입력한 그대로가 출력됩니다. 문법 안내 등에 사용합니다.||
29
|| 기준글자{{{^^,,중간첨자 1,,^^}}} ||<|2> 기준글자^^,,중간첨자,,^^ ||<|2>윗첨자와 아래첨자를 혼용한 상태입니다.[br]텍스트 크기는 -3입니다.||
30
|| 기준글자{{{,,^^중간첨자 2^^,,}}} ||
31
|| {{{{{{[[리터럴]]}}}}}} || {{{[[리터럴]]}}} ||<|2>위키 문법이 적용되지 않고 입력한 그대로가 출력됩니다. 문법 안내 등에 사용합니다. [*리터럴로도_링크_가능 하이퍼링크 출력을 리터럴로도 할 수 있습니다. ([[페이크다 이 병신들아|{{{It's fake, you idiots!}}}]])]||
3232
}}}
33
3433
=== 텍스트 크기 ===
35
{{{#!wiki style="word-break: keep-all"
36
텍스트의 크기를 -5와 +5 사이의 정수를 입력하여 조절할 수 있습니다.
34
텍스트의 크기를 1부터 5까지의 자연수를 입력하여 조절할 수 있습니다.
35
||<rowbgcolor=#abcdef><rowcolor=#fff> 입력 || 출력 || 입력 || 출력 ||
36
|| {{{기본}}} || 기본 || {{{기본}}} || 기본 ||
37
|| {{{{{{+1 텍스트}}}}}} || {{{+1 +1단계}}} || {{{{{{-1 텍스트}}}}}} || {{{-1 -1단계}}} ||
38
|| {{{{{{+2 텍스트}}}}}} || {{{+2 +2단계}}} || {{{{{{-2 텍스트}}}}}} || {{{-2 -2단계}}} ||
39
|| {{{{{{+3 텍스트}}}}}} || {{{+3 +3단계}}} || {{{{{{-3 텍스트}}}}}} || {{{-3 -3단계}}} ||
40
|| {{{{{{+4 텍스트}}}}}} || {{{+4 +4단계}}} || {{{{{{-4 텍스트}}}}}} || {{{-4 -4단계}}} ||
41
|| {{{{{{+5 텍스트}}}}}} || {{{+5 +5단계}}} || {{{{{{-5 텍스트}}}}}} || {{{-5 -5단계}}} ||
42
|||||||||| 응용 ||
43
||<-2> {{{{{{+5{{{+5 텍스트}}}}}}}}} ||<-2> {{{+5 {{{+5 +10단계}}}}}} ||
3744
38
알파위키 기본 텍스트 크기는 0.9rem으로, 이는 사용중인 브라우저에서 설정된 텍스트 크기 기본값에서 90%의 크기입니다. 크기 조절 문법을 이용할 경우 이 0.9rem에 대한 상대크기인 em 단위의 양식을 적용하는 식으로 작동합니다.
39
40
em 등 단위를 사용해 글자 크기를 조절하는 방법은 [[나무위키:문법 도움말/심화#s-14.2]] 참고.[* 사용 방법만 요약하면 아래와 같다.[br]\{{{#!wiki style="font-size:(수)em"[br]서식이 적용된 텍스트\}}}]
41
42
'\{{{'를 입력했으면 '\}}}'로 닫아야 정상적으로 출력됩니다.
43
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 || 적용 크기 || 입력 || 출력 || 적용 크기 ||
44
|| {{{기본}}} || 기본 || 1em = 0.9rem || {{{기본}}} || 기본 || 1em = 0.9rem ||
45
|| {{{{{{+1 +1단계}}}}}} || {{{+1 +1단계}}} ||1.289em || {{{{{{-1 -1단계}}}}}} || {{{-1 -1단계}}} ||0.926em ||
46
|| {{{{{{+2 +2단계}}}}}} || {{{+2 +2단계}}} ||1.389em || {{{{{{-2 -2단계}}}}}} || {{{-2 -2단계}}} ||0.833em ||
47
|| {{{{{{+3 +3단계}}}}}} || {{{+3 +3단계}}} ||1.481em || {{{{{{-3 -3단계}}}}}} || {{{-3 -3단계}}} ||0.742em ||
48
|| {{{{{{+4 +4단계}}}}}} || {{{+4 +4단계}}} ||1.574em || {{{{{{-4 -4단계}}}}}} || {{{-4 -4단계}}} ||0.648em ||
49
|| {{{{{{+5 +5단계}}}}}} || {{{+5 +5단계}}} ||1.667em || {{{{{{-5 -5단계}}}}}} || {{{-5 -5단계}}} ||0.622em ||
50
||<-6><bgcolor=#00a495><color=#fff> 응용 ||
51
||<-3> {{{{{{+5 {{{+5 +10단계}}}}}}}}} ||<-3> {{{+5 {{{+5 +10단계}}}}}} ||}}}
52
53
=== 텍스트 색상[anchor(textcolor)] ===
45
=== [anchor(textcolor)]텍스트 색상 ===
5446
{{{#!wiki style="word-break: keep-all"
55
텍스트의 색상을 [[헥스 코드]][* # 뒤에 붙는 여섯자리 숫자로 색상을 나타낸 것. 숫자는 두 자리씩 끊어서 각각 'Red', 'Green', 'Blue'의 강도를 256(=16^^2^^)단계에 걸쳐 나타낸 것이며, 16진수로 표현되어 00(=0,,10,,)일 때 가장 어둡고 FF(=255,,10,,)일 때 가장 밝습니다. 중간값은 80(=128,,10,,)입니다.]나 [[헥스 코드#CSS 색상|CSS 색상명]][* # 뒤에 이미 정의된 색상명을 그대로 입력하는 방식을 말합니다. 해당 링크 참고.]을 입력하여 조절할 수 있습니다.
56
57
색상코드표는 [[헥스 코드]] 문서 또는 [[https://html-color-codes.info/Korean|HTML 컬러 코드]] 또는 [[https://google.com/search?q=color+chooser|이곳]]을 참고하세요.
58
59
나무위키 기본 헥스 코드는 본 문서의 [[#기본 헥스 코드|기본 헥스 코드 문단]]을 참고하세요.
60
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
61
||<|7> 기본 예시 || {{{#!wiki style="min-width:280px"
62
{{{{{{#ff0000 텍스트}}}}}}}}} ||<|3> {{{#f00 텍스트}}} ||<|7>{{{#!wiki style="min-width:200px"
63
헥스 코드와 CSS 색상명 모두 대소문자 구별없이 입력 가능합니다.[br][br]예시와 같이 일부 색상의 경우 세 자리만 입력하는 축약형 헥스코드[* 'Red', 'Green', 'Blue'의 강도를 256단계 대신 16단계로만 표현한 방식입니다. 0일때 가장 어둡고 F(=15,,10,,)일 때 가장 밝습니다.]를 사용할 수도 있습니다.[br][br]투명도 요소가 추가된 #transparent, #RRGGBBAA 색상은 지원하지 않습니다.}}}||
47
텍스트의 색상을 헥스 코드[* # 뒤에 붙는 여섯자리 숫자로 색상을 나타낸 것. 숫자는 두 자리씩 끊어서 각각 'Red', 'Green', 'Blue'의 강도를 256(=16^^2^^)단계에 걸쳐 나타낸 것이며, 16진수로 표현되어 00(=0,,10,,)일 때 가장 어둡고 FF(=255,,10,,)일 때 가장 밝습니다. 중간값은 80(=128,,10,,)입니다.]나 CSS 색상명[* # 뒤에 이미 정의된 색상명을 그대로 입력하는 방식을 말합니다. 해당 링크 참조.]을 입력하여 조절할 수 있습니다. 색상코드표는 헥스 코드 문서 또는 [[https://html-color-codes.info/Korean|이 사이트]]를 참고하세요.
48
||<rowbgcolor=#abcdef><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
49
||<|7> 기본 예시 || {{{{{{#ff0000 텍스트}}}}}} ||<|3> {{{#ff0000 텍스트}}} ||<|7>헥스 코드와 CSS 색상명 모두 대소문자 구별없이 입력 가능합니다.[br][br]예시와 같이 일부 색상의 경우 세 자리만 입력하는 축약형 헥스코드[* 'Red', 'Green', 'Blue'의 강도를 256단계 대신 16단계로만 표현한 방식입니다. 0일때 가장 어둡고 F(=15,,10,,)일 때 가장 밝습니다.]를 사용할 수도 있습니다.[br][br]투명도 요소가 추가된 #transparent, #RRGGBBAA 색상은 지원하지 않습니다.||
6450
|| {{{{{{#f00 텍스트}}}}}} ||
6551
|| {{{{{{#red 텍스트}}}}}} ||
66
|| {{{{{{#880088 text}}}}}} ||<|3> {{{#808 text}}} ||
52
|| {{{{{{#800080 text}}}}}} ||<|3> {{{#808 text}}} ||
6753
|| {{{{{{#808 text}}}}}} ||
6854
|| {{{{{{#purple text}}}}}} ||
69
|| {{{{{{#00a495 나무위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#00a495 나무위키색}}} ||
70
||<|2> [[다크 테마]]용 색상[br]별도 지정 || {{{{{{#888,#ff0 다크테스트}}}}}} ||<|2> {{{#888,#ff0 다크테스트}}} ||<|2>첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다. 확인을 위해 다크 테마와 라이트 테마를 전환해보세요.[br][br]두 색상코드 끼리는 쉼표를 사이에 두고 붙여써야만 합니다. 쉼표 뒤에 공백을 넣을 경우 정상 출력이 되지 않습니다.[br][br]색상 문법이 적용되지 않은 일반 텍스트는 라이트 모드에서 {{{#212529}}}(검은색), 다크 모드에서 {{{#e0e0e0}}}(옅은 회색) 색상이 자동으로 적용됩니다. ||
55
|| {{{{{{#abcdef 알파위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#abcdef 알파위키색}}} ||
56
||<|2> 다크 테마용 색상 별도 지정 || {{{{{{#888,#ff0 다크테스트}}}}}} ||<|2> {{{#888,#ff0 다크테스트}}} ||<|2> 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다. 확인을 위해 다크 테마와 라이트 테마를 전환해보세요.[br][br]두 색상코드끼리는 쉼표를 사이에 두고 붙여써야만 합니다. 쉼표 뒤에 공백을 넣을 경우 정상 출력이 되지 않습니다.[br][br]색상 문법이 적용되지 않은 일반 텍스트는 라이트 모드에서 #000000(검정색), 다크 모드에서 #dddddd(옅은 회색) 색상이 자동으로 적용됩니다. ||
7157
|| {{{{{{#grey,#yellow 다크테스트}}}}}} ||
72
||<|2> 밑줄 서식과 중첩 || {{{{{{#red __밑줄 포함__}}}}}} || {{{#red __밑줄 포함__}}} ||<|2>색상 문법과 밑줄 문법의 순서에 따라 밑줄에 색상 지정 여부가 다릅니다. ||
58
||<|2> 밑줄 서식과 중첩 || {{{{{{#red __밑줄 포함__}}}}}} || {{{#red __밑줄 포함__}}} ||<|2> 색상 문법과 밑줄 문법의 순서에 따라 밑줄에 색상 지정 여부가 다릅니다. ||
7359
|| {{{__{{{#red 밑줄 제외}}}__}}} || __{{{#red 밑줄 제외}}}__ ||
74
||<|2> 크기 서식과 중첩 || {{{{{{+1 {{{#blue 큰글자파랑}}}}}}}}} ||<|2> {{{+1 {{{#blue 큰글자파랑}}}}}} ||<|2>밑줄과 달리 크기 서식을 색상과 결합할 경우 문법의 순서가 출력에 영향을 미치지 않습니다. ||
75
|| {{{{{{#blue {{{+1 큰글자파랑}}}}}}}}} ||}}}[각주]
60
||<|2> 크기 서식과 중첩 || {{{{{{+1 {{{#blue 큰글자파랑}}} }}}}}} ||<|2> {{{+1 {{{#blue 큰글자파랑}}} }}} ||<|2> 밑줄과 달리 크기 서식을 색상과 결합할 경우 문법의 순서가 출력에 영향을 미치지 않습니다.[br][br]닫는 괄호 '}}\}'끼리는 띄어쓰든 붙여쓰든 상관이 없습니다. ||
61
|| {{{{{{#blue {{{+1 큰글자파랑}}}}}}}}} ||
62
}}}
63
[각주]
7664
7765
== 하이퍼링크 ==
78
{{{#!wiki style="word-break: keep-all"
7966
*'''관련 심화 문법'''
80
*[[나무위키:문법 도움말/심화#앵커|앵커 문법 (임의의 위치 혹은 자동 생성된 앵커의 위치로 하이퍼링크 걸기)]]
81
*[[나무위키:문법 도움말/심화#하이퍼링크 시 주의|{{{|}}}, {{{\}}}, {{{#}}}가 제목에 쓰이거나 제목이 {{{]}}}로 끝나거나 제목이 {{{/}}}로 시작하는 문서로 하이퍼링크 걸기]]
67
*[[알파위키:문법 도움말/심화#앵커|앵커(임의 위치로 하이퍼링크 걸기)]]
68
*[[알파위키:문법 도움말/심화#하이퍼링크 시 주의|\|, \\, #가 제목에 쓰이거나 제목이 ]로 끝나거나 제목이 /로 시작하는 문서로 하이퍼링크 걸기]]
8269
8370
문서 내에 다른 문서나 외부 사이트로 가는 [[하이퍼링크]]를 텍스트나 이미지 파일로 출력할 수 있습니다.
84
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
85
|| 기본 || {{{[[문서]]}}} || [[문서]] ||문서명에 대괄호({{{[]}}})나 백슬래시({{{\}}}), 수직선({{{|}}})글자가 들어갈 경우 해당 글자마다 앞에 백슬래시({{{\}}})를 입력해야 링크가 정상적으로 생성됩니다. ||
86
|| 링크 문서와 출력을 다르게 || {{{[[문서|출력글자]]}}} ||<width=70> [[문서|출력글자]] ||수직선 입력 방법은 [[\|]] 문서를 참고하십시오.[br][br]PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 [[나무위키|이동하게 될 문서명을 미리 확인할 수 있습니다]]. 일부 브라우저에서는 지원이 안 될 수 있습니다.[br][br]출력글자 부분에 뭔가를 입력하고 문서 부분에 아무것도 입력하지 않으면 기존 문서로 링크되고, 출력글자는 볼드 처리가 됩니다. ||
87
|| 링크 텍스트에 색상 적용 || {{{[[문서|{{{#ff85b1 문서}}}]]}}} || [[문서|{{{#ff85b1 문서}}}]] ||색상뿐 아니라 {{{[[문서|{{{+1 문서}}}]]}}} 등 글자 크기도 적용할 수 있습니다. ||
88
|| 이미지 파일에 링크 걸기 || {{{[[나무위키|[[파일:나무위키:로고2.png]]]]}}} || [[나무위키|[[파일:나무위키:로고2.png|width=25]]]] || ||
89
||<|3> 현재 문서 특정 문단으로 링크 걸기 || {{{[[#s-1|1문단으로]]}}} || [[#s-1|1문단으로]] ||<|3>{{{#}}}뒤에 s-문단 번호 또는 문단명을 입력하면 현재 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명만 출력됩니다.[br][br]입력한 문단명이나 문단 번호가 존재하지 않을 경우 문서 내 특정 문단으로 이동할 수 없습니다.[br][br]{{{#crimson ※ 일반적으로 문단 번호는 쉽게 변경될 수 있습니다. 문단 번호 링크보다는 문단명 링크를 권장합니다. 만약, 변경되기 쉬워 보이는 문단명이라면 [[/심화#앵커|심화편 문서]]을 참고하여 앵커 문법을 이용할 것을 권장합니다. 이는 아래의 '다른 문서 특정 문단'에도 적용됩니다.}}}||
71
||<rowbgcolor=#abcdef><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
72
|| 기본 || {{{[[문서]]}}} || [[문서]] ||문서명에 대괄호([ , ])나 백슬래시(\\), 수직선(|)글자어갈 경우 해당 글자마다 앞에 백슬래시(\\)를 입력해야 링크가 정상적으로 생성됩니다.[br]{{{[[문서|]]}}}, 또는 {{{[[|문서]]}}} 형태의 링크는 '''추후에 지원이 중단될 수 있으므로 권장하지 않습니다.''' ||
73
|| 링크 문서와 출력을 다르게 || {{{[[문서|출력글자]]}}} ||<width=70> [[문서|출력글자]] ||<|2>수직선(|)입력 방법은 [[\|]] 문서를 참조하십시오.[br][br]PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 [[알파위키|이동하게 될 문서명을 미리 확인할 수 있습니다]]. 일부 브라우저에서는 지원이 안 될 수 있습니다.[*리터럴로도_링크_가능]||
74
|| 이미지 파일에 링크 걸기 || {{{[[문서|[[파일:알파위키 로고.svg]]]]}}} || [[문서|[[파일:알파위키 로고.svg|width=25]]]] ||
75
||<|3> 현재 문서 특정 문단으로 링크 걸기 || {{{[[#s-1|1문단으로]]}}} || [[#s-1|1문단으로]] ||<|3>#뒤에 s-문단 번호 또는 문단명을 입력하면 현재 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명만 출력됩니다.||
9076
|| {{{[[#개요]]}}} || [[#개요]] ||
9177
|| {{{[[#개요|개요 문단으로]]}}} || [[#개요|개요 문단으로]] ||
92
||<|3> 다른 문서 특정 문단으로 링크 걸기 || {{{[[나무위키#s-6|해당 문단 참고]]}}} || [[나무위키#s-6|해당 문단 참고]] ||<|3>이동할 문서명을 쓰고 #뒤에 s-문단 번호 또는 문단명을 입력하면 해당 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명이 빠지고 문서명만 출력됩니다.[br][br]이 문법 사용 시 링크하는 문서명은 리다이렉트 문서가 아니어야 합니다. 예를 들어, '[[문서함]]'은 그 자체로 본문을 가진 문서가 아니라 '[[나무위키:내 문서함]]'으로 연결시켜주는 리다이렉트 문서입니다. 이 문서의 2번 문단으로 이동하는 링크를 만들고 싶다면 반드시 {{{[[나무위키:내 문서함#s-2]]}}}이어야 하며 {{{[[문서함#s-2]]}}}로 작성하면 '''정상 동작하지 않습니다'''.||
93
|| {{{[[나무위키#기능]]}}} || [[나무위키#기능]] ||
94
|| {{{[[나무위키#기능|해당 문단 참고]]}}} || [[나무위키#기능|해당 문단 참고]] ||
95
|| 현재 문서의 상위 문서 링크 || {{{[[../]]}}} || [[../]][* 본 문서의 상위 문서가 없으므로 현재 문서로 링크되고, 현재 문서로 링크되기에 볼드 처리가 됩니다.] ||아래의 {{{/}}}과 달리 여러 번 사용해도 상위의 상위 문서로는 링크되지 않습니다. 상위, 하위 문서는 문서명에 쓰인 {{{/}}}를 기준으로 합니다. 예를 들어, [[S/W 개발병]] 문서에서 {{{[[../]]}}}를 사용하면 슬래시와 뒷부분을 지운 [[S]] 문서로 링크가 가는 등 의도와 다른 링크가 걸릴 수 있습니다.[br][br]{{{/}}}가 문서명에 없는 문서에서 {{{[[../]]}}}를 사용하면 그냥 링크를 건 문서 자기 자신으로 링크가 걸립니다.[br][br]{{{#crimson ※ {{{[[../]]}}}가 사용된 문서의 RAW를 복사하여 다른 문서나 토론 창에 붙여넣을 경우 (상위문서가 없으므로) 링크가 깨지는 현상이 발생할 수 있습니다. 따라서 인용할 일이 많은 문서(나무위키의 규정 문서 등)에서는 {{{../}}} 문법보다 정확한 문서 명칭을 전부 작성해 주시기 바랍니다.}}}||
96
||<|2> 현재 문서의 하위 문서 링크 || {{{[[/심화]]}}} || [[/심화]] ||<|2>{{{/}}}을 여러 번 사용하면 하위 문서의 하위 문서도 링크할 수 있습니다.[br][br]상위 문서 링크와 마찬가지의 이유로 RAW를 인용할 일이 많은 문서(나무위키의 규정 문서 등)에서는 이 문법을 이용하기보다 문서명을 전부 작성해 주는 것이 좋습니다. ||
78
||<|3> 다른 문서 특정 문단으로 링크 걸기 || {{{[[알파위키#s-6|해당 문단 참조]]}}} || [[알파위키#s-6|해당 문단 참조]] ||<|3>이동할 문서명을 쓰고 #뒤에 s-문단 번호 또는 문단명을 입력하면 해당 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명이 빠지고 문서명만 출력됩니다.[br][br]입력한 번호의 문단 또는 입력한 문단명이 링크한 문서에 없는 경우 해당 문서 최상단으로 접속됩니다.||
79
|| {{{[[알파위키#기능]]}}} || [[알파위키#기능]] ||
80
|| {{{[[알파위키#기능|해당 문단 참조]]}}} || [[알파위키#기능|해당 문단 참조]] ||
81
|| 현재 문서의 상위 문서 링크 || {{{[[../]]}}} || [[../]] [* 본 문서의 상위 문서가 없으므로 현재 문서로 링크됩니다.] ||상위, 하위 문서는 문서명에 쓰인 /를 기준으로 합니다. 예를 들어, [[S/W 개발병]] 문서에서 {{{[[../]]}}}를 사용하면 슬래시와 뒷부분을 지운 [[S]] 문서로 링크가 가는 등 의도와 다른 링크가 걸릴 수 있습니다.[br][br]/가 문서명에 없는 문서에서 {{{[[../]]}}}를 사용하면 그냥 링크를 건 문서 자기 자신으로 링크가 걸립니다.[br][br]{{{[[../]]}}}가 사용된 문서의 RAW를 복사하여 다른 문서나 토론 창에 붙여넣을 경우 링크가 깨지는 현상이 발생할 수 있습니다. 따라서 인용할 일이 많은 문서(알파위키의 규정 문서 등)에서는 ../ 문법을 이용하기보다는 문서명을 전부 작성해 주는 것이 좋습니다.||
82
||<|2> 현재 문서의 하위 문서 링크 || {{{[[/심화]]}}} || [[/심화]] ||<|2>/을 여러 번 사용하면 하위 문서의 하위 문서도 링크할 수 있습니다.[br][br]상위 문서 링크와 마찬가지의 이유로 RAW를 인용할 일이 많은 문서(알파위키의 규정 문서 등)에서는 이 문법을 이용하기보다 문서명을 전부 작성해 주는 것이 좋습니다. ||
9783
|| {{{[[/심화/TeX]]}}} || [[/심화/TeX]] ||
98
||<|3> 외부 페이지 링크 || {{{[[https://www.google.com/]]}}} || [[https://www.google.com/|{{{#!html &#8203}}}https://{{{#!html &#8203}}}www{{{#!html &#8203}}}.{{{#!html &#8203}}}google{{{#!html &#8203}}}.{{{#!html &#8203}}}com{{{#!html &#8203}}}/]] ||기본 링크 표시입니다. 외부 이미지 파일 등 링크가 지나치게 길어져서 가독성을 해치는 경우가 종종 있으므로 권장되지 않습니다. ||
99
|| {{{[[https://www.google.com/|구글]]}}} || [[https://www.google.com/|구글]] ||다른 단어를 사용해 링크를 출력한 표시입니다. '출처', '사이트 명칭(ex. 언론사, 검색엔진 등)' 등 어떤 사이트임을 한눈에 알 수 있는 단어를 사용하시는 게 좋습니다. ||
100
|| {{{[[https://www.google.com/|[[파일:홈페이지 아이콘.svg]]]]}}} || [[https://www.google.com/|[[파일:홈페이지 아이콘.svg|width=25]]]] ||파일 자체에 링크. 예를 들어 특정 인물 문서 프로필의 SNS 아이콘에 링크를 걸어 해당 인물의 SNS 페이지로 이동할 수 있습니다.[br][br]특정 아이콘들은 특정 주소를 가리킬 때 초록색 외부링크 아이콘이 사라집니다. [[:분류:파일/링크 아이콘]] 참고. ||
101
}}}[각주]
84
||<|3> 외부 페이지 링크 || {{{[[https://goo.gl]]}}} || [[https://goo.gl/]] ||기본 링크 ||
85
|| {{{[[https://goo.gl/|출력]]}}} || [[http://www.google.co.kr|출력]] ||링크와 출력이 다른 링크 ||
86
|| {{{[[https://goo.gl/|[[파일:홈페이지 아이콘.svg]]]]}}} || [[http://www.google.co.kr|[[파일:홈페이지 아이콘.svg|width=25]]]] ||파일 자체에 링크. 예를 들어 특정 인물 문서 프로필의 SNS 마크에 링크를 걸어 해당 인물의 SNS 페이지로 이동할 수 있습니다. ||
87
[각주]
10288
10389
== 리다이렉트 ==
104
[include(틀:다른 뜻1, other1=기존 리다이렉트 문서 수정 방법, rd1=나무위키:편집 도움말, anchor1=리다이렉트 문서 수정)]
105
[[리다이렉트]] 문서는 특정 검색어 검색 시 목적지 문서로 즉시 넘겨주는 문서입니다. 리다이렉트 문서의 생성법은 [[나무위키:편집 도움말#s-2|일반 문서 생성 방법]]과 동일하며, 아래 입력 내용만을 적어야 합니다. 이외의 어떤 내용도 추가로 적어서는 안됩니다.[* 추가로 적은 내용들은 모두 '''삭제됩니다'''.]
106
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 ||
90
[include(틀:다른 뜻, other1=기존 리다이렉트 문서 수정 방법, rd1=알파위키:도움말)]
91
[[리다이렉트]] 문서는 특정 검색어 검색 시 목적지 문서로 즉시 넘겨주는 문서입니다. 리다이렉트 문서의 생성법은 [[알파위키:도움말#s-2|일반 문서 생성 방법]]과 동일하며, 아래 입력 내용만을 적어야 합니다. 이외의 어떤 내용도 추가로 적어서는 안됩니다. {{{#redirect ...}}} 아래 줄 내용은 삭제됩니다.
92
||<rowbgcolor=#abcdef><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 ||
10793
||<|2> 기본 || {{{#redirect 목적지 문서}}} ||<|2>목적지 문서의 표제어 맨 뒤를 제외한 위치에 해시(#)가 들어갈 경우 해시 앞에 \\를 입력해야 정상적으로 작동됩니다.||
108
|| {{{#넘겨주기 목적지 문서}}}[* 자동으로 redirect로 수정됩니다.] ||
109
||<|2> 특정 문단으로 리다이렉트 || {{{#redirect 목적지 문서#s-문단 번호}}} ||<|2>목적지 문서에 해당 앵커나 문단이 없을 경우 문서 최상단으로 리다이렉트됩니다.||
110
|| {{{#redirect 목적지 문서#문단명}}} ||
111
[각주]
94
|| {{{#넘겨주기 목적지 문서}}} ||
95
||<|2> 특정 문단·앵커로 리다이렉트 || {{{#redirect 목적지 문서#s-문단 번호}}} ||<|2>목적지 문서에 해당 앵커나 문단이 없을 경우 문서 최상단으로 리다이렉트됩니다.||
96
|| {{{#redirect 목적지 문서#문단·앵커명}}} ||
11297
11398
== 이미지 파일 ==
114
[include(틀:다른 뜻1, other1=파일 업로드, rd1=나무위키:기능 도움말, paragraph1=5, other2=하이퍼링크에 이미지를 출력하는 방법, rd2=, rd2_1=나무위키:문법 도움말, paragraph2_1=3)]
115
[[나무위키:기능 도움말#s-4|파일 업로더]]를 통해 생성한 파일 문서의 이미지 파일을 문서 내에 출력할 수 있습니다. 또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다. 문서 내에 출력된 이미지 파일은 해당 이미지 파일의 파일 문서로의 하이퍼링크 기능도 겸합니다.
99
[include(틀:다른 뜻, other1=파일 업로드, rd1=알파위키:기능 도움말, paragraph1=5.9, other2=하이퍼링크에 이미지를 출력하는 방법, rd2=, rd2_1=알파위키:문법 도움말, paragraph2=3)]
100
[[알파위키:기능 도움말#s-4|파일 업로더]]를 통해 생성한 파일 문서의 이미지 파일을 문서 내에 출력할 수 있습니다. 또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다. 문서 내에 출력된 이미지 파일은 해당 이미지 파일의 파일 문서로의 하이퍼링크 기능도 겸합니다.
116101
117
외부 이미지를 업로드하지 않고 나무위키 문서 내에 출력하는 방법은 없습니다.
118
119
{{{#!wiki style="word-break: keep-all;"
102
{{{#!wiki style="word-break:keep-all;"
120103
이미지 파일을 삽입하는 기본 문법은 아래와 같습니다.
121
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><-2><width=10%> 유형 || 입력 || 비고 ||
122
||<-2> 기본 || {{{[[파일:example.png]]}}}[* 앞 또는 뒤에 공백을 넣은 {{{[[ 파일:example.png]]}}}, {{{[[파일:example.png ]]}}} 형식으로도 작동은 하지만 '''권장하지 않습니다.''' ] ||이미지를 문서에 직접 출력하지 않고 '''텍스트 하이퍼링크'''로 하고자 하는 경우, 맨 앞에 쌍점(:)을 붙여 {{{[[:파일:example.png]]}}}와 같이 작성합니다. ||
123
||<|2> 매개변수 포함 || 단일 || {{{[[파일:example.png|매개변수]]}}} ||{{{[[파일:example.png|width=숫자]]}}}와 같이 사용합니다.||
124
|| 중첩 || {{{[[파일:example.png|매개변수1&매개변수2&...]]}}} ||{{{[[파일:example.png|width=숫자&align=위치]]}}}와 같이 매개변수 사이에 앰퍼샌드(&) 구분자를 넣어 사용합니다.||}}}
125
매개변수의 종류와 사용법은 아래와 같습니다.
126
{{{#!wiki style="word-break: keep-all;"
127
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
128
||<|2> 픽셀 지정 || 너비 || {{{width=숫자}}} ||<|2>문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다.[br][br]이미지의 크기를 높이(height) 변경으로 지정하는 것은 권장되지 않습니다. 되도록이면 너비(width) 변경으로 지정해 주세요.[br][br]{{{width}}} 변수와 {{{height}}} 변수를 동시에 사용하면 이미지 비율이 달라질 수 있습니다. 단, svg 파일은 비율이 달라지지 않습니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A53?rev=3835|예시]]||
104
||<rowbgcolor=#abcdef><rowcolor=#fff><-2> 유형 || 입력 || 비고 ||
105
||<-2> 기본 || {{{[[파일:example.png]]}}} ||파일 문서로의 '''텍스트 하이퍼링크'''는 맨 앞에 쌍점(:)을 붙여 {{{[[:파일:example.png]]}}}와 같이 작성합니다.[br]앞에 공백을 넣은 {{{[[ 파일:example.png]]}}}와 같은 형식은 '''권장하지 않습니다.''' ||
106
||<|2> 매개​변수 포함 || 단일 || {{{[[파일:example.png|매개변수]]}}} ||{{{[[파일:example.png|width=너비]]}}}와 같이 사용합니다.||
107
|| 중첩 || {{{[[파일:example.png|매개변수1&매개변수2&...]]}}} ||{{{[[파일:example.png|width=너비&height=높이]]}}}와 같이 매개변수 사이에 앰퍼샌드(&) 구분자를 넣어 사용합니다.||
108
매개변수의 종류와 사용법은 아래와 같습니다.
109
||<rowbgcolor=#abcdef><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
110
||<|2> 픽셀 지정 || 너비 || {{{width=숫자}}} ||<|2>문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다.[br]이미지의 크기를 높이(height) 변경으로 지정하는 것은 권장되지 않습니다. 되도록이면 너비(width) 변경으로 지정해 주세요.[br]{{{width}}} 변수와 {{{height}}} 변수를 동시에 사용하면 이미지 비율이 달라질 수 있습니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=67|예시]]||
129111
|| 높이 || {{{height=숫자}}} ||
130
||<|2> 비율 지정 || 너비 || {{{width=숫자%}}} ||<|2>사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다.[br][br]{{{#red '''주의'''}}}: {{{width=숫자%}}}만 삽입하는 경우에는 [[반응형 웹|사용자가 보고 있는 화면 폭에 대한 비율로 이미지가 출력되므로]] 임의의 사용자가 보기 좋은 적정 너비 선정이 어렵습니다. 표에 넣지 않고 단독으로 이미지 너비 지정을 할 경우 가능한 한 절대 수치를 이용해주세요.[br][br]표에 이미지를 추가하려는 경우에는 테이블 절대폭 문법[* [[#테이블의 크기와 색상|테이블의 크기와 색상]] 문단 참고.]과 함께 이미지 상대폭 문법을 사용하면 __설정한 테이블 절대폭에 대한__ 이미지 상대폭이 지정되므로 결과적으로 이미지 너비를 고정하는 효과를 얻을 수 있습니다.||
112
||<|2> 비율 지정 || 너비 || {{{width=숫자%}}} ||<|2>사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다.[br]{{{width=100%}}}만 삽입하는 경우에는 [[반응형 웹 디자인|사용자 환경에 따라서 표현되는 크기가 달라지는]] 문제가 발생합니다. [[https://namu.wiki/w/나무위키:보존문서/나무위키:연습장1?rev=8885|예시]] 표에 이미지를 추가하려는 경우에 다음과 같이 테이블 절대값을 사용해서 가로너비를 고정시키는 형태로 삽입해 주세요.||
131113
|| 높이 || {{{height=숫자%}}} ||
132
||<-2> 정렬 지정 || {{{align=위치}}} ||'위치'의 종류는 수평 정렬과 수직 정렬이 있으며, 각각 아래와 같이 세 종류가 있습니다.
133
왼쪽 정렬: {{{left}}} / 가운데 정렬: {{{center}}} 또는 {{{middle}}} / 오른쪽 정렬: {{{right}}}
134
||
135
||<-2> 배경색 지정 || {{{#!wiki style="word-break: break-all"
136
{{{bgcolor=#RRGGBB}}}}}} ||라이트 테마 또는 다크 테마를 고려해 투명한 값이 있는 파일의 배경색을 지정할 수 있습니다.||
137
||<-2> 라이트{{{#!html &#8203}}}/{{{#!html &#8203}}}다크 모드 지정 || {{{theme=상태}}} ||파일을 라이트 모드 또는 다크 모드에서만 출력되도록 지정할 수 있습니다. '상태'에는 다음과 같은 값을 입력하며, 지정하지 않으면 라이트 모드와 다크 모드 모두에서 표시됩니다.
114
||<-2> 정렬 지정 || {{{align=위치}}} ||'위치'의 종류는 아래와 같이 세 종류가 있습니다.[br]왼쪽 정렬: {{{left}}} (기본 설정 값)[br]가운데 정렬: {{{center}}}[br]오른쪽 정렬: {{{right}}}||
115
||<-2> [anchor(imgbgcolor)]배경색 지정 || {{{bgcolor=#RRGGBB}}} ||다크 테마를 고려해 투명한 값이 있는 파일의 배경색을 지정할 수 있습니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A53?rev=4478|예시]]||}}}
138116
139
* 라이트 모드: {{{light}}}
140
* 다크 모드: {{{dark}}}
141
||
142
||<-2> 모서리 곡률 지정 || {{{border-radius=픽셀}}} ||이미지 파일의 모서리 곡률을 지정할 수 있는 문법입니다. ||
143
||<-2> 픽셀화 || {{{rendering=pixelated}}} ||픽셀 이미지(화소의 수가 적은 이미지)를 확대하면 이미지가 흐리게 나오는데, 이를 선명하게 표시되게 해 줍니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A53?rev=7523|예시]] ||}}}
144
모바일에선 최대로 보이게 하려고 PC에서 파일의 너비를 최대로 하거나, PC에서 파일의 너비를 적절하게 설정했지만 모바일에선 가로로 슬라이드해서 이미지를 봐야 하는 상황을 막기 위해 다음과 같이 할 수 있습니다.
145
{{{||<width=숫자>[[파일:example.png|width=100%]]||
146
}}}
147
이렇게 하면 PC에선 적절한 너비로 볼 수 있고, 모바일에선 화면 크기에 맞춘 이미지를 볼 수 있으며, 아래에 이미지가 있다면 적절한 간격으로 떨어지는 효과를 볼 수 있습니다. 추가로 {{{<tablealign=center / right>}}}를 사용해 이미지의 위치도 지정할 수 있게 됩니다. 틀의 배경이 불편하다면 다음과 같이 사용할 수 있습니다.
148
{{{||<width=숫자><nopad>[[파일:example.png|width=100%]]||
149
}}}이렇게 하면 틀의 배경이 보이지 않으면서 위의 효과들을 볼 수 있고, {{{<tablebordercolor=색깔>}}}을 이용한다면 적절한 테두리 색까지 입힐 수 있게 됩니다.
150
[각주]
151
152117
== 동영상 ==
153
{{{#!wiki style="word-break: keep-all"
154
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#동영상 심화|매크로를 지원하지 않는 플랫폼의 동영상 삽입]]
155
매크로를 이용하여 외부 사이트의 동영상을 첨부할 수 있습니다. 기본적으로 {{{[코드(아이디)]}}} 형식으로 입력합니다.
156
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=70> 플랫폼 || 입력 || 주소 내 아이디 위치 ||
157
|| [[유튜브]] || {{{[youtube(jNQXAC9IVRw)]}}} ||https://www.youtube.com/watch?v={{{#red '''jNQXAC9IVRw'''}}}[br]https://youtu.be/{{{#red '''jNQXAC9IVRw'''}}}?si=m1n2FhVcv7qGvYrc||
118
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화/HTML#동영상|HTML 문법]] (HTML 문법을 이용한 동영상(비디오) 삽입)
119
120
매크로를 이용하여 외부 사이트의 동영상을 첨부할 수 있습니다. 기본적으로 {{{[코드(아이디)]}}} 형식으로 입력합니다.
121
||<rowbgcolor=#abcdef><rowcolor=#fff><width=70> 플랫폼 || 입력 || 주소 내 아이디 위치 ||
122
|| [[유튜브]] || {{{[youtube(jNQXAC9IVRw)]}}} ||https://www.youtube.com/watch?v={{{#red '''jNQXAC9IVRw'''}}}[br]https://youtu.be/{{{#red '''VFtDZL3lpNk'''}}}||
158123
|| [[카카오TV]] || {{{[kakaotv(405064748)]}}} ||https://tv.kakao.com/channel/2661262/cliplink/{{{#red '''405064748'''}}}||
159124
|| [[니코니코 동화]] || {{{[nicovideo(sm8628149)]}}} ||https://www.nicovideo.jp/watch/{{{#red '''sm8628149'''}}}||
160
|| [[Vimeo]] || {{{[vimeo(584524359)]}}} ||https://vimeo.com/{{{#red '''584524359'''}}} ||
161
|| [[네이버TV]] || {{{[navertv(1369799)]}}} ||https://tv.naver.com/v/{{{#red '''1369799'''}}}||
162
||<rowbgcolor=#ccc,#555> [[네이버]] 블로그/카페 동영상 || {{{[include(틀:navervid, vid=XXX, outkey=YYY)]}}} ||https://serviceapi.nmv.naver.com/flash/convertIframeTag.nhn?vid={{{#red '''XXX'''}}}&outKey={{{#red '''YYY'''}}}||
163
||<rowbgcolor=#ccc,#555> [[페이스북]] 동영상 || {{{[include(틀:fbvideo, fid=XXX, vid=YYY)]}}} ||https://www.facebook.com/{{{#red '''XXX'''}}}/videos/{{{#red '''YYY'''}}} ||
164
||<rowbgcolor=#ccc,#555> 기타 플랫폼 동영상 || {{{[include(틀:iframe, src=###)]}}} ||<iframe src="{{{#red '''https://www.youtube.com/embed/jNQXAC9IVRw'''}}}" width="640" height="360" frameborder="0" allowfullscreen></iframe> ||
165
||<rowbgcolor=#ccc,#555> 파일형식 동영상 || {{{[include(틀:video, src=###)]}}} ||<video src="{{{#red '''https://www.mois.go.kr/cmm/fms/FileDown.do?atchFileId=FILE_000000000010854&fileSn=0'''}}}" controls></video> ||
166
||<-3> 회색배경은 기타 문법 틀을 이용하여 삽입하므로, 다른 틀에 include 시킬 수 없습니다. ||
125
|| [[네이버TV]] || {{{[navertv(1369799)]}}} ||https://tv.naver.com/v/'''{{{#red 1369799}}}''' ||
126
|| [[Vimeo]] || {{{[vimeo(266903253)]}}} ||https://vimeo.com/'''{{{#red 266903253}}}''' ||
127
||<-3> 이외 플랫폼의 동영상 첨부는 [[알파위키:문법 도움말/심화/HTML#동영상|심화 문법 도움말]]을 참조하십시오. ||
128
167129
매개변수를 이용해 동영상 속성을 지정할 수 있습니다. 입력 틀은 아래와 같습니다.
168
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 예시 ||
130
||<rowbgcolor=#abcdef><rowcolor=#fff><width=90> 유형 || 입력 || 예시 ||
169131
|| 단일 매개변수 || {{{[코드(아이디,매개변수)]}}} ||{{{[youtube(jNQXAC9IVRw,start=8)]}}}||
170132
|| 매개변수 중첩 || {{{[코드(아이디,매개변수1,매개변수2,...)]}}} ||{{{[youtube(jNQXAC9IVRw,width=640,height=360)]}}}||
133
171134
매개 변수의 종류는 다음과 같습니다.
172
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 매개변수 || 비고 ||
173
|| 너비 픽셀 지정 || {{{width=숫자}}} || ||
174
|| 높이 픽셀 지정 || {{{height=숫자}}} || ||
175
|| 너비 비율 지정 || {{{width=숫자%}}} || 높이(height)는 비율을 지정할 수 없습니다. ||
176
|| 시작 시간 지정 || {{{start=초}}} ||<|2> YouTube 동영상에만 적용할 수 있습니다. ||
177
|| 종료 시간 지정 || {{{end=초}}}[* 해당 초에 영상이 종료되므로 해당 초까지 영상이 재생되게 하고 싶다면 1초를 더한 값을 넣으셔야 합니다. 예를 들어 내가 원하는 부분이 25.3초에서 끝난다고 하면 [[올림|'end=26'을 넣어야]] 합니다.] ||
135
||<rowbgcolor=#abcdef><rowcolor=#fff><width=90> 유형 || 매개변수 || 비고 ||
136
|| 너비 픽셀 지정 || {{{width=숫자}}} ||
137
|| 높이 픽셀 지정 || {{{height=숫자}}} ||
138
|| 너비 비율 지정 || {{{width=숫자%}}} ||높이(height)는 비율을 지정할 수 없습니다.||
139
|| 시작 시간 지정 || {{{start=초}}} ||
140
|| 종료 시간 지정 || {{{end=초}}} ||
141
178142
동영상은 텍스트처럼 왼쪽 정렬이 기본값입니다. 동영상의 위치 정렬 방법은 다음과 같습니다.
179
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 정렬 유형 || 입력 || 비고 ||
180
||<|2> 테이블 사용 ||{{{||<table align=center><nopad>[youtube(jNQXAC9IVRw)]||}}} ||<|2>테이블 안에 동영상을 넣고 테이블을 정렬한 형태입니다.[br]<tablebordercolor=색깔>을 이용해 테두리 색도 지정할 수 있습니다. ||
181
||{{{||<table align=right><nopad>[youtube(jNQXAC9IVRw)]||}}} ||
182
|| 틀 사용 || 중앙: {{{[include(틀:영상 정렬, url=jNQXAC9IVRw)]}}}[br]우측: {{{[include(틀:영상 정렬, r=, url=jNQXAC9IVRw)]}}} ||[[틀:영상 정렬]] 문서 참고. (유튜브 동영상만 지원) [br] 여백 없이 동영상을 중앙 또는 우측에 정렬합니다.[br]이 틀은 매개변수 입력으로[br]캡션(설명글), 테두리색, 배경색 지정도 가능합니다. ||}}}[각주]
143
||<rowbgcolor=#abcdef><rowcolor=#fff><width=100> 유형 || 입력 || 비고 ||
144
||<|2> 테이블을 사용한 정렬 지정 || {{{||<table align=center>[youtube(jNQXAC9IVRw)]||}}} ||<|2>테이블 안에 동영상을 넣고 테이블을 정렬한 형태입니다. ||
145
|| {{{||<table align=right>[youtube(jNQXAC9IVRw)]||}}} ||
146
|| 틀을 사용한 정렬 지정 || {{{[include(틀:영상 정렬, url=jNQXAC9IVRw)]}}} ||여백 없이 동영상을 중앙에 정렬합니다.[br]해당 틀은 유튜브 동영상만 지원합니다. ||
183147
184148
== 문단 ==
185149
문단을 생성할 수 있습니다.
186
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=60> 유형 || 기본 문단 || 접힌 문단 ||
150
||<rowbgcolor=#abcdef><rowcolor=#fff><width=60> 유형 || 기본 문단 || 접힌 문단 ||
187151
|| 1단계 || {{{= 문단 1 =}}} || {{{=# 문단 1 #=}}} ||
188152
|| 2단계 || {{{== 문단 2 ==}}} || {{{==# 문단 2 #==}}} ||
189153
|| 3단계 || {{{=== 문단 3 ===}}} || {{{===# 문단 3 #===}}} ||
190154
|| 4단계 || {{{==== 문단 4 ====}}} || {{{====# 문단 4 #====}}} ||
191155
|| 5단계 || {{{===== 문단 5 =====}}} || {{{=====# 문단 5 #=====}}} ||
192156
|| 6단계 || {{{====== 문단 6 ======}}} || {{{======# 문단 6 #======}}} ||
193
{{{#!wiki style="word-break: keep-all"
194
* 1단계 문단은 일반적으로 {{{#red '''금지'''}}}되어 있습니다. 다만, [[사용자 문서]]에서는 '''예외적으로''' 사용이 가능합니다. 또한 문단명에 대해 일부 텍스트 문법의 사용을 '''제한'''하고 있습니다. 자세한 내용은 [[나무위키:편집지침/일반 문서#s-2.3|일반 문서 편집지침 2.3문단]]을 참고하십시오.
195
* '{{{==문단==}}}'과 같이 문단명 앞, 뒤에 공백이 없거나 '{{{== 문단 == }}}'과 같이 문법 바깥쪽에 공백이 있을 경우, '{{{== 문단 ===}}}'처럼 양 옆의 {{{=}}} 개수가 다를 경우 문법이 '''정상적으로 출력되지 않습니다.'''
196
* 첫 문단을 {{{== 문단 2 ==}}}로 사용하였으면 하위 문단은 문단명 양 옆의 {{{=}}}를 두 개가 아닌 하나만 늘려 작성합니다. [[https://namu.wiki/w/나무위키:연습장?rev=32183|오류 예시]] [[https://namu.wiki/raw/나무위키:연습장?rev=32183|RAW]]}}}[각주]
157
* 첫 문단을 {{{= 문단 1 =}}}로 사용하였으면 하위 문단은 문단명 양 옆의 {{{=}}}를 두 개가 아닌 하나만 늘려 작성합니다. [[https://namu.wiki/w/나무위키:보존문서/나무위키:연습장?rev=3325|오류 예시]]
197158
198159
== 리스트 ==
199
가시성을 위해 이 문단에선 공백을 {{{#red {{{○}}}}}}으로 표시합니다.
200
=== 기본 형식 ===
201
리스트를 추가할 수 있습니다.
202
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
203
||{{{#!wiki style="font-family: monospace;"
204
{{{#red ○}}}* 리스트 1
205
{{{#red ○○}}}* 리스트 1.1
206
{{{#red ○}}}* 리스트 2
207
{{{#red ○○}}}* 리스트 2.1
208
{{{#red ○○○}}}* 리스트 2.1.1}}}
209
||{{{#!wiki
160
리스트를 추가할 수 있습니다. 리스트 문법 앞에 공백({{{#red v}}}로 표시)을 넣어 {{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트}}} 또는 {{{#red v}}}{{{*}}}{{{리스트}}}로 입력하며, {{{*}}}{{{#red v}}}{{{리스트}}}나 {{{*}}}{{{리스트}}}와 같이 별표(*)앞에 공백을 넣지 않을 경우 문법이 정상적으로 인식되지 않습니다. 각 유형별 리스트는 혼합해서 사용할 수 있습니다.
161
||<-3> {{{-1 {{{#red v}}}: 공백}}} ||
162
|| 기본 ||{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 2}}}[br]{{{#red v}}}{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 2.1}}}[br]{{{#red v}}}{{{#red v}}}{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 2.1.1}}} || ​
210163
* 리스트 1
211164
* 리스트 1.1
212165
* 리스트 2
213166
* 리스트 2.1
214
* 리스트 2.1.1}}}
215
||
216
'''별표 앞에 띄어쓰기를 생략하면 정상 출력되지 않습니다.''' 단, 별표와 내용 사이는 띄어쓰든 붙여쓰든 상관이 없습니다.
217
218
하위 리스트의 생성은 줄 앞의 띄어쓰기를 상위 리스트보다 더 많게 입력하면 됩니다. 띄어쓰기 개수에 따라 리스트 깊이가 정해집니다. 별표의 기호는 불릿 •(U+2022, 키보드에서 Shift + 8)입니다.
219
----
220
{{{+1 '''일반 줄글로 리스트 형식과 비슷하게 쓰기'''}}}
221
리스트 특유의 들여쓰기, 행 높이 설정 등을 쓰고 싶지 않은 경우 리스트 앞의 원형 점 역할을 아래 특수 문자를 대용으로 쓸 수 있습니다. 한국어 윈도우 환경에서 쉽게 넣을 수 있는 자음 + 한자로 입력하는 특문들은 이런 용도로 쓰기에는 너무 작거나(·, Middle Dot, ㄱ열 18번), 너무 커서(●, Black Circle, ㅁ열 11번) 기피됩니다.
222
223
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 특문 || 설명 || 예시 ||
224
|| • ||U+2022: BULLET (HTML &#8226;) ||<|6>{{{#!wiki style="margin:-15px -10px"
225
||• BU [br] • BU [br] • BU ||‣ TB [br] ‣ TB [br] ‣ TB ||⁃ HB [br] ⁃ HB [br] ⁃ HB ||
226
||▪ BSS [br] ▪ BSS [br] ▪ BSS ||◘ IB [br] ◘ IB [br] ◘ IB ||◦ WB [br] ◦ WB [br] ◦ WB ||}}}
227
||
228
|| ‣ ||U+2023: TRIANGULAR BULLET (HTML &#8227;) ||
229
|| ⁃ ||U+2043: HYPHEN BULLET (HTML &#8259;) ||
230
|| ▪ ||U+25AA: BLACK SMALL SQUARE (HTML &#9642;) '''{{{#red ✔ 추천}}}''' ||
231
|| ◘ ||U+25D8: INVERSE BULLET (HTML &#9688;) ||
232
|| ◦ ||U+25E6: WHITE BULLET (HTML &#9702;) ||
233
234
=== 번호 있는 리스트 ===
235
번호 있는 리스트를 표기할 때, {{{1.}}}, {{{2.}}}, {{{3.}}}, ...의 방식으로 표기하는 것이 아니라, 모든 리스트를 {{{1.}}}로 표기합니다. 번호 있는 리스트와 번호 없는 리스트는 혼합해서 사용할 수 있습니다.
236
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>유형
237
||<:>입력
238
||<:>출력
239
||
240
||<:>숫자
241
||{{{#!wiki style="font-family: monospace;"
242
{{{#red ○}}}1. 리스트 1
243
{{{#red ○○}}}1. 리스트 1.1
244
{{{#red ○○}}}1. 리스트 1.2
245
{{{#red ○}}}1. 리스트 2
246
{{{#red ○○}}}1. 리스트 2.1}}}
247
||{{{#!wiki
167
* 리스트 2.1.1 ||
168
|| 숫자 ||{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 2}}}[br]{{{#red v}}}{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 2.1}}} || ​
248169
1. 리스트 1
249
1. 리스트 1.1
250
1. 리스트 1.2
251
1. 리스트 2
252
1. 리스트 2.1}}}
253
||
254
||<:>영문 알파벳 소문자
255
||{{{#!wiki style="font-family: monospace;"
256
{{{#red ○}}}a. 리스트 1
257
{{{#red ○○}}}a. 리스트 1.1
258
{{{#red ○○}}}a. 리스트 1.2
259
{{{#red ○}}}a. 리스트 2
260
{{{#red ○○}}}a. 리스트 2.1}}}
261
||{{{#!wiki
262
a. 리스트 1
263
a. 리스트 1.1
264
a. 리스트 1.2
265
a. 리스트 2
266
a. 리스트 2.1}}}
267
||
268
||<:>영문 알파벳 대문자
269
||{{{#!wiki style="font-family: monospace;"
270
{{{#red ○}}}A. 리스트 1
271
{{{#red ○○}}}A. 리스트 1.1
272
{{{#red ○○}}}A. 리스트 1.2
273
{{{#red ○}}}A. 리스트 2
274
{{{#red ○○}}}A. 리스트 2.1}}}
275
||{{{#!wiki
170
1. 리스트1.1
171
1. 리스트1.2
172
1. 리스트2
173
1. 리스트2.1 ||
174
|| 대문자 ||{{{#red v}}}{{{A.}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{#red v}}}{{{A.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{#red v}}}{{{A.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{A.}}}{{{#red v}}}{{{리스트 2}}}[br]{{{#red v}}}{{{#red v}}}{{{A.}}}{{{#red v}}}{{{리스트 2.1}}} ||​
276175
A. 리스트 1
277
A. 리스트 1.1
278
A. 리스트 1.2
279
A. 리스트 2
280
A. 리스트 2.1}}}||
281
||<:>로마 숫자 소문자
282
||{{{#!wiki style="font-family: monospace;"
283
{{{#red ○}}}i. 리스트 1
284
{{{#red ○○}}}i. 리스트 1.1
285
{{{#red ○○}}}i. 리스트 1.2
286
{{{#red ○}}}i. 리스트 2
287
{{{#red ○○}}}i. 리스트 2.1}}}
288
||{{{#!wiki
289
i. 리스트 1
290
i. 리스트 1.1
291
i. 리스트 1.2
292
i. 리스트 2
293
i. 리스트 2.1}}}
294
||
295
||<:>로마 숫자 대문자
296
||{{{#!wiki style="font-family: monospace;"
297
{{{#red ○}}}I. 리스트 1
298
{{{#red ○○}}}I. 리스트 1.1
299
{{{#red ○○}}}I. 리스트 1.2
300
{{{#red ○}}}I. 리스트 2
301
{{{#red ○○}}}I. 리스트 2.1}}}
302
||{{{#!wiki
176
A. 리스트1.1
177
A. 리스트1.2
178
A. 리스트2
179
A. 리스트2.1 ||
180
|| 소문자 ||{{{#red v}}}{{{a.}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{#red v}}}{{{a.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{#red v}}}{{{a.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{a.}}}{{{#red v}}}{{{리스트 2}}}[br]{{{#red v}}}{{{#red v}}}{{{a.}}}{{{#red v}}}{{{리스트 2.1}}} ||​
181
a. 리스트 1
182
a. 리스트1.1
183
a. 리스트1.2
184
a. 리스트2
185
a. 리스트2.1 ||
186
|| 로마자 ||{{{#red v}}}{{{I.}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{#red v}}}{{{I.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{#red v}}}{{{I.}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{I.}}}{{{#red v}}}{{{리스트 2}}}[br]{{{#red v}}}{{{#red v}}}{{{I.}}}{{{#red v}}}{{{리스트 2.1}}} ||​
303187
I. 리스트 1
304
I. 리스트 1.1
305
I. 리스트 1.2
306
I. 리스트 2
307
I. 리스트 2.1}}}
308
||
309
리스트의 시작하는 숫자를 바꾸고자 할 경우, 리스트 식별자 뒤에 {{{#시작숫자}}}를 붙입니다.
310
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>입력
311
||<:>출력
312
||
313
||{{{#!wiki style="font-family: monospace;"
314
{{{#red ○}}}1. 이 리스트는 1부터 시작
315
{{{#red ○}}}1. 리스트 2
316
{{{#red ○}}}1. 리스트 3}}}
317
||{{{#!wiki
318
1. 이 리스트는 1부터 시작
188
I. 리스트1.1
189
I. 리스트1.2
190
I. 리스트2
191
I. 리스트2.1 ||
192
하위 리스트의 생성은 줄 앞의 띄어쓰기를 상위 리스트보다 더 많게 입력하면 됩니다. 같은 단계의 리스트여도 띄어쓰기 개수에 따라 간격이 달라집니다.
193
||{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 1.1}}}[br]{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 2}}}[br]{{{#red v}}}{{{#red v}}}{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 2.1}}} ||{{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트 3}}}[br]{{{#red vvv}}}{{{*}}}{{{#red v}}}{{{리스트3.1}}}[br]{{{#red vv}}}{{{*}}}{{{#red v}}}{{{리스트3.2}}}[br]{{{#red vvv}}}{{{*}}}{{{#red v}}}{{{리스트3.2.1}}} ||
194
||​
195
* 리스트 1
196
* 리스트1.1
197
* 리스트2
198
* 리스트2.1 ||​
199
*리스트 3
200
*리스트 3.1
201
*리스트3.2
202
*리스트 3.2.1 ||
203
개행을 통해 한 줄 이상을 비워 리스트를 개별적으로 구분할 수 있습니다.
204
||{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 2}}}[br][br]{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 1}}}[br]{{{#red v}}}{{{1.}}}{{{#red v}}}{{{리스트 2}}} ||​
205
1. 리스트 1
319206
1. 리스트 2
320
1. 리스트 3}}}
321
||
322
||{{{#!wiki style="font-family: monospace;"
323
{{{#red ○}}}I.#11 이 리스트는 11(XI)부터 시작
324
{{{#red ○}}}I. 리스트 12
325
{{{#red ○}}}I. 리스트 13}}}
326
||{{{#!wiki
327
I.#11 이 리스트는 11(XI)부터 시작
328
I. 리스트 12
329
I. 리스트 13}}}
330
||
331207
332
=== 리스트와 줄바꿈 ===
333
줄바꿈(개행)을 통해 한 줄 이상을 비우면 앞의 리스트는 종료되고 뒤의 리스트를 새로 시작하는 것으로 간주합니다.
334
335
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>입력
336
||<:>출력
337
||
338
||{{{#!wiki style="font-family: monospace;"
339
{{{#red ○}}}1. 리스트 1
340
{{{#red ○}}}1. 리스트 2
341
342
{{{#red ○}}}1. 리스트 1
343
{{{#red ○}}}1. 리스트 2}}}
344
||{{{#!wiki
345208
1. 리스트 1
346
1. 리스트 2
347
{{{#!wiki style="margin-bottom: -1rem;"
348
}}}
349
1. 리스트 1
350
1. 리스트 2}}}
351
||
209
1. 리스트 2 ||
352210
353
같은 리스트 내에서의 줄바꿈은 {{{[br]}}} 매크로나 엔터키로 할 수 있습니다. 매크로를 이용하지 않고 개행할 경우, 리스트 앞 공백 개수만큼 개행된 텍스트 앞을 띄어쓰기를 해야 합니다. 리스트가 복잡한 경우 매크로를 사용할 것이 권장됩니다.
354
355
아래 잘못된 방식처럼 띄어쓰기를 쓰지 않으면 리스트와 별개의 새로운 문단으로 인식하므로 행간 여백, 앞여백등이 크게 달라집니다.
356
357
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><colbgcolor=#00a495><colcolor=#fff>
358
||<:>입력
359
||<:>출력
360
||
361
|| 올바른 예시 ||{{{#!wiki style="font-family: monospace;"
362
{{{#red ○}}}*리스트
363
{{{#red ○}}}내에서의 개행
364
{{{#red ○}}}*매크로를 이용한\[br]리스트 내의 개행}}}
365
||{{{#!wiki
211
리스트 내용의 개행은 {{{[br]}}} 매크로나 개행으로 할 수 있습니다. 매크로를 이용하지 않고 개행할 경우, 리스트 앞 공백 개수만큼 개행된 텍스트 앞을 띄어쓰기를 해야 합니다.
212
||<^|1><width=400px>입력
213
----
214
{{{#red v}}}{{{*}}}리스트
215
{{{#red v}}}내에서의 개행
216
{{{#red v}}}{{{*}}}매크로를 이용한\[br]리스트 내의 개행
217
||<^|1><width=200px>출력
218
----
366219
*리스트
367220
내에서의 개행
368
*매크로를 이용한[br]리스트 내의 개행}}}
221
*매크로를 이용한[br]리스트 내의 개행
369222
||
370
|| 잘못된 예시 ||{{{#!wiki style="font-family: monospace;"
371
{{{#red ○}}}* 잘못된 방식
372
띄어쓰지 않으면
373
{{{#red ○}}}* 리스트가 이어지지 않음}}}
374
||{{{#!wiki
375
* 잘못된 방식
376
{{{#!wiki style="margin-top: -21px; margin-bottom: 1rem;"
377
띄어쓰지 않으면}}}
378
* 리스트가 이어지지 않음}}}||
223
번호 있는 리스트를 표기할 때, {{{1., 2., 3., ...}}} 의 방식으로 표기하는 것이 아니라, 모든 리스트를 {{{1.}}} 로 표기합니다. 리스트의 시작하는 숫자를 바꾸고자 할 경우, 리스트 식별자 뒤에 {{{#시작숫자}}} 를 붙입니다.
224
||<^|1><width=200px>입력
225
----
226
{{{#red v}}}{{{1.}}}이 리스트는 1부터 시작합니다.
227
{{{#red v}}}{{{1.}}}리스트 (2)
228
{{{#red v}}}{{{1.}}}리스트 (3)
379229
380
리스트를 유지하면서 개행을 넣고자 한다면, 개행줄에 깊이에 맞는 띄어쓰기가 있어야 연속적인 리스트로 인식합니다. 띄어쓰지 않으면 모두 개별 리스트로 인식해서 행간의 너비 차이가 생기며 일련번호도 적용되지 않습니다.
230
{{{#red v}}}{{{I.#42}}}이 리스트는 42 (XLII)부터 시작합니다.
231
{{{#red v}}}{{{I.}}}리스트 (XLIII)
232
{{{#red v}}}{{{I.}}}리스트 (XLIV)
233
||<^|1><width=200px>출력
234
----
235
1. 이 리스트는 1부터 시작합니다.
236
1. 리스트 (2)
237
1. 리스트 (3)
381238
382
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><:>입력
383
||<:>출력
239
I.#42 이 리스트는 42 (XLII)부터 시작합니다.
240
I. 리스트 (XLIII)
241
I. 리스트 (XLIV)
242
##pc에서는 모르겠는데 모바일에서는 리스트 숫자가 잘려서 나오네요.
384243
||
385
||{{{#!wiki style="font-family: monospace;"
386
{{{#red ○}}}A. list 1
387
{{{#red ○}}}{{{#red ○}}} A. list 1-1
388
{{{#red ○}}}{{{#red ○}}}
389
{{{#red ○}}}{{{#red ○}}} A. list 1-2
390
{{{#red ○}}}
391
{{{#red ○}}}A. list 2
392
{{{#red ○}}}
393
{{{#red ○}}}A. list 3}}}
394
||{{{#!wiki
395
A. list 1
396
A. list 1-1
397
398
A. list 1-2
399
400
A. list 2
401
402
A. list 3}}}
403
||
404
||{{{#!wiki style="font-family: monospace;"
405
{{{#red ○}}}A. list 1
406244
407
{{{#red ○}}}{{{#red ○}}} A. list 1-1
408
409
{{{#red ○}}}{{{#red ○}}} A. list 1-2
410
411
{{{#red ○}}}A. list 2
412
413
{{{#red ○}}}A. list 3}}}
414
||{{{#!wiki
415
A. list 1
416
417
A. list 1-1
418
419
A. list 1-2
420
{{{#!wiki style="margin-bottom: -1rem;"
421
}}}
422
A. list 2
423
{{{#!wiki style="margin-bottom: -1rem;"
424
}}}
425
A. list 3}}}
426
||
427
428245
== 각주 ==
429
[[각주]]를 생성할 수 있습니다. 입력한 각주는 문서 맨 아래나 각주 매크로({{{[각주]}}})가 삽입된 위치에 출력되며, 본문의 각주 번호(^^{{{#0275d8,#ec9f19 [1]}}}^^)를 클릭할 경우 해당 각주 번호의 각주 위치(앵커)로 이동합니다. 다시 해당 각주의 각주 번호({{{#0275d8,#ec9f19 [1]}}})를 클릭할 경우 본문의 각주 번호가 있는 위치로 이동합니다.
430
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><width=10%> 유형 ||<width=25%> 입력{{{-2 ({{{#red {{{○}}}}}}: 공백)}}} ||<width=10%> 출력 ||<width=55%> 비고 ||
246
[[각주]]를 생성할 수 있습니다. 입력한 각주는 문서 맨 아래나 각주 매크로({{{[각주]}}})가 삽입된 위치에 출력되며, 본문의 각주 번호(^^{{{#0275d8,#ca8817 [1]}}}^^)를 클릭할 경우 해당 각주 번호의 각주 위치(앵커)로 이동합니다. 다시 해당 각주의 각주 번호(^^{{{#0275d8,#ca8817 [1]}}}^^)를 클릭할 경우 본문의 각주 번호가 있는 위치로 이동합니다.
247
||<rowbgcolor=#abcdef><rowcolor=#fff><width=10%> 유형 ||<width=25%> 입력[br]{{{-2 ({{{#red v}}}: 공백)}}} ||<width=10%> 출력 ||<width=55%> 비고 ||
248
|| 기본 || {{{[*}}}{{{#red v}}}{{{텍스트 1]}}}[br] || [* 텍스트 1] ||각주 번호를 지정하지 않으면 기본으로 숫자가 각주 번호로 지정됩니다.[br][[각주 안의 각주]]는 {{{#red '''금지'''}}}되어 있습니다.[br]'''틀''' 내부에 각주를 넣으면 틀 각주 앵커와 틀이 삽입된 문서의 각주 앵커가 같을 경우 문서 내에서 어느 한 쪽은 '''정상적인 위치로 이동하지 않으므로''' 가급적 각주를 삼가하고 대신 텍스트 크기를 줄여 설명을 붙이십시오. ||
249
||<|2> 문자 각주 || {{{[*A}}}{{{#red v}}}{{{텍스트 2]}}}[br]{{{[*A]}}} || [*A 텍스트 2][br][*A] ||<|2>각주 번호를 텍스트로 지정할 수 있습니다.[br]각주 번호를 같게 하고 내용을 생략하여 문서 내 여러 위치에 같은 각주를 삽입할 수 있습니다. ||
250
|| {{{[*예시}}}{{{#red v}}}{{{텍스트 3]}}} || [*예시 텍스트 3] ||
251
[각주]
431252
432253
== 인용문 ==
433
{{{#!wiki style="word-break: keep-all"
434
* '''관련 심화 문법''': [[나무위키:문법 도움말/심화#인용문의 정렬|인용문 정렬]], [[나무위키:문법 도움말/심화#표 안의 인용문|표 안에 인용문 넣기]]
435
436
인용문을 입력할 수 있습니다. 단, [[나무위키:편집지침/일반 문서#인용문|편집지침]]에 의하여 원문 인용 목적으로만 인용문을 사용할 수 있으며, [[#s-2|텍스트 형태]]를 바꾸는 것은 '''굵기, 취소선, 밑줄, 기울임, 위/아래첨자, 크기 변경'''만 가능하고 이외의 꾸미기 작업은 '''금지'''되어 있습니다.
437
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 ||<width=30%> 출력 ||<width=35%> 비고 ||
254
* '''관련 심화 문법'''
255
* [[알파위키:문법 도움말/심화#인용문|인용문 정렬]]
256
* [[알파위키:문법 도움말/심화#인용문|표 안에 인용문 넣기]]
257
인용문을 입력할 수 있습니다.
258
||<rowbgcolor=#abcdef><rowcolor=#fff> 유형 || 입력 || 출력 || 비고 ||
438259
||<|2> 기본 ||{{{>인용문}}}||<|2><width=150px>
439260
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
440
인용문}}}||<|2>문법 사용 시 [[부등호]](>)를 입력합니다.||
261
인용문}}}||<|2>문법 사용 시 [[부등호]](>)를 입력합니다.[br]인용문에서 [[알파위키:문법 도움말#s-2.1|텍스트 형태]]도 바꿀 수 있습니다. ||
441262
||{{{> 인용문}}}||
442263
||<|4> 개행 ||{{{>문장1}}}[br]{{{>문장2}}} ||<|2>
443264
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
......
447268
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
448269
문장1[br][br]문장2}}} ||
449270
||{{{>문장1[br][br]문장2}}} ||
450
|| 중첩 ||{{{>인용문1}}}[br]{{{>>인용문2}}}[br]{{{>>>인용문3}}}||[[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=2043|예시 링크]] ||과도한 사용을 막기위해 최대 8개까지만 적용됩니다. ||
451
|| 리스트와의 결합 ||{{{> * 목록이 담긴 인용문
452
> * 목록1
453
> * 목록2}}}||<|2><width=150px>
454
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
455
* 목록이 담긴 인용문
456
* 목록1
457
* 목록2}}}||<|2>인용문 내에서도 리스트를 만들 수 있습니다. 매 줄마다 부등호-띄어쓰기-별표 후 내용을 쓰면 됩니다.[br][br]부등호와 별표 사이를 붙이면 정상 출력되지 않으며, 두 칸 이상 띄어 쓰면 띄어 쓴 만큼의 깊이에 해당하는 하위 리스트의 인용문 내 구현이 가능합니다. ||}}}
271
|| 중첩 ||{{{>인용문1}}}[br]{{{>>인용문2}}}[br]{{{>>>인용문3}}}||[[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=2043|예시 링크]] ||
458272
459273
== 수평줄 ==
460
본문 중간에 {{{-}}} 문자를 4개 이상, 9개 이하 입력하면 수평줄이 생성됩니다. 띄어쓰기를 제외하고 {{{-}}} 문자만 존재해야 하며 앞에는 띄어쓰기가 있어도 되지만 뒤에는 아무것도 없어야 하며, 인용문과 표에서도 사용이 가능합니다.
274
본문 중간에 {{{-}}} 문자를 4개 이상, 9개 이하 입력하면 수평 줄이 생성됩니다.
461275
462
{{{--- (3개이기 때문에 정상적인 수평줄이 아닙니다.)
276
{{{
277
--- (3개이기 때문에 정상적인 수평줄이 아닙니다.)
463278
----
464279
-----
280
------
465281
-------
466282
--------
467283
---------
468284
---------- (10개이기 때문에 정상적인 수평줄이 아닙니다.)
469285
}}}
470
아래는 실제로 적용한 예시입니다.
471
---
286
---
472287
----
473288
-----
289
------
474290
-------
475291
--------
476292
---------
477293
----------
478
== 매크로 ==
479
*'''관련 심화 문법'''
480
* [[나무위키:문법 도움말/심화#매크로|pagecount(문서 개수 출력) 및 ruby(루비 문자) 매크로]]
481
* [[나무위키:문법 도움말/심화#매개변수|틀 매개변수]]
482294
483
나무위키에서 지원하는 [[매크로]]를 사용하여 여러가지 기능을 구현할 수 있습니다. 매크로는 라틴 문자 소문자와 대문자를 가리지 않습니다. 예를 들어, {{{[date]}}}, {{{[Date]}}}, {{{[DATE]}}} 중 어느 것을 쓰든 모두 같은 출력이 나옵니다. 각 매크로에 대한 설명은 다음을 참고하여 주십시오.
484
485
=== [anchor(include)]틀·문서 삽입 ===
486
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=70%> 비고 ||
487
|| {{{[include(문서명)]}}} || 문서 출력 ||일반 문서 삽입도 가능은 하지만, 보통은 [[틀#s-2]]을 삽입하기 위해 사용하며 {{{[include(틀:틀 이름)]}}}과 같이 입력합니다. [[나무위키:분류|분류 문서]]는 include 매크로로 출력할 수 없습니다.[br][br]include 매크로를 중첩하여 '틀 속의 틀'을 구현하는 것은 불가능합니다. 예를 들어, [[틀:위키 용어]] 문서에서 토론이 열렸다고 해서 [[틀:토론 중]]을 달면 [[틀:위키 용어]]를 include한 일반 문서에서는 [[틀:토론 중]]이 보이지 않습니다.[* 이 때문에 틀 편집에 관해 토론 중일 때는 틀 하단에 작은 글씨로 토론 중임을 직접 적는 것이 보통입니다.] 반대로, 이 점을 이용하여 '틀에 대한 설명 문서' 등을 만들 수 있습니다. [[틀:문서 가져옴/설명 문서]]에 적힌 틀 사용법은 [[틀:문서 가져옴]] 문서에 직접 들어가야 볼 수 있고, 가져옴 틀이 달린 일반 문서에서는 보이지 않게 한 것이 대표적인 예시입니다.[br][br]매개변수가 있는 틀에서 매개변수의 값을 입력할 때, 입력하는 값에 [[쉼표]]({{{,}}})가 있을 경우 쉼표 앞에 [[백슬래시]]({{{\}}})를 붙여주어야 정상적으로 출력됩니다. 자세한 내용은 [[/심화#매개변수|문법 심화편]]을 참고하세요.[br][br]토론 댓글에서는 include 매크로를 사용할 수 없습니다.[br][br]'''{{{#red 주의}}}''': 피출력 문서에 margin 및 padding 같은 심화 문법을 적용한 이미지가 있을 경우 사진이 잘리는 버그가 있습니다.||
488
489
=== 나이·날짜·시간 출력 ===
490
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
491
|| {{{[age(YYYY-MM-DD)]}}} || 나이 출력 ||생년월일을 입력하여 [[UTC]] 기준([[KST]] 기준 9시)으로 자동 갱신되는 [[만 나이]]를 출력할 수 있습니다. 자동 갱신이 반드시 필요한 '''프로필 표의 현재 나이 표기 등은 직접 나이를 입력하지 말고 이 매크로를 사용해야 합니다.''' [[세는나이]] 서술은 프로필 표에서는 '''예외없이 금지''', 그 외의 곳에서는 예외 사항에 해당하지 않는 이상 '''금지'''되어 있습니다. ([[나무위키:편집지침/일반 문서#도량형과 단위에 관한 서술|편집지침]] 참고) [br][br]연도(YYYY)는 반드시 네 자리로, 월(MM)과 일(DD)은 1~9월, 1~9일인 경우에도 0을 채워서 반드시 2자리로 입력해야 합니다.
492
연도의 값을 0100보다 작게 입력할 경우 1900이 더해진 연도로 계산됩니다.[* 0099년으로 입력 시 1999년으로 계산됩니다.] 월과 일의 값은 0보다 크고 32보다 작아야 하며, 유효한 형식의 날짜가 아닌 경우 invalid date 문구가 표시됩니다. ||
493
|| {{{[date]}}} 또는 {{{[datetime]}}} || 접속 시간 출력 ||[date]와 같이 출력됩니다.[br][br]위키 서술은 자동으로 갱신되지 않기 때문에 해당 매크로를 [[현재#s-2]], [[최근#s-3]], [[요새#s-2]]와 같이 '''상대적인 시점에서의 상황을 서술하기 위해 사용하지 말고''' 편집 시점에 해당하는 '''구체적인 날짜를 일반 텍스트로 작성하십시오.''' 관련 규정은 [[나무위키:편집지침/일반 문서#s-3|이곳]]을 참고하시기 바랍니다. ||
494
|| {{{[dday(YYYY-MM-DD)]}}} || 잔여일수 또는[br]경과일수 출력 ||[[UTC]] 기준([[KST]] 기준 9시)으로 입력 날짜로부터 남은 날,혹은 지난 날을 출력합니다. age 매크로와 마찬가지로 연도 4자리, 월과 일 2자리를 반드시 맞추어야 정상 출력됩니다.[br][br]당일(dday)이 0으로 계산되기 때문에 "오늘부터 1일"로 취급해야 할 경우(데뷔일 등) 해당 날짜의 __전날__을 입력하여 표시할 수 있습니다.[br][br]정상적으로 출력되는 날짜의 범위는 0100-01-01부터 9999-12-31입니다. 이 값을 넘어가거나 정상적인 값이 아닐 경우 invalid dday가 뜨게 됩니다. [br][br]토론 댓글에서는 '''지원하지 않습니다.''' ||
495
496
=== 목차·각주 출력 ===
497
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
498
|| {{{[목차]}}} 또는 {{{[tableofcontents]}}} || 목차 출력 ||해당 위치에 목차를 출력합니다. 주로 개요 문단위에 적습니다||
499
|| {{{[각주]}}} 또는 {{{[footnote]}}} || 각주 출력 ||각주를 문서 마지막에 한 번에 출력하는 대신 문서 중간에 출력하기 위해 사용하는 매크로입니다. 이 매크로가 없어도 기본적으로 각주는 맨 끝에 자동으로 출력되지만, 중간에 이 매크로를 삽입하면 이 매크로가 호출되기 전까지의 각주가 출력됩니다.[br][br][[틀:문서 가져옴]]을 삽입해야 할 경우 해당 틀 바로 앞에 이 매크로를 사용할 것이 권장됩니다. 해당 틀을 문서의 맨 밑으로 고정시키기 위함입니다. ||
500
501
=== 정렬 보조 매크로 (줄바꿈·clearfix) ===
502
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
503
|| {{{[br]}}} || 줄바꿈 ||한 줄 개행(줄바꿈)의 역할을 하는 <br> html 코드를 출력합니다. '''표 안의 텍스트에서 개행을 할 때 필수적입니다.''' Enter키로 개행하면 대개 표 문법이 훼손되어 정상 출력되지 않지만, Enter 대신 이 매크로를 사용하면 표 안에서 정상적으로 개행을 할 수 있습니다. 리스트 내에서 개행을 할 때 사용하기도 하는데 이에 관해서는 [[#리스트|본 문서 리스트 문단]]을 참고하세요. ||
504
|| {{{[clearfix]}}} || CSS float 속성 초기화 ||정렬된 이미지, 표, 기타 요소 옆 영역에 다른 요소가 침범하는 것을 방지할 수 있습니다. 주로 '''우측 프로필 표가 길어서 목차 아래 문단을 침범할 때 목차와 문단 사이에 해당 매크로를 넣어서 사용'''합니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=3184|사용 예시]] 또한 문장 맨 앞에 오는 틀과 틀 다음 내용 간의 강제 개행을 방지하는 데에도 사용할 수 있습니다. 과거 있었던 '틀:-'를 매크로로 공식 지원하는 형태입니다. ||
505
295
== 매크로 ==
296
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#매크로|매크로 심화 문법]] (pagecount(문서 개수 출력), ruby([[루비 문자]]))
297
알파위키에서 지원하는 매크로를 사용하여 여러가지 기능을 구현할 수 있습니다.
298
매크로는 라틴 문자 소문자와 대문자를 가리지 않습니다. 예를 들어, {{{date}}} 매크로와 {{{Date}}} 매크로, 그리고 {{{DATE}}} 매크로는 같게 여겨집니다. 각 매크로에 대한 설명은 다음을 참고하여 주십시오.
299
||<rowbgcolor=#abcdef><rowcolor=#fff> 구문 || 용도 || 설명 ||
300
|| {{{[age(YYYY-MM-DD)]}}} || 나이 출력 ||생년월일을 입력하여 [[UTC]] 기준([[KST]] 기준 오전 9시)으로 갱신되는 [[만 나이]]를 출력할 수 있습니다. 세는나이를 서술할 때에는 {{{[age(<태어난 연도-1>-01-01)]}}}로 입력하시면 됩니다.[* 예시로 1983년생의 세는 나이는 {{{[age(1982-01-01)]}}} => [age(1982-01-01)]입니다.][br]MM, DD는 1~9월, 1~9일인 경우에도 0을 채워서 2자리로 입력해야 합니다. 그렇지 않으면 "invalid date"가 출력됩니다. ||
301
|| {{{[br]}}} || 개행 ||한 줄 개행의 역할을 하는 <br> html 코드를 출력합니다. ||
302
|| {{{[clearfix]}}} || CSS float 속성 초기화 ||정렬된 이미지, 표, 기타 요소 옆 영역에 다른 요소가 침범하는 것을 방지할 수 있습니다. 주로 우측 프로필 표가 길어서 목차 아래 문단을 침범할 때 목차와 문단 사이에 해당 매크로를 넣어서 사용합니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=3184|사용 예시]] ||
303
|| {{{[date]}}}, {{{[datetime]}}} || 접속 시간 출력 ||[date]와 같이 출력됩니다.[br]위키 서술은 자동으로 갱신되지 않기 때문에 해당 매크로를 [[현재#s-2]], [[최근#s-3]], [[요새#s-2]]와 같이 '''상대적인 시점에서의 상황을 서술하기 위해 사용하지 말고''' 편집 시점에 해당하는 '''구체적인 날짜를 일반 텍스트로 작성하십시오.''' ||
304
|| {{{[dday(YYYY-MM-DD)]}}} || 남은 날 출력 ||[[UTC]] 기준([[KST]] 기준 오전 9시)으로 입력 날짜로부터 남은 날을 출력합니다. 당일(dday)이 0으로 계산되기 때문에 "오늘부터 1일"과 같이 기념일을 입력할 경우 해당 날짜의 __전날__을 입력하여 표시할 수 있습니다.[br]정상적으로 출력되는 날짜의 범위는 1000-01-01부터 9999-12-31입니다. 이 값을 넘어가거나 정상적인 값이 아닐 경우 invalid dday가 뜨게 됩니다.[br]토론 댓글에서는 '''지원하지 않습니다.''' ||
305
|| {{{[각주]}}}, {{{[footnote]}}} || 각주 출력 ||기본적으로 각주는 맨 끝에 출력되나, 중간에 해당 매크로를 삽입하면 해당 매크로가 호출되기 전까지의 각주가 출력됩니다. ||
306
|| {{{[include(문서명)]}}} || 문서 출력 ||보통 [[틀#s-2]]을 삽입하기 위해 사용하며, {{{[include(틀:틀 이름)]}}}과 같이 입력합니다. [[알파위키:분류|분류 문서]]는 include 매크로로 출력할 수 없습니다.[br]특정 문서를 include 매크로로 삽입할 때, 특정 문서에서 include 매크로로 삽입된 문서는 출력되지 않습니다. 가령 틀 문서에 [[틀:토론 중]]을 달아도 해당 틀이 삽입된 문서에서는 [[틀:토론 중]]이 보이지 않습니다. 이를 이용하여 [[틀:문서 가져옴]] 등의 틀에 [[틀:문서 가져옴/설명 문서]] 등의 틀을 만들어 설명을 삽입할 수도 있습니다.[br]삽입될 문서 내에 {{{@}}}{{{name}}}{{{@}}} 형태의 텍스트를 입력한 뒤, 매크로를 호출할 때 {{{[include(문서명,name=value)]}}} 형태로 호출할 경우, 해당 위치에 {{{value}}}가 삽입됩니다. 이 때 하나의 value에 쉼표(,)가 포함되어 있을 경우 제대로 표시되지 않습니다. {{{,}}} 대신에 {{{\,}}}를 사용하면 해결됩니다. ||
307
|| {{{[목차]}}}, {{{[tableofcontents]}}} || 목차 출력 ||목차에는 텍스트 문법이 적용되지 않습니다. ||
308
|| {{{[anchor(내용)]}}} || 하이퍼링크 ||{{{[anchor()]}}}문법을 사용하면 현재 문서 또는 다른 문서의 임의의 위치로 하이퍼링크를 걸 수 있습니다. ||
506309
== [anchor(테이블)]테이블(표) ==
507
*'''관련 심화 문법''': [[나무위키:문법 도움말/심화#테이블|테이블 심화 문법]] (테이블 캡션, 이미지/동영상 삽입 시 기본 셀 여백 제거)
310
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#테이블|테이블 심화 문법]] (테이블 캡션, 이미지/동영상 삽입 시 기본 셀 여백 제거)
508311
509312
=== 기본 형태 ===
510313
테이블의 한 줄은 {{{||}}} 로 시작해 {{{||}}} 로 끝납니다. 아래의 경우, 한 줄에 두 개의 셀이 존재하는 두 줄짜리 테이블을 의미합니다. 연달아 여러 개의 테이블을 입력하고자 할 경우, 테이블 사이에 빈 줄을 하나 이상 입력합니다.
511
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
512
||{{{|| 테이블 || 테이블 ||
513
|| 셀 || 셀 ||}}}||{{{#!wiki
314
||<rowbgcolor=#abcdef><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
315
||{{{#!wiki style=""
316
{{{
317
|| 테이블 || 테이블 ||
318
|| 셀 || 셀 ||}}}
319
}}}||{{{#!wiki style=""
514320
|| 테이블 || 테이블 ||
515321
|| 셀 || 셀 ||}}}||
322
516323
셀 내에서 개행하고자 할 경우, 모니위키와의 호환을 위해 셀 내에서 매크로를 사용하지 않고 개행하는 것도 지원합니다만, {{{[br]}}} 매크로를 이용해 개행하는 것을 권장합니다.
517
{{{#!wiki style="word-break: keep-all;"
518
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
519
||{{{|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
324
{{{#!wiki style="word-break: keep-all"
325
||<rowbgcolor=#abcdef><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
326
||{{{#!wiki style=""
327
{{{
328
|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
520329
521330
|| 엔터 키로도
522331
개행이 가능하지만,
523
권장하지 않습니다. ||}}}||{{{#!wiki
332
권장하지 않습니다. ||
333
}}}}}}||{{{#!wiki style=""
524334
|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
525335
526336
|| 엔터 키로도
527337
개행이 가능하지만,
528
권장하지 않습니다. ||}}}||}}}
338
권장하지 않습니다. ||}}}||
339
}}}
340
529341
그러나 표 안에 리스트 또는 수평줄을 사용해야 하는 경우에 한하여 엔터 키로 개행하기도 합니다.
530
{{{#!wiki style="word-break: keep-all;"
531
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
532
||{{{||엔터 키를 이용해 개행하면
342
{{{#!wiki style="word-break: keep-all"
343
||<rowbgcolor=#abcdef><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
344
||{{{#!wiki style=""
345
{{{|| 엔터 키를 이용해 개행하면
533346
-----
534
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다.||}}}||{{{#!wiki
535
||엔터 키를 이용해 개행하면
347
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다. ||}}}}}}||{{{#!wiki style=""
348
|| 엔터 키를 이용해 개행하면
536349
-----
537
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다.||}}}||}}}
538
아니면 개행(Line '''Br'''eaking) 코드인 {{{[br]}}} 코드를 이용해서 다음과 같이 표 안에 리스트를 구현할 수 있습니다.
539
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#fff,#1c1d1f> 문법 || 출력 ||
540
||{{{||[br]
350
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다. ||}}}||
351
}}}
352
353
아니면 개행(Line '''Br'''eaking) 코드인 {{{[br]}}} 코드를 이용해서 다음과 같이 표안에 리스트를 구현할 수 있습니다.
354
||<rowbgcolor=#abcdef><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
355
||{{{#!wiki style=""
356
{{{ || [br]
357
*example
358
*example ||}}}}}}||{{{#!wiki style=""
359
|| [br]
360
*example
361
*example ||}}}||
362
363
위와 같이 {{{[br]}}} 문법을 사용하거나 엔터로 강제 개행을 한 다음 리스트를 사용시, 반드시 리스트 위에 어떠한 내용 혹은 빈줄이 생기게 됩니다. 아래와 같이 아무 문법을 호출한 다음 아무런 입력을 하지않고 개행을 하면 빈줄이 생기지 않습니다.
364
||<rowbgcolor=#abcdef><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
365
||{{{''''''}}}로 텍스트 굵게 문법을 호출함{{{#!wiki style=""
366
{{{||''''''
541367
*example
542
*example||}}}||{{{#!wiki
543
||[br]
368
*example ||}}}
369
}}}||{{{#!wiki style=""
370
||''''''
544371
*example
545
*example||}}}||
546
위와 같이 {{{[br]}}} 문법 사용 시, 반드시 리스트 위에 어떠한 내용 혹은 빈줄이 생기게 됩니다. {{{||}}} 입력후 바로 개행해서 리스트를 쓰면 빈줄이 생기지는 않지만 한칸짜리 표가 아닌 여러 칸의 표에서는 바로 개행시 줄을 끝낸다고 인지하여 오류가 생깁니다. 이를 방지하기 위해 #!wiki 문법을 호출하거나, <테이블 및 셀 속성> ([[나무위키:문법 도움말#셀 합치기|셀 합치기]]: <-1>, [[나무위키:문법 도움말#테이블과 셀 텍스트의 정렬|텍스트 정렬]]: <(>, [[나무위키:문법 도움말#테이블의 크기와 색상|크기 및 색상]] 등)을 사용하여 내용이 있는 칸임을 선언하면 빈줄없는 리스트를 쓸수 있습니다.
547
{{{#!wiki style="word-break: keep-all;"
548
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1c1d1f> 문법 || 출력 ||
549
||{{{||
550
* 한칸 표에서 아무것도
551
* 입력하지 않음||}}}||{{{#!wiki
552
||
553
* 한칸 표에서 아무것도
554
* 입력하지 않음||}}}||
555
||{{{|| 여러 칸 ||
556
* 여러 칸에서는
557
* 오류가 생김||}}}||{{{#!wiki
558
|| 여러 칸 ||
559
* 여러 칸에서는
560
* 오류가 생김||}}}||
561
||{{{|| 여러 칸 ||{{{#!wiki
562
* #!wiki 문법으로
563
* 내용 있는 칸임을 알려줌}}}||}}}||{{{#!wiki
564
|| 여러 칸 ||{{{#!wiki
565
* #!wiki 문법으로
566
* 내용 있는 칸임을 알려줌}}}||}}}||
567
||{{{|| 여러 칸 ||<-1>
568
* <테이블 및 셀 속성> 문법으로
569
* 내용 있는 칸임을 알려줌||}}}||{{{#!wiki
570
|| 여러 칸 ||<-1>
571
* <테이블 및 셀 속성> 문법으로
572
* 내용 있는 칸임을 알려줌||}}}||}}}
573
표는 한 칸당 한 줄을 차지하게 작성할 수 있습니다. 세로로는 길어지지만 글자수가 일정하지 않는 여러항목을 표로 만들때는 가독성이 상당히 높아질수 있게 됩니다.
574
||<colbgcolor=#00a495><colcolor=#fff><table bgcolor=#FFF,#1c1d1f> 문법 ||{{{+1 '''기본 문법'''}}}
575
{{{|| 조지 워싱턴 || 존 애덤스 || 토머스 제퍼슨 ||
576
|| 존 퀸시 애덤스 || 윌리엄 헨리 해리슨 || 존 타일러 ||}}}
577
----
578
{{{+1 '''한 칸마다 개행하는 문법'''}}}
579
가운데 정렬이 필요하면 두가지 방법이 있습니다.
580
1. 셀 하나하나 {{{<:>}}} 옵션을 넣는 방법
581
1. 각 칸 내용 뒤쪽의 공백을 개행 후 {{{||}}} 앞에 띄어쓰기를 입력하는 방법
582
{{{#!wiki style="float:left; margin-right:10px"
583
{{{||<:>조지 워싱턴
584
||<:>존 애덤스
585
||<:>토머스 제퍼슨
586
||
587
||<:>존 퀸시 애덤스
588
||<:>윌리엄 헨리 해리슨
589
||<:>존 타일러
590
||}}}}}}{{{#!wiki style="float:left"
591
{{{|| 조지 워싱턴
592
|| 존 애덤스
593
|| 토머스 제퍼슨
594
||
595
|| 존 퀸시 애덤스
596
|| 윌리엄 헨리 해리슨
597
|| 존 타일러
598
||}}}}}} ||
599
|| 출력 ||{{{#!wiki
600
||<:>조지 워싱턴
601
||<:>존 애덤스
602
||<:>토머스 제퍼슨
603
||
604
||<:>존 퀸시 애덤스
605
||<:>윌리엄 헨리 해리슨
606
||<:>존 타일러
607
||}}}||
372
*example ||}}}||
608373
609374
=== 셀 합치기 ===
610375
==== 가로 합치기 ====
611376
{{{+1 '''방법 1'''}}}
612377
테이블의 셀을 구성하는 {{{||}}} 을 입력한 뒤, 추가로 합치고자 하는 셀의 개수만큼 {{{||}}} 을 더 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 을 '''한 번''' 더 입력합니다.
613
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
614
||{{{|| 한 || 칸 || 짜 || 리 ||
378
379
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
380
||{{{
381
|| 한 || 칸 || 짜 || 리 ||
615382
|||| 두칸 |||| 짜리 ||
616383
|||||| 세칸짜 || 리 ||
617384
|||||||| 네칸짜리 ||
......
621388
|||||| 세칸짜 || 리 ||
622389
|||||||| 네칸짜리 ||}}}
623390
||
391
624392
----
625393
{{{+1 '''방법 2'''}}}
626394
{{{||}}}을 여러 번 입력하지 않고 간편하게 합치는 방법도 존재합니다. 테이블의 셀을 구성하는 {{{||}}} 을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<-수>}}} 를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<-2>}}}를 입력합니다. {{{<-1>}}} 이 아님에 유의하십시오.
627
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
395
396
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
628397
||{{{|| 한 || 칸 || 짜 || 리 ||
629398
||<-2> 두칸 ||<-2> 짜리 ||
630399
||<-3> 세칸짜 || 리 ||
......
634403
||<-2> 두칸 ||<-2> 짜리 ||
635404
||<-3> 세칸짜 || 리 ||
636405
||<-4> 네칸짜리 ||}}}||
637
----
638
한 줄의 모든 셀을 합치고자 할 경우, {{{<-}}} 뒤에 적당히 큰 수를 입력하면 셀의 개수를 셀 필요 없이 모든 셀이 합쳐집니다.
639406
407
----
408
한 줄의 모든 셀을 합치고자 할 경우, {{{<-}}} 뒤에 적당히 큰 수를 입력하면 셀의 개수를 셀 필요 없이 모든 셀이 합쳐집니다.
640409
'''{{{#red 주의}}}''': 이 경우 bordercolor 속성을 사용할 때, 브라우저에 따라 가장자리가 깨지고, 토론에 해당 표를 달 때 표가 이상하게 보이는 경우가 생기게 되므로 지양합시다.
641
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
642
||{{{|| 테이 || 블이 || 몇칸 || 이든 ||
410
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
411
||{{{
412
|| 테이 || 블이 || 몇칸 || 이든 ||
643413
||<-9> 한 번에 다 합쳐집니다. ||
644414
}}}||{{{#!wiki style=""
645415
|| 테이 || 블이 || 몇칸 || 이든 ||
646416
||<-9> 한 번에 다 합쳐집니다. ||}}}||
647
||{{{||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
417
||{{{
418
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
648419
||<-9> 한 번에 다 합쳐집니다. ||
649420
}}}||{{{#!wiki style=""
650421
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
651422
||<-9> 한 번에 다 합쳐집니다. ||}}}||
652
*가장자리가 깨지는 경우, 표의 {{{<-수>}}} 문법을 딱 알맞게 놓으면 위와 같은 현상을 해결할 수 있습니다.
653
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
654
||{{{||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
423
*다만 표의 <-(숫자) >문법을 적당히 놓으면 위와 같은 현상을 해결할 수 있습니다.
424
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
425
||{{{
426
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
655427
||<-4> 한 번에 다 합쳐집니다. ||
656428
}}}||{{{#!wiki style=""
657429
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
658430
||<-4> 한 번에 다 합쳐집니다. ||}}}||
659431
----
660
그 밖에, 각 줄별로 다른 개수의 셀을 가운데에 맞추고 싶다면, [[최소공배수]]를 구해 적절히 나누는 방법이 있습니다.[* [[블링크#웹 브라우저 엔진|Blink]] 91 즈음부터 브라우저 엔진 문법이 바뀌어서인지, 기존의 방법으로 셀을 정렬할 수 없습니다. 최소공배수의 개수만큼 셀을 상단 또는 하단에 삽입 후 각 셀의 width값을 100/(셀 개수)%로 설정해주셔야 합니다.]
661
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
662
||{{{||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
663
||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
664
||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
665
||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||
666
||<-12> 1 ||
667
||<-6> 2 ||<-6> 둘 ||
668
||<-4> 3 ||<-4> 셋 ||<-4> 삼 ||
669
||<-3> 4 ||<-3> 넷 ||<-3> 사 ||<-3> four ||
670
}}}||{{{#!wiki style=""
671
||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||
672
||<-12> 1 ||
673
||<-6> 2 ||<-6> 둘 ||
674
||<-4> 3 ||<-4> 셋 ||<-4> 삼 ||
675
||<-3> 4 ||<-3> 넷 ||<-3> 사 ||<-3> four ||}}}||
676
최근 각 줄별로 다른 개수의 셀을 가운데에 맞추는 새로운 방법이 생겼습니다. 이 방식은 작은 셀들을 상단 혹은 하단에 삽입할 필요가 없습니다.[* [[블링크#웹 브라우저 엔진|Blink]] 91 즈음부터 브라우저 엔진 문법이 바뀌어서 인지, 기존의 방법으로 셀을 정렬할 수 없습니다. 최소공배수의 개수만큼 셀을 상단 또는 하단에 삽입 후 각 셀의 width값을 100/(셀 개수)%로 설정하는 방법 외의 방법은 다음과 같습니다.]
677
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
432
그 밖에, 각 줄별로 다른 개수의 셀을 가운데에 맞추고 싶다면, [[최소공배수]]를 구해 적절히 나누는 방법이 있습니다.
433
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
678434
||{{{||<-12> 1 ||
679435
||<-6> 2 ||<-6> 둘 ||
680
||<-12> {{{#!wiki style="margin: -16px -11px;"
681
||<:><tablebgcolor=#ffffff><tablewidth=100%> 3 || 셋 || 삼 ||}}} ||
682
||<-3> 4 ||<-3> 넷 ||<-3> 사 ||<-3> four ||
436
||<-4> 3 ||<-4> 셋 ||<-4> three ||
437
||<-3> 4 ||<-3> 넷 ||<-3> four ||<-3> 四 ||
683438
}}}||{{{#!wiki style=""
684439
||<-12> 1 ||
685440
||<-6> 2 ||<-6> 둘 ||
686
||<-12> {{{#!wiki style="margin: -16px -11px;"
687
||<:><tablewidth=100%> 3 || 셋 || 삼 ||}}} ||
688
||<-3> 4 ||<-3> 넷 ||<-3> 사 ||<-3> four ||}}}||
689
혹은 너비를 강제지정하여 칸에 맞춰 적절히 나눈다면, 굳이 최소공배수가 아니어도 똑같이 나눌 수 있습니다.
690
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
691
||{{{||<width=25%> ||<width=8.3%> ||<width=16.7%>
692
||<width=16.7%> ||<width=8.3%> ||<width=25%> ||
693
||<-6> 1 ||
694
||<-3> 2 ||<-3> 둘 ||
695
||<-2> 3 ||<-2> 셋 ||<-2> three ||
696
|| 4 ||<-2> 넷 ||<-2> four || 四 ||
697
}}}||{{{#!wiki style=""
698
||<width=25%> ||<width=8.3%> ||<width=16.7%>
699
||<width=16.7%> ||<width=8.3%> ||<width=25%> ||
700
||<-6> 1 ||
701
||<-3> 2 ||<-3> 둘 ||
702
||<-2> 3 ||<-2> 셋 ||<-2> three ||
703
|| 4 ||<-2> 넷 ||<-2> four || 四 ||}}}||
704
특정 부분만 조정이 필요하면 그 부분을 합친 다음 wiki 틀을 안에 넣고 표를 다시 넣는 방법을 쓸 수 있습니다.
441
||<-4> 3 ||<-4> 셋 ||<-4> three ||
442
||<-3> 4 ||<-3> 넷 ||<-3> four ||<-3> 四 ||}}}||
705443
706
일일이 다른칸의 크기를 조정하지 않아 종합적으로는 더 편한 방법이 될 수 있습니다.
707
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
708
||{{{|| 11 || 12 || 13 ||
709
|| 21 || 22 || 23 ||
710
||<-3>{{{#!wiki
711
|| 가가가 || 나나나 ||
712
|| 다다다 || 라라라 ||}}}||
713
|| 31 || 32 || 33 ||}}}||{{{#!wiki
714
|| 11 || 12 || 13 ||
715
|| 21 || 22 || 23 ||
716
||<-3>{{{#!wiki
717
|| 가가가 || 나나나 ||
718
|| 다다다 || 라라라 ||}}}||
719
|| 31 || 32 || 33 ||}}}||
720
||위 문법에서 내부 표의 여백을 삭제 하는 문법
721
722
{{{|| 11 || 12 || 13 ||
723
|| 21 || 22 || 23 ||
724
||<-3>{{{#!wiki style="margin:-16px -11px"
725
|| 가가가 || 나나나 ||
726
|| 다다다 || 라라라 ||}}}||
727
|| 31 || 32 || 33 ||}}} ||{{{#!wiki
728
|| 11 || 12 || 13 ||
729
|| 21 || 22 || 23 ||
730
||<-3>{{{#!wiki style="margin:-16px -11px"
731
|| 가가가 || 나나나 ||
732
|| 다다다 || 라라라 ||}}}||
733
|| 31 || 32 || 33 ||}}} ||
734
735444
==== 세로 합치기 ====
736445
세로로 여러 셀을 합치는 방법은 다음과 같습니다. 테이블의 셀을 구성하는 {{{||}}} 을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<|수>}}} 를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<|2>}}} 를 입력합니다. {{{<|1>}}} 이 아님에 유의하십시오.
737
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
446
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
738447
||{{{
739448
||<|4> 네줄 ||<|3> 세줄 ||<|2> 두줄 ||<|1> 한줄 ||
740449
|| 여백1 ||
......
748457
749458
----
750459
{{{#red '''주의!'''}}}
751
셀을 복잡하게 합칠 경우에는 줄 바꿈에 특히 유의하십시오. 높이를 강제로 지정하지 않거나 필요한 모든 줄을 정확히 입력하지 않으면 제대로 표시되지 않습니다. 입력할 셀이 없는 줄에는 {{{||||}}}를 입력합니다. 왼쪽의 대상과 같은 테이블에서 같은 번호의 셀을 합치려면 다음과 같이 입력합니다.
752
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=200px> 대상 ||<width=300px> 입력 ||<width=200px> 출력 ||
460
셀을 복잡하게 합칠 경우에는 줄 바꿈에 특히 유의하십시오. 필요한 모든 줄을 정확히 입력하지 않으면 제대로 표시되지 않습니다. 입력할 셀이 없는 줄에는 {{{||||}}}를 입력합니다. 왼쪽의 대상과 같은 테이블에서 같은 번호의 셀을 합치려면 다음과 같이 입력합니다.
461
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=200px> 대상 ||<width=300px> 입력 ||<width=200px> 출력 ||
753462
||{{{|| 세줄1 || 두줄1 ||
754463
|| 세줄1 || 두줄1 ||
755464
|| 세줄1 || 두줄2 ||
......
757466
|| 세줄2 || 두줄3 ||
758467
|| 세줄2 || 두줄3 ||}}}
759468
||{{{
760
||<|3><height=60> 세줄1 ||<|2><height=40> 두줄1 ||
469
||<|3> 세줄1 ||<|2> 두줄1 ||
761470
||||
762
||<|2><height=40> 두줄2 ||
763
||<|3><height=60> 세줄2 ||
764
||<|2><height=40> 두줄3 ||
471
||<|2> 두줄2 ||
472
||<|3> 세줄2 ||
473
||<|2> 두줄3 ||
765474
||||
766475
}}}||{{{#!wiki style=""
767
||<|3><height=60> 세줄1 ||<|2><height=40> 두줄1 ||
476
||<|3> 세줄1 ||<|2> 두줄1 ||
768477
||||
769
||<|2><height=40> 두줄2 ||
770
||<|3><height=60> 세줄2 ||
771
||<|2><height=40> 두줄3 ||
478
||<|2> 두줄2 ||
479
||<|3> 세줄2 ||
480
||<|2> 두줄3 ||
772481
||||}}}
773482
||
774483
775484
==== 가로세로 합치기 ====
776
셀을 가로와 세로로 모두 합칠 수 있습니다. {{{<-수>}}}와 {{{<|수>}}} 두 가지를 같이 입력합니다. 아니면 ||를 동시에 여러 개 입력하고 {{{<|수>}}}를 입력해도 됩니다. 둘 중 어느 하나가 먼저 오든 상관없습니다.
777
||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=33%> 입력 1 ||<width=33%> 입력 2 ||<width=33%> 출력 ||
485
셀을 가로와 세로로 모두 합칠 수 있습니다. {{{<-수>}}}와 {{{<|수>}}} 두 가지를 같이 입력합니다. 아니면 ||를 동시에 여러 개 입력하고 {{{<|수>}}}를 입력해도 됩니다.
486
||<rowbgcolor=#abcdef><rowcolor=#fff><table bordercolor=gray><width=33%> 입력 1 ||<width=33%> 입력 2 ||<width=33%> 출력 ||
778487
||{{{
779488
|| 여백 || 여백 || 여백 || 여백 ||
780489
|| 여백 ||<-3><|2> 3 곱하기 2 ||
......
788497
|| 여백 ||<-3><|2> 3 곱하기 2 ||
789498
|| 여백 ||}}}||
790499
791
=== 테이블과 셀 텍스트의 정렬 ===
792
아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 정렬 문법이 아닌 다른 기호나 서술이 들어갔을 경우 정렬이 적용되지 않으니 주의 바랍니다.
500
=== 테이블과 셀 꾸미기 ===
501
테이블, 또는 셀에 스타일을 적용하는 방법은 다음과 같습니다. 아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 꾸미기 문법이 아닌 다른 문법 혹은 기호나 서술이 들어갔을 경우 꾸미기는 적용되지 않으니 주의 바랍니다.
793502
503
==== 테이블 꾸미기 ====
794504
*'''테이블 정렬''': {{{<tablealign=}}}{{{#14F,#4AF (정렬 위치)}}}{{{>}}} 또는 {{{<table align=}}}{{{#14F,#4AF (정렬 위치)}}}{{{>}}}
795
*{{{<tablealign=left>}}} 또는 {{{<table align=left>}}}: 테이블 왼쪽 정렬 (기본값)
505
*{{{<tablealign=left>}}} 또는 {{{<table align=left>}}}: 테이블 왼쪽 정렬 (기본)
796506
*{{{<tablealign=center>}}} 또는 {{{<table align=center>}}}: 테이블 가운데 정렬
797507
*{{{<tablealign=right>}}} 또는 {{{<table align=right>}}}: 테이블 오른쪽 정렬
798508
오른쪽으로 정렬된 테이블은 왼쪽의 남은 공간에 문서가 출력됩니다.
799509
다수의 테이블, 파일 정렬로 인한 레이아웃 뒤틀림의 수정에 {{{[clearfix]}}}를 이용할 수 있습니다.
800510
801
*'''셀 텍스트 가로정렬'''
802
*{{{<(>}}} 또는 셀에서 ||(텍스트) ||: 텍스트 왼쪽 정렬 (기본값)
803
*{{{<:>}}} 또는 셀에서 || (텍스트) ||: 텍스트 가운데 정렬
804
*{{{<)>}}} 또는 셀에서 || (텍스트)||: 텍스트 오른쪽 정렬
805
||<tablebgcolor=#fff,#2d2f34>{{{||<(>텍스트[br]왼쪽[br]정렬||}}} || {{{||<:>텍스트[br]가운데[br]정렬||}}} || {{{||<)>텍스트[br]오른쪽[br]정렬||}}}||
806
||{{{||텍스트[br]왼쪽[br]정렬 ||}}} || {{{|| 텍스트[br]가운데[br]정렬 ||}}} || {{{|| 텍스트[br]오른쪽[br]정렬||}}}||
807
||<(>텍스트[br]왼쪽[br]정렬||<:>텍스트[br]가운데[br]정렬||<)>텍스트[br]오른쪽[br]정렬||
808
809
*'''셀 텍스트 세로 정렬'''
810
*{{{<^|숫자>}}}: 텍스트 수직 위 정렬
811
*{{{<|숫자>}}}: 텍스트 수직 가운데 정렬 (기본값)
812
*{{{<v|숫자>}}}: 텍스트 수직 아래 정렬
813
814
텍스트의 수직 정렬을 세로로 합쳐진 셀 이외에 적용하려면 숫자에 '1'을 넣으면 됩니다.
815
||<tablebgcolor=#fff,#2d2f34>{{{||<^|1> 수직 위 정렬 ||}}}||{{{||<|1> 수직 가운데 정렬 ||}}}||{{{||<v|1> 수직 아래 정렬 ||}}}||
816
||<height=100><^|1> 수직 위 정렬 ||<|1> 수직 가운데 정렬 ||<v|1> 수직 아래 정렬 ||
511
----
817512
818
=== 테이블의 크기와 색상 ===
819
아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 꾸미기 문법이 아닌 다른 기호나 서술이 들어갔을 경우 꾸미기는 적용되지 않으니 주의 바랍니다.
513
*'''테이블 크기'''
514
*테이블 전체 너비: {{{<tablewidth=}}}{{{#14F,#4AF (수치)}}}{{{>}}} 또는 {{{<table width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
515
*{{{<tablewidth=100px>}}} 또는 {{{<table width=100px>}}}: 절대 수치
516
*{{{<tablewidth=50%>}}} 또는 {{{<table width=50%>}}}: 상대 수치
517
*셀 너비: {{{<width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
518
*{{{<width=100px>}}}: 절대 수치
519
*{{{<width=50%>}}}: 상대 수치
520
*셀 높이: {{{<height=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
521
*{{{<height=100px>}}}: 절대 수치
522
*{{{<height=50%>}}}: 상대 수치
820523
821
'셀'이란 테이블의 가로 또는 세로로 분할된 각각의 구역을 뜻합니다.
524
----
822525
823
* '''테이블 전체 너비''': {{{<tablewidth=}}}{{{#14F,#4AF (수치)}}}{{{>}}} 또는 {{{<table width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
824
* {{{<tablewidth=600px>}}} 또는 {{{<table width=600px>}}}: 절대 수치
825
* '''{{{#008275 참고}}}''': 사용자가 보는 기기의 화상 규격 너비가 설정한 테이블 절대 수치보다 작을 경우 접기 문법 내에 있지 않은 테이블은 화상 규격 너비로 출력됩니다. 다음 문법을 셀 안에 삽입하면 화상 규격이 작은 경우에도 테이블에 대한 좌우 스크롤바가 나타나며 테이블을 고정폭으로 만들 수 있습니다.
826
|| {{{[[파일:투명.png|width=(설정하려는 셀의 너비에서 20px을 뺀 값)px&height=0px]]}}} ||
827
* '''{{{#red 주의}}}''': 테이블 전체 너비는 {{{<tablewidth=50%>}}}와 같은 상대 수치 표현이 가능하나, 이렇게 되면 __화상 폭에 대한 상대 수치__가 적용되므로 임의의 환경에 맞는 적정 너비를 선정하기 어렵습니다. 100%에 가깝게 크게 설정 시 큰 모니터의 화면에서 매우 큰 테이블이 출력되어 가독성이 저하되고, 낮은 비율로 설정 시 모바일 기기에서 읽기 어려울 정도로 아주 작은 테이블이 출력되는 상황이 발생합니다. 따라서 테이블 크기는 절대 수치로 설정하는 것이 일반적인 권장 사항입니다.
828
829
* '''셀 너비''': {{{<width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
830
* {{{<width=200px>}}}: 절대 수치
831
* '''{{{#008275 참고}}}''': 사용자가 보는 기기의 화상 규격 너비가 설정한 셀 절대 수치보다 작을 경우 접기 문법 내에 있지 않은 셀은 화상 규격 너비로 출력됩니다. 다음 문법을 셀 안에 삽입하면 화상 규격이 작은 경우에도 셀에 대한 좌우 스크롤바가 나타나며 셀을 고정폭으로 만들 수 있습니다.
832
|| {{{[[파일:투명.png|width=(설정하려는 셀의 너비에서 20px을 뺀 값)px&height=0px]]}}} ||
833
* {{{<width=50%>}}}: __테이블 전체 너비에 대한__ 상대 수치
834
* '''셀 높이''': {{{<height=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
835
* {{{<height=200px>}}}: 절대 수치
836
* {{{<height=50%>}}}: __테이블 전체 높이에 대한__ 상대 수치
837
838
* '''색상 관련 공통 사항'''
839
* 자세한 색상 표기 방법은 [[#textcolor|텍스트 색상 문단]]을 참고하시기 바랍니다.
840
* 색상 지정 우선 순위: 개별 셀 지정 > 한 열 지정 > 한 행 지정 > 테이블 전체 지정
841
* '''{{{#red 주의}}}''': 텍스트 색상 문법과는 달리, [[헥스 코드#s-5.1|CSS 색상명]]을 사용할 경우 앞에 {{{#}}}를 붙이지 않습니다.
842
* 예시: {{{<bgcolor=white>}}}, {{{<tablecolor=black>}}}...
843
* 색상 지정시 {{{#14F,#4AF (기본 색상)}}}{{{,}}}{{{#14F,#4AF (다크 테마용 색상)}}}과 같이 콤마({{{,}}})로 구분하여 다크 테마용 색깔을 지정할 수 있습니다.
844
* {{{<bgcolor=#RRGGBB>}}}: 테마와 관계없이 언제나 동일한 색상이 적용됩니다.
526
*'''테이블 색상''': 자세한 색상 표기 방법에 관해서는 [[#textcolor|텍스트 색상 문단]]을 참고하시기 바랍니다.
527
*색상 지정 우선 순위: 셀 지정 > 한 열 지정 > 한 행 지정 > 테이블 전체 지정
528
*'''{{{#red 주의}}}''': 텍스트 색상 문법과는 달리, [[헥스 코드#s-5.1|CSS 색상명]]을 사용할 경우 앞에 {{{#}}}를 붙이지 않습니다.
529
*예시: {{{<bgcolor=white>}}}, {{{<tablecolor=black>}}}...
530
*색상 지정시 {{{#14F,#4AF (기본 색상)}}}{{{,}}}{{{#14F,#4AF (다크 테마용 색상)}}}과 같이 콤마({{{,}}})로 구분하여 다크 테마용 색깔을 지정할 수 있습니다.
531
* {{{<bgcolor=#RRGGBB>}}}: 테마와 관계없이 언제나 동일한 색상이 적용됩니다.
845532
* {{{<bgcolor=#RRGGBB,#RRGGBB>}}}: 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다.
846
* 예시: {{{<bgcolor=#00a495,#2d2f34>}}}, {{{<tablecolor=#00a495,#2d2f34>}}}...
847
848
* '''테이블 배경색'''
849
* 개별 셀 지정: {{{<bgcolor=#RRGGBB>}}}
850
* '''{{{#red 주의}}}''': 앞에 {{{bgcolor=}}}이 없는 {{{<#RRGGBB>}}}나 {{{<red>}}} 형식은 지원이 중단될 예정입니다.
851
* 비표준 문법으로 셀 배경에 그라데이션을 적용할 수 있습니다. [[/심화#그라데이션|심화 문법]]의 응용 예시 참고.
852
* 한 열 지정: {{{<colbgcolor=#RRGGBB>}}}
853
* 색상을 지정한 셀부터 아래로만 적용됩니다. 빈 셀에는 색상이 적용되지 않습니다.
854
* '''{{{#red 주의}}}''': {{{<col bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
855
* 한 행 지정: {{{<rowbgcolor=#RRGGBB>}}}
856
* '''{{{#red 주의}}}''': {{{<row bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
857
* 테이블 전체 지정: {{{<tablebgcolor=#RRGGBB>}}} 또는 {{{<table bgcolor=#RRGGBB>}}}
858
* 우선 순위: {{{bgcolor}}} > {{{colbgcolor}}} > {{{rowbgcolor}}} > {{{tablebgcolor}}}
859
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%>||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
860
||<rowbgcolor=#40A198>{{{rowbgcolor}}}|| || || ||
861
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
862
* 2칸 이상이 합쳐진 셀의 경우, 셀을 합치는 명령어 {{{<-2>}}}/{{{<|2>}}}같은 명령어가 입력된 셀의 것을 따라갑니다. 즉 입력한 숫자 값만큼 왼쪽/위의 셀의 것을 따라갑니다.
533
*예시: {{{<bgcolor=#abcdef,#2d2f34>}}}, {{{<tablecolor=#abcdef,#2d2f34>}}}...
534
*배경색
535
*우선 순위: {{{bgcolor}}} > {{{colbgcolor}}} > {{{rowbgcolor}}} > {{{tablebgcolor}}}
536
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%>||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
537
||<rowbgcolor=#40A198>{{{rowbgcolor}}}|| || || ||
538
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
539
540
*2개 이상이 합쳐진 셀
863541
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%><|2> {{{<|2>}}} ||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
864542
||<rowbgcolor=#40A198>{{{rowbgcolor}}}||<-2> {{{<-2>}}} ||
865543
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
866
* 다크 테마용 색상 관련 '''{{{#red 주의}}}''': 다크 테마용 색상을 적용시킨 한 열 지정 문법과 셀 지정 문법이 충돌하게 되면, 셀 지정 문법에 다크 테마용 색상을 적용시키지 않는 이상 다크 테마에서는 셀 지정 문법의 색상 코드가 사라지는 버그가 있습니다.
867
* 예시: {{{<colbgcolor=#FFF,#000>}}}와 {{{<bgcolor=#F5F5F5>}}}가 충돌할 경우 라이트 테마에서는 #F5F5F5, 다크 테마에서는 #000 색상으로 출력됩니다. 다크 테마에서도 #F5F5F5 색상을 유지하고 싶은 경우엔 {{{<bgcolor=#F5F5F5,#F5F5F5>}}}로 입력해야 합니다.
544
셀을 합치는 명령어 {{{<-2>}}}/{{{<|2>}}}같은 명령어가 입력된 셀의 것을 따라갑니다. 즉 입력한 숫자 값만큼 왼쪽/위의 셀의 것을 따라갑니다.
545
*셀 지정: {{{<bgcolor=#RRGGBB>}}}
546
*'''{{{#red 주의}}}''': 앞에 {{{bgcolor=}}}이 없는 {{{<#RRGGBB>}}}나 {{{<red>}}} 형식은 지원이 중단될 예정입니다.
547
*비표준 문법으로 셀 배경에 그라데이션을 적용할 수 있습니다. [[/심화#그라데이션|심화 문법]]의 응용 예시 참고.
548
*한 열 지정: {{{<colbgcolor=#RRGGBB>}}}
549
*색상을 지정한 셀부터 아래로만 적용됩니다. 빈 셀에는 색상이 적용되지 않습니다.
550
*'''{{{#red 주의}}}''': {{{<col bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
551
*'''{{{#red 주의}}}''': 다크 테마용 색상을 적용시킨 한 열 지정 문법과 셀 지정 문법이 충돌하게 되면, 셀 지정 문법에 다크 테마용 색상을 적용시키지 않는 이상 다크 테마에서는 셀 지정 문법의 색상 코드가 사라지는 버그가 있습니다.
552
예시: {{{<colbgcolor=#FFF,#000>}}}와 {{{<bgcolor=#F5F5F5>}}}가 충돌할 경우 라이트 테마에서는 #F5F5F5, 다크 테마에서는 #000 색상으로 출력됩니다. 다크 테마에서도 #F5F5F5 색상을 유지하고 싶은 경우엔 {{{<bgcolor=#F5F5F5,#F5F5F5>}}}로 입력해야 합니다.
553
*한 행 지정: {{{<rowbgcolor=#RRGGBB>}}}
554
*'''{{{#red 주의}}}''': {{{<row bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
555
*테이블 전체 지정: {{{<tablebgcolor=#RRGGBB>}}} 또는 {{{<table bgcolor=#RRGGBB>}}}
556
*글자색
557
*우선 순위: {{{color}}} > {{{colcolor}}} > {{{rowcolor}}} > {{{tablecolor}}}
558
*셀 지정: {{{<color=#RRGGBB>}}}
559
*한 열 지정: {{{<colcolor=#RRGGBB>}}}
560
*색상을 지정한 셀부터 아래로만 적용됩니다.
561
*'''{{{#red 주의}}}''': {{{<col color=#RRGGBB>}}}는 지원하지 않습니다.
562
*한 행 지정: {{{<rowcolor=#RRGGBB>}}}
563
*'''{{{#red 주의}}}''': {{{<row color=#RRGGBB>}}}는 지원하지 않습니다.
564
*테이블 전체 지정: {{{<tablecolor=#RRGGBB>}}} 또는 {{{<table color=#RRGGBB>}}}
565
*테두리색: {{{<tablebordercolor=#RRGGBB>}}} 또는 {{{<table bordercolor=#RRGGBB>}}}
566
테두리색 옵션을 줄 경우 테두리의 굵기가 기존 1px에서 2px로 변경되어 색을 더 잘 보이게 해줍니다. 그에 따라 셀 안쪽의 너비가 좁아지는데 [[웹 브라우저]]에 따라 구현이 다르므로 주의해야 합니다. 익스플로러, 파이어폭스의 경우 가장 좌측 셀의 너비가 1 줄어들고, 오페라의 경우 가장 우측 셀의 너비가 1 줄어듭니다. 정밀하게 셀 크기를 조정할 때 참고해야 합니다.
868567
869
* '''글자색'''
870
* 개별 셀 지정: {{{<color=#RRGGBB>}}}, {{{<color#RRGGBB>}}}
871
* 한 열 지정: {{{<colcolor=#RRGGBB>}}}
872
* 색상을 지정한 셀부터 아래로만 적용됩니다.
873
* '''{{{#red 주의}}}''': {{{<col color=#RRGGBB>}}}는 지원하지 않습니다.
874
* 한 행 지정: {{{<rowcolor=#RRGGBB>}}}
875
* '''{{{#red 주의}}}''': {{{<row color=#RRGGBB>}}}는 지원하지 않습니다.
876
* 테이블 전체 지정: {{{<tablecolor=#RRGGBB>}}} 또는 {{{<table color=#RRGGBB>}}}
877
* 우선 순위: {{{color}}} > {{{colcolor}}} > {{{rowcolor}}} > {{{tablecolor}}}
568
----
878569
879
* '''테두리색''': {{{<tablebordercolor=#RRGGBB>}}} 또는 {{{<table bordercolor=#RRGGBB>}}}
880
테두리색 옵션을 줄 경우 테두리의 굵기가 기존 1px에서 2px로 변경되어 색을 더 잘 보이게 해줍니다. 그에 따라 셀 안쪽의 너비가 좁아지는데 [[웹 브라우저]]에 따라 '''구현이 다르므로 주의해야 합니다.''' 익스플로러, 파이어폭스의 경우 가장 좌측 셀의 너비가 1 줄어들고, 오페라의 경우 가장 우측 셀의 너비가 1 줄어듭니다. 정밀하게 셀 크기를 조정할 때 참고해야 합니다.
570
*'''셀 텍스트 정렬'''
571
*가로 정렬
572
*{{{<(>}}} 또는 셀에서 ||(텍스트) ||: 텍스트 왼쪽 정렬 (기본)
573
*{{{<:>}}} 또는 셀에서 || (텍스트) ||: 텍스트 가운데 정렬
574
*{{{<)>}}} 또는 셀에서 || (텍스트)||: 텍스트 오른쪽 정렬
575
||{{{||<(>텍스트[br]왼쪽[br]정렬||}}} || {{{||<:>텍스트[br]가운데[br]정렬||}}} || {{{||<)>텍스트[br]오른쪽[br]정렬||}}}||
576
||{{{||텍스트[br]왼쪽[br]정렬 ||}}} || {{{|| 텍스트[br]가운데[br]정렬 ||}}} || {{{|| 텍스트[br]오른쪽[br]정렬||}}}||
577
||<(>텍스트[br]왼쪽[br]정렬||<:>텍스트[br]가운데[br]정렬||<)>텍스트[br]오른쪽[br]정렬||
578
579
*'''세로 정렬'''
580
*{{{<^|숫자>}}}: 텍스트 수직 위 정렬
581
*{{{<|숫자>}}}: 텍스트 수직 가운데 정렬 (기본)
582
*{{{<v|숫자>}}}: 텍스트 수직 아래 정렬
583
584
텍스트의 수직 정렬을 세로로 합쳐진 셀 이외에 적용하려면 숫자에 '1'을 넣으면 됩니다.
585
||{{{||<^|1> 수직 위 정렬 ||}}}||{{{||<|1> 수직 가운데 정렬 ||}}}||{{{||<v|1> 수직 아래 정렬 ||}}}||
586
||<height=50><^|1> 수직 위 정렬 ||<|1> 수직 가운데 정렬 ||<v|1> 수직 아래 정렬 ||
881587
882
=== 기타 문법 ===
883
* '''셀의 기본 여백 제거''': {{{<nopad>}}}[anchor(nopad)]
884
상하 5px, 좌우 10px인 셀의 기본 여백을 제거할 수 있습니다. 단, 옛 스킨인 [[senkawa]]에서는 '''지원하지 않습니다.'''[* senkawa 환경에서 nopad 문법을 적용할 시 '''문법 미적용 상태'''(여백 있음)와 같으며 여백을 제거하기 위해서는 기존 문법인 위키 스타일을 적용해야만 합니다.]
885
{{{#!wiki style="word-break: normal;"
886
||<tablebgcolor=#fff,#2d2f34><tablebordercolor=gray><colbgcolor=#00a495><colcolor=#fff> 입력 ||{{{#!wiki style="font-family: monospace;"
887
\||<tablebordercolor={{{#Orange Orange}}}><tablebgcolor={{{#SeaGreen SeaGreen}}}>\[[파일:나무위키:로고1.png|width=100%]]\||}}}||{{{#!wiki style="font-family: monospace;"
888
\||<tablebordercolor={{{#Orange Orange}}}><tablebgcolor={{{#SeaGreen SeaGreen}}}>'''<nopad>'''\[[파일:나무위키:로고1.png|width=100%]]\||}}}||
889
|| 출력 ||{{{#!wiki style="max-width: 300px; margin: auto;"
890
||<tablebordercolor=Orange><tablebgcolor=SeaGreen>[[파일:나무위키:로고1.png|width=100%]]||}}}
891
||{{{#!wiki style="max-width: 300px; margin: auto;"
892
||<tablebordercolor=Orange><tablebgcolor=SeaGreen><nopad>[[파일:나무위키:로고1.png|width=100%]]||}}}
893
||}}}
894
[각주]
895
896588
== 접기 ==
897
*'''관련 심화 문법''': [[나무위키:문법 도움말/심화#접기|접기 심화 문법]] (틀 안의 틀, 접기 내부 여백 제거)
589
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#접기|접기 심화 문법]] (틀 안의 틀, 접기 내부 여백 제거)
898590
899
주로 내용이 매우 많은 표나 틀을 첨부할 때 문서의 간결함을 위하여 사용하거나, 규정상 링크 처리 혹은 접기 처리해야 삽입할 수 있는 사진을 첨부할 때 사진 열람을 원하지 않는 사람을 배려하기 위하여 사용합니다.
591
주로 내용이 매우 많은 표나 틀을 첨부할 때 문서의 간결함을 위하여 사용하거나 불쾌감/혐오감을 줄 수 있는 사진을 첨부할 때 사진 열람을 원하지 않는 사람을 배려하기 위하여 사용합니다.
900592
901593
기본적으로는 접힌 상태로 있으며 텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
902
||<tablebgcolor=#fff,#2d2f34><tablewidth=550><colcolor=#fff><colbgcolor=#00a495> 예시 ||{{{{{{#!folding [ 펼치기 · 접기 ]
903
내용
904
'''내용'''
905
__내용__}}}}}}||
906
|| 결과 ||{{{#!folding [ 펼치기 · 접기 ]
907
내용
908
'''내용'''
909
__내용__}}}||
910
'''{{{#red 주의}}}''': 접힘/펼침을 안내하는 문구는 볼드체가 적용된 일반 글꼴로 고정됩니다. 위키문법을 적용시켜 텍스트 형태를 다른 형태로 바꿀 수 없습니다.
911
접기 안내 문구를 작성하지 않은 경우 'More'로 표시됩니다.
912
||<tablebgcolor=#fff,#2d2f34><colcolor=#fff><colbgcolor=#00a495> 잘못된 예시 ||{{{{{{#!folding '''[ 펼치기 · 접기 ]'''
913
접기 안내 문구에는 위키문법 적용 불가}}}}}}||{{{{{{#!folding {{{#red [ 펼치기 · 접기 ]}}}
914
접기 안내 문구에는 위키문법 적용 불가}}}}}}||
915
|| 결과 ||{{{#!folding '''[ 펼치기 · 접기 ]'''
916
접기 안내 문구에는 위키문법 적용 불가}}}||{{{#!folding {{{#red [ 펼치기 · 접기 ]}}}
917
접기 안내 문구에는 위키문법 적용 불가}}}||
918
'''{{{#00a495 참고}}}''': 문단의 내용을 통째로 접고자 할 때는 이 기능보다는 문단 접기 문법을 사용하는 것이 좋습니다. [[#s-7|해당 설명]]을 참고해주세요.
919594
595
참고로 문단의 내용을 통째로 접고자 할 때는 이 기능보다는 문단 접기 문법을 사용하는 것이 좋습니다. [[#s-7|해당 설명]] 참조해주세요.
596
597
|| 문법 ||'''{{{#red 주의}}}''': 접기 링크 텍스트에는 위키문법이 적용되지 않습니다.
598
{{{{{{#!folding 【''접기'' 링크 텍스트 】
599
【내용 1】
600
【'''내용 2'''】}}}}}}||
601
|| 결과 ||{{{#!folding 【''접기'' 링크 텍스트】
602
【내용 1】
603
【'''내용 2'''】}}} ||
604
605
920606
== 분류 ==
921
문서를 분류에 넣으려면 문서의 최상단 또는 최하단에 {{{[[분류:(분류명)]]}}}을 입력하면 됩니다.[* 만약 찾고자 하는 분류가 없다면, 분류를 만들 수도 있습니다.] [[:분류:분류]]에서 적당한 분류를 찾아 문서의 최상단 또는 최하단에 입력하면 됩니다. 중간에 입력하더라도 정상적으로 뜹니다.[* 그렇지만 가시성이나 편집의 용이함을 위해 맨 아래에 넣는 것을 권장드립니다.] 입력하면 문서의 최상단 또는 {{{-3 (설정에 따라)}}} 최하단과 두 곳 모두에 아래와 같이 표시됩니다.
607
문서를 분류에 넣으려면 문서의 최상단 또는 최하단에 {{{[[분류:분류]]}}}를 입력하면 됩니다. [[:분류:분류]]에서 적당한 분류를 찾아 문서의 최상단 또는 최하단에 입력하면 됩니다. 그러나 중간에 입력하더라도 정상적으로 뜹니다. 입력하면 문서의 최상단 또는 최하단[* senkawa 스킨을 사용한다면 스킨 설정을 통해 최하단에 표시할 수 있습니다.]에 아래와 같이 표시됩니다.
922608
923
{{{#!wiki style="border: 1px solid #ccc; border-radius: 4px; padding: 3px 3px 3px 5px;"
609
{{{#!wiki style="border: 1px solid #CCCCCC;border-radius:4px;padding:3px;padding-left:5px;"
924610
분류: [[:분류:분류|분류]]}}}
925
설정 페이지에서 분류 바의 표시 위치를 최상단이나 최하단으로 바꿀 수 있습니다.
926611
927
'분류:(분류명)'으로 새 문서를 만들면 새로운 분류가 생성됩니다. 상위 분류에 추가하고 싶다면 문서와 동일하게 {{{[[분류:(상위 분류명)]]}}}을 입력하면 됩니다.
612
참고로, 사용자 페이지의 '스킨 설정'에서 분류 바의 표시 위치를 최상단이나 최하단으로 바꿀 수 있습니다.
928613
929
단, 분류를 하는 것이 아닌 분류 문서를 링크하는 경우에는 앞에 {{{:}}} 또는 띄어쓰기를 삽입하여야 합니다. {{{[[:분류:분류]]}}} 또는 {{{[[ 분류:분류]]}}}와 같이 입력하면 [[:분류:분류]]처럼 처리됩니다.
930
----
931
분류 뒤에 {{{[[분류:(분류명)|(출력명)]]}}}과 같이 출력명을 [[\|]] 뒤에 입력하면 해당 '분류 문서' 내에서 출력되는 문서명을 출력명으로 바꾸어 색인에 영향을 줄 수 있습니다. 분류된 문서 내에서 변하는 것은 없습니다.
614
{{{[[분류:(분류명)]]}}}으로 새 문서를 만들면 새로운 분류가 생성됩니다. 상위 분류에 추가하고 싶다면 문서와 동일하게 {{{[[분류:(상위 분류명)]]}}}을 입력하면 됩니다.
932615
933
일반적인 [[#하이퍼링크|문서 링크]]의 출력명처럼 PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 이동하게 될 문서명을 미리 확인할 수 있습니다. 일부 브라우저에서는 지원이 안 될 수 있습니다.
616
단, 분류를 하는 것이 아닌 분류 문서를 링크하는 경우에는 앞에 : 또는 빈칸을 삽입하여야 합니다. {{{[[:분류:분류]]}}} 또는 {{{[[ 분류:분류]]}}}와 같이 입력하면 [[:분류:분류]]처럼 처리됩니다.
617
934618
----
935
내용 누설이나 [[스포일러]]성을 띠는 분류는 편집 시 분류 문법 뒤에 {{{#blur}}}를 붙이면 바로 노출되는 것을 막을 수 있습니다. 예를 들어, [[:분류:나무위키]]의 경우 {{{[[분류:나무위키#blur]]}}}와 같이 입력하면, 문서 내의 '분류 바'에 해당 분류에만 블러(흐리게) 효과가 적용됩니다.
936619
937
{{{#!wiki style="border: 1px solid #ccc; border-radius: 4px; padding: 3px 3px 3px 5px;"
938
분류: [[:분류:분류|분류]] | [[:분류:나무위키|{{{#!wiki style="display: inline; text-shadow: 0 0 6px #0275d8; color: transparent;"
939
나무위키}}}]]}}}
940
적용 시에 위와 같이 출력됩니다. 블러 효과가 적용된 분류에 컴퓨터의 경우 마우스 커서를 가져다 대거나 모바일의 경우 손으로 터치하면 블러 효과 없이 나타납니다.[* 그냥 터치만 하면 분류 문서로 이동하므로 분류명을 보고 싶으나 분류 문서로 이동하고 싶지 않다면 꾹 누르면 됩니다.]
620
내용 누설이나 [[스포일러]]성을 띠는 분류는 편집 시 분류 문법 뒤에 {{{#blur}}}를 붙이면 바로 노출되는 것을 막을 수 있습니다. 예를 들어, {{{[[분류:ABCD]]}}}의 경우 {{{[[분류:ABCD#blur]]}}}와 같이 입력하고 문서를 저장하면, 문서 내의 '분류 바'에 해당 분류에만 블러(흐리게) 효과가 적용됩니다.
941621
942
[[나무위키:편집지침/특수 문서#s-5.2|규정]]에 따라 사용자 문서에는 분류를 넣을 수 없습니다.
943
[각주]
622
{{{#!wiki style="border: 1px solid #CCCCCC;border-radius:4px;padding:3px;padding-left:5px;"
623
분류: [[:분류:분류|분류]] | [[파일:6235495.jpg]]}}}
944624
945
== 문법 무효화 ==
946
* '''관련 심화 문법''': [[나무위키:문법 도움말/심화#마크업 미적용 텍스트|마크업 미적용 텍스트]]
625
적용 시에 위와 같이 출력됩니다. 블러 효과가 적용된 분류에 마우스 커서를 가져다 대거나[*컴퓨터 컴퓨터의 경우] 손으로 터치하면[*스마트폰 스마트폰의 경우] 블러 효과 없이 나타납니다.
947626
948
문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 {{{\}}}[* 원화 기호이자 백슬래시 기호로, 입력 시스템 상에서 동일하게 취급됩니다. 이 기호에 대한 내용은 [[\\|해당 문서]] 참고.]를 입력해 주시면 됩니다.
949
||<tablebgcolor=#fff,#2d2f34><table align=center><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
950
|| {{{\\}}} || \\ ||
951
|| {{{\[[나무위키:편집 도움말]]}}} || \[[나무위키:편집 도움말]] ||
952
|| {{{\--취소선 무효--}}} || \--취소선 무효-- ||
953
|| {{{\|| 표 문법 무효 \||}}} || \|| 표 문법 무효 \|| ||
954
|| {{{\== 문단 문법 무효 ==}}} || \== 문단 문법 무효 == ||
955
|| {{{\{{{#red 색상 무효}}}}}} || \{{{#red 색상 무효}}} ||
956
|| {{{\[include(틀:상위 문서)]}}} || \[include(틀:상위 문서)] ||
957627
[각주]
958
959
== 편집 창에서만 노출 ==
960
* 주석
961
줄 맨 앞에 '##'를 붙이면 [[주석]]으로 작동합니다. 편집기 내에서는 보이지만, 읽기 모드에서는 보이지 않습니다.
962
||<tablebgcolor=#fff,#2d2f34><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{## 🔶🔶🔶
963
## 이 내용은 읽기 모드에서 보이지 않습니다.
964
## 🔶🔶🔶}}} ||
965
|| 결과 ||이 문단의 '편집' 버튼을 눌러 결과를 확인해 보세요. ||
966
## 🔶🔶🔶
967
## 이 내용은 읽기 모드에서 보이지 않습니다.
968
## 🔶🔶🔶
969
970
* 편집 창 상단 노출
971
줄 맨 앞에 '##@'를 입력하면 그 줄에 있는 모든 내용이 읽기 모드에서는 출력되지 않고 편집 창에서 편집기 상단, 문서명 하단에 출력됩니다.
972
일반 텍스트부터 한 줄 표, include 문법으로 삽입된 틀, 그리고 이미지까지 한 줄 문법으로 사용할 수 있는 모든 것을 편집 창 상단에 노출시킬 수 있습니다.
973
||<tablebgcolor=#fff,#2d2f34><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.([[나무위키:문법 도움말#s-17|17번 문단]] 참고)}}} ||
974
|| 결과 ||PC라면 단축키 'e'를, 또는 '편집' 버튼을 눌러 결과를 확인해 보세요. ||
975
##@ 편집 창에서만 노출 기능 예시입니다.([[나무위키:문법 도움말#s-17|17번 문단]] 참고)
976
977
== 기본 헥스 코드 ==
978
||<-3><tablebordercolor=#000,#333><tablealign=center><tablebgcolor=#fff,#1c1d1f><rowbgcolor=#000><rowcolor=#fff><width=280> '''분류''' ||<-2> [[나무위키:테마|{{{#fff '''라이트 테마'''}}}]] ||<-2> [[나무위키:테마|{{{#fff '''다크 테마'''}}}]] ||
979
||<-3><|2><colbgcolor=#f5f5f5,#2d2f34> 페이지 배경 ||<|2><width=30><bgcolor=#fff>||<|2><width=125> {{{#fff｜white}}} ||<width=30><bgcolor=#1c1d1f>||<width=125> {{{#1c1d1f}}}[* [[위키/스킨|기본 스킨]] espejo의 배경색으로, 2024년 1월 26일 이전의 기본 스킨이었던 senkawa는 배경색으로 #1f2023를 사용했었다.] ||
980
||<bgcolor=#000000> || {{{#000000}}}[* [[:파일:nogray.svg|다크는 회색이 아니라 검정입니다!]]를 켰을 때의 배경색] ||
981
||<-3> 텍스트 (문서명·문단명·본문)[*B 기재된 색상은 기본값을 의미하며, [[#텍스트 색상|색상 문법]]을 이용해 편집자가 원하는 색상으로 변경 가능.] ||<bgcolor=#212529>|| {{{#212529}}} ||<bgcolor=#e0e0e0>|| {{{#e0e0e0}}} ||
982
||||<|2> 표[*B] ||<colbgcolor=#f5f5f5,#2d2f34> 배경 ||<bgcolor=#f5f5f5>|| {{{#f5f5f5}}} ||<bgcolor=#2d2f34>|| {{{#2d2f34}}} ||
983
||<colbgcolor=#f5f5f5,#2d2f34> 테두리 ||<bgcolor=#ddd>|| {{{#ddd}}} ||<bgcolor=#383b40>|| {{{#383b40}}} ||
984
||<|3> 하이퍼링크[br]각주[*B][* 각주는 색을 바꿀 수 없다.] ||<|2> 존재하는 문서 || 일반 ||<bgcolor=#0275d8>|| {{{#0275d8}}} ||<bgcolor=#ec9f19>|| {{{#ec9f19}}} ||
985
|| 호버 ||<bgcolor=#0263b8>|| {{{#0263b8}}} ||<bgcolor=#bd7f14>|| {{{#bd7f14}}} ||
986
|||| 존재하지 않는 문서 ||<bgcolor=#f00>|| {{{#f00｜red}}} ||<bgcolor=#dc4343>|| {{{#dc4343}}} ||
987
||<|3> 외부 링크 |||| 바깥 고리 기호 ||<bgcolor=#008000>||<-3> {{{#008000｜green}}} ||
988
||<|2> 텍스트 || 일반 ||<|2><bgcolor=#090>||<|2><-3> {{{#090}}} ||
989
|| 호버 ||
990
||<-3> 취소선 ||<bgcolor=#808080>||<-3> {{{#808080｜gray｜grey}}} ||
991
||||<|2> 문단 || 접힘 여부[br]표시 기호 (V표) ||<bgcolor=#666>||<-3> {{{#666}}} ||
992
|| 수평줄 ||<bgcolor=#ccc>|| {{{#ccc}}} ||<bgcolor=#383b40>|| {{{#383b40}}} ||
993
||||<|2> 리다이렉트 시 알림 || 배경 ||<bgcolor=#d9edf7>|| {{{#d9edf7}}} ||<bgcolor=#2d2f34> || {{{#2d2f34}}} ||
994
|| 텍스트 ||<bgcolor=#0287e0>|| {{{#0287e0}}} ||<bgcolor=#ec912a> || {{{#ec912a}}} ||
995
|||| 네임스페이스[* 이 문서 제목의 '나무위키:' 같은 것을 의미합니다. 일반 문서의 네임스페이스는 '문서:'이나, 디폴트 네임스페이스이므로 문서 제목에 출력되지 않습니다.] || 배경[* espejo의 배경색으로, 2024년 1월 26일 이전의 기본 스킨이었던 senkawa는 글자색(#545454,#c7c7c7)으로 처리 했었다.] ||<bgcolor=#d4f0e3>|| {{{#d4f0e3}}} ||<bgcolor=#545c5b> || {{{#d4f0e3}}}[* 투명도 30%] ||
996
||<-3> 위험 버튼[* 문서 삭제 버튼, API Token 발급 버튼 등] ||<bgcolor=#d9534f>||<-3> {{{#d9534f}}} ||
997
||||<|3> 문서 기여 시[br]글자수 변화 알림 || 감소 ||<bgcolor=#f00>||<-3> {{{#f00｜red}}} ||
998
|| 무변화 ||<bgcolor=#808080>||<-3> {{{#808080｜gray｜grey}}} ||
999
|| 증가 ||<bgcolor=#008000>||<-3> {{{#008000｜green}}} ||
1000
||<|6> 문서 역사 비교 ||<|2> 배경 || 삭제 ||<bgcolor=#fdd>|| {{{#fdd}}} ||<bgcolor=#943838>|| {{{#943838}}} ||
1001
|| 삽입 ||<bgcolor=#cfc>|| {{{#cfc}}} ||<bgcolor=#3b5a3b>|| {{{#3b5a3b}}} ||
1002
||<|2> 수정 배경 || 삭제 ||<bgcolor=#fff>|| {{{#fff｜white}}} ||<bgcolor=#d05d5d>|| {{{#d05d5d}}} ||
1003
|| 삽입 ||<bgcolor=#50ff50>|| {{{#50ff50}}} ||<bgcolor=#1c751c>|| {{{#1c751c}}} ||
1004
||<|2> 수정 텍스트 || 삭제 ||<bgcolor=#999>|| {{{#999}}} ||<bgcolor=#ddd>|| {{{#ddd}}} ||
1005
|| 삽입 ||<bgcolor=#212529>|| {{{#212529}}} ||<bgcolor=#e0e0e0>|| {{{#e0e0e0}}} ||
1006
||||<|5> 토론 댓글 || 발제자 ||<bgcolor=#b0d3ad>|| {{{#b0d3ad}}} ||<bgcolor=#324432>|| {{{#324432}}} ||
1007
|| 참가자 ||<bgcolor=#d5d5d5>|| {{{#d5d5d5}}} ||<bgcolor=#2d2f34>|| {{{#2d2f34}}} ||
1008
|| 배경 ||<bgcolor=#f4f4f4>|| {{{#f4f4f4}}} ||<bgcolor=#27292d>|| {{{#27292d}}} ||
1009
|| 테두리
1010
경계선 ||<bgcolor=#808080>|| {{{#808080｜gray｜grey}}} ||<bgcolor=#383b40>|| {{{#383b40}}} ||
1011
|| 상태 변경 ||<bgcolor=#fc6>|| {{{#fc6}}} ||<bgcolor=#54411a>|| {{{#54411a}}} ||
1012
||||<|2> 닫힌 토론 댓글 달기 || 배경 ||<bgcolor=#eceeef>|| {{{#eceeef}}} ||<bgcolor=#27292d>|| {{{#27292d}}} ||
1013
|| 텍스트 ||<bgcolor=#55595c>|| {{{#55595c}}} ||<bgcolor=#ddd>|| {{{#ddd}}} ||
1014
||||<|2> 내비게이션 바 || 배경 ||<bgcolor=#008275>|| {{{#008275}}} ||<bgcolor=#1c1d1f>|| {{{#2d2f34}}} ||
1015
|| 텍스트 ||<bgcolor=#fff>||<-3> {{{#fff｜ffffff｜white}}} ||
1016
||||<|2> 특수 권한 알림[*C 사칭을 방지하기 위해 사용자 문서 본문에 포함되지 않으며, 색이 변하는 것을 이용해 가짜 틀과 구분할 수 있다.] || 논 호버 ||<bgcolor=#ffa500>||<-3> {{{#ffa500｜orange}}} ||
1017
|| 호버[*D PC에서는 마우스를 틀 내에 위치시킴, 모바일에서는 틀을 터치] ||<bgcolor=#f00>||<-3> {{{#f00｜red}}} ||
1018
||||<|2> 차단 알림[*C] || 논 호버 ||<bgcolor=#f00>||<-3> {{{#f00｜red}}} ||
1019
|| 호버[*D] ||<bgcolor=#00f>||<-3> {{{#00f｜blue}}} ||
1020
||<-3> 서버 점검 알림
1021
상단 알림바 배경 ||<bgcolor=#f0ef75>||<-3> {{{#f0ef75}}} ||
628
== 문법 무효화 ==
629
문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 \\를 입력해 주시면 됩니다.
630
표에 나와있지 않은 문법들은 {{{{{{}}}}}} 문법을 이용해 무효화 할 수 있습니다.
631
||<table align=center><rowbgcolor=#abcdef><rowcolor=#fff> 입력 || 출력 ||
632
|| {{{\\}}} || \\ ||
633
|| {{{[[Fate/Grand Order/서번트/랜서/블라드 3세[EXTRA\]]]}}} || [[Fate/Grand Order/서번트/랜서/블라드 3세[EXTRA\]]] ||
634
|| {{{-\-취소선 무효--}}} || \--취소선 무효-- ||
635
|| {{{|\|표 문법|\|무효|\|}}} || |\|표 문법|\|무효|\| ||
636
|| {{{=\= 문단 문법 무효 ==}}} || =\= 문단 문법 무효 == ||
637
|| {{{{{\{#red 색상무효}}\}}}} || {{\{#red 색상무효}}\} ||
638
----
639
'''{{{#red 주의}}}''': {{{/}}}로 시작하는 문서로 링크를 걸면 \\를 붙여도 하위 문서로 되며 정상 작동하지 않으므로 이 경우 리다이렉트를 이용해 주십시오.
640
[include(틀:문서 가져옴/나무위키, title=나무위키:문법 도움말, version=145)]