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

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

r311 vs r312
......
33
[include(틀:알파위키 도움말)]
44
[목차]
55
== 개요 ==
6
[[알파위키]]에서 사용되는 나무마크 문법을 설명하는 문서입니다.
7
[[나무위키]], [[더시드위키]]에서도 나무마크 문법을 사용하므로 편집 방법이 같습니다.
6
알파위키의 문법 도움말입니다. 기본적인 수준의 위키 문법들을 정리했으며, [[알파위키:문법 도움말/심화]] 문서에서 고급 문법을 확인하실 수 있습니다.
87
9
== 텍스트 서식 ==
10
||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
11
||<:>굵은 글꼴||<:>{{{'''The quick brown fox jumps over the lazy dog.'''}}}||<:>'''The quick brown fox jumps over the lazy dog.'''||
12
||<:>기울임꼴||<:>{{{''The quick brown fox jumps over the lazy dog.''}}}||<:>''The quick brown fox jumps over the lazy dog.''||
13
||<:>밑줄||<:>{{{__The quick brown fox jumps over the lazy dog.__}}}||<:>__The quick brown fox jumps over the lazy dog.__||
14
||<:><|2>취소선||<:>{{{~~The quick brown fox jumps over the lazy dog.~~}}}||<:>~~The quick brown fox jumps over the lazy dog.~~||
15
||<:>{{{--The quick brown fox jumps over the lazy dog--}}}||<:>--The quick brown fox jumps over the lazy dog--||
16
||<:>색상(색상 이름)||<:>{{{{{{#red The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#red The quick brown fox jumps over the lazy dog.}}}||
17
||<:>색상(HTML 색상 코드)||<:>{{{{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}||
18
||<:>텍스트 크기 크게[*제약 5단계까지만 적용 가능]||<:>{{{{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}}}}||<:>{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}||
19
||<:>텍스트 크기 작게[*제약]||<:>{{{{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}}}}||<:>{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}||
20
||<:>위첨자||<:>{{{4^^4^^}}}||<:>4^^4^^||
21
||<:>아래첨자||<:>{{{CaCO,,3,,}}}||<:>CaCO,,3,,||
22
||<:>Plain text[* 중괄호 3개 사이에 작성되어 Plain text로 처리된 부분에는 문법이 적용되지 않습니다.][* 자세한 내용은 [[#문법무시|이 문단]]을 참고하세요.]||<:>{{{{{{[[알파위키]]}}}}}}||<:>{{{[[알파위키]]}}}||
23
[각주]
8
== 텍스트 ==
9
*'''관련 심화 문법'''
10
*[[알파위키:문법 도움말/심화#텍스트|텍스트 심화 문법]] (텍스트 정렬, 자간 조절, 배경 그라데이션, 줄바꿈 기준 설정, 마크업 언어가 적용되지 않는 텍스트)
11
*[[알파위키:문법 도움말/심화/HTML#텍스트|HTML 문법]] (텍스트 배경 색상, 텍스트 그림자·네온·외곽선 효과)
2412
25
== 문단 ==
26
||<:>'''구분'''||<:>'''기본적으로 펼침'''||<:>'''기본적으로 접힘'''||
27
||<:>1단계 문단||<:>{{{= 문단 제목 =}}}||<:>{{{=# 문단 제목 #=}}}||
28
||<:>2단계 문단||<:>{{{== 문단 제목 ==}}}||<:>{{{==# 문단 제목 #==}}}||
29
||<:>3단계 문단||<:>{{{=== 문단 제목 ===}}}||<:>{{{===# 문단 제목 #===}}}||
30
||<:>4단계 문단||<:>{{{==== 문단 제목 ====}}}||<:>{{{====# 문단 제목 #====}}}||
31
||<:>5단계 문단||<:>{{{===== 문단 제목 =====}}}||<:>{{{=====# 문단 제목 #=====}}}||
32
||<:>6단계 문단||<:>{{{====== 문단 제목 ======}}}||<:>{{{======# 문단 제목 #======}}}||
13
서식이 적용된 텍스트의 개행은 줄바꿈(엔터 키)이 아닌 {{{[br]}}} 매크로를 사용해야 합니다.
3314
34
문단은 한 단계씩 내려가야 합니다. 예를 들어, 2단계 밑에 바로 5단계를 붙일 수는 없습니다. [[https://awiki.theseed.io/w/%EC%95%8C%ED%8C%8C%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=330|그렇게 하다가는 목차가 이렇게 나옵니다.]]
15
=== 텍스트 형태 ===
16
{{{#red '''텍'''}}}{{{#blue ''스''}}} ~~트~~''' ''를'' ''' __다__^^양^^,,하,,^^,,게,,^^ {{{+1 꾸}}}{{{+2 며}}} {{{+3 보}}}{{{+4 실}}} {{{+5 수}}} {{{-1 있}}}{{{-2 습}}}{{{-3 니}}}{{{-4 다}}}{{{-5 .}}}
17
{{{#!wiki style="word-break: keep-all"
18
||<rowbgcolor=#00a495><rowcolor=#fff><width=30%> 입력 ||<width=25%> 출력 ||<width=45%> 비고 ||
19
|| {{{'''굵게'''}}} || '''굵게 ''' ||작은따옴표(')를 세 번 입력한 상태입니다.||
20
|| {{{''기울임''}}} || ''기울임'' ||작은따옴표(')를 두 번 입력한 상태입니다.||
21
|| {{{''' ''굵게 기울임'' '''}}} || ''' ''굵게 기울임'' ''' ||작은따옴표(')를 각각 3번(굵게)과 2번(기울임) 입력한 상태입니다.||
22
|| {{{__밑줄__}}} || __밑줄__ ||언더바(_)를 두 번 입력한 상태입니다.||
23
|| {{{~~취소선 1~~}}} ||<|2> ~~취소선~~ ||<|2>둘 중 어느 취소선 문법을 사용하든 출력에 차이가 없습니다. ||
24
|| {{{--취소선 2--}}} ||
25
|| 기준글자{{{^^위첨자^^}}} || 기준글자^^위첨자^^ ||<|2>텍스트 크기는 -2입니다.||
26
|| 기준글자{{{,,아래첨자,,}}} || 기준글자,,아래첨자,, ||
27
|| 기준글자{{{^^,,중간첨자 1,,^^}}} ||<|2> 기준글자^^,,중간첨자,,^^ ||<|2>윗첨자와 아래첨자를 혼용한 상태입니다.[br]텍스트 크기는 -3입니다.||
28
|| 기준글자{{{,,^^중간첨자 2^^,,}}} ||
29
|| {{{{{{[[리터럴]]}}}}}} || {{{[[리터럴]]}}} ||<|2>위키 문법이 적용되지 않고 입력한 그대로가 출력됩니다. 문법 안내 등에 사용합니다.||
30
}}}
31
=== 텍스트 크기 ===
32
텍스트의 크기를 1부터 5까지의 자연수를 입력하여 조절할 수 있습니다.
33
||<rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 || 입력 || 출력 ||
34
|| {{{기본}}} || 기본 || {{{기본}}} || 기본 ||
35
|| {{{{{{+1 텍스트}}}}}} || {{{+1 +1단계}}} || {{{{{{-1 텍스트}}}}}} || {{{-1 -1단계}}} ||
36
|| {{{{{{+2 텍스트}}}}}} || {{{+2 +2단계}}} || {{{{{{-2 텍스트}}}}}} || {{{-2 -2단계}}} ||
37
|| {{{{{{+3 텍스트}}}}}} || {{{+3 +3단계}}} || {{{{{{-3 텍스트}}}}}} || {{{-3 -3단계}}} ||
38
|| {{{{{{+4 텍스트}}}}}} || {{{+4 +4단계}}} || {{{{{{-4 텍스트}}}}}} || {{{-4 -4단계}}} ||
39
|| {{{{{{+5 텍스트}}}}}} || {{{+5 +5단계}}} || {{{{{{-5 텍스트}}}}}} || {{{-5 -5단계}}} ||
3540
36
== 링크 ==
37
=== 문서 링크 ===
38
||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
39
||<:>문서명=출력||<:>{{{[[알파위키]]}}}||<:>[[알파위키]]||
40
||<:>문서명=출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4]]}}}||<:>[[알파위키#s-4]]||
41
||<:>문서명≠출력||<:>{{{[[알파위키|바로 이 위키]]}}}||<:>[[알파위키|바로 이 위키]]||
42
||<:>문서명≠출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4|나무위키와의 관계]]}}}||<:>[[알파위키#s-4|나무위키와의 관계]]||
43
44
||<:>'''구분'''||<:>'''사용 방법'''||
45
||<:>상위 문서로 링크||<:>{{{[[../]]}}}||
46
||<:>하위 문서로 링크||<:>{{{[[/하위 문서명]]}}}||
47
48
같은 문서로 바로 링크하면 ([[알파위키:문법 도움말|예시]]) 링크가 '''굵게''' 나타납니다.
49
50
다만, 문서 내의 다른 부분(예: 앵커 좌표)등으로 링크하면 '''굵게''' 나타나지 않습니다.([[알파위키:문법 도움말#s-1|예시]])
51
52
=== URL 링크 ===
53
||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
54
||<:>URL=출력||<:>{{{[[https://awiki.theseed.io/]]}}}||<:>[[https://awiki.theseed.io/]]||
55
||<:>URL≠출력||<:>{{{[[https://awiki.theseed.io/|알파위키]]}}}||<:>[[https://awiki.theseed.io/|알파위키]]||
56
57
== [[리다이렉트]] 생성 ==
58
리다이렉트는 한 문서를 들어갈 때 다른 문서로 이동시켜주는 기능입니다. 리다이렉트를 생성하는 법은 다음과 같습니다.
59
60
{{{ #redirect 문서 제목}}} 또는 {{{#넘겨주기 문서 제목}}}으로 리다이렉트를 생성할 수 있습니다.
61
----
62
{{{#redirect 문서 제목#s-문단 번호}}}로 문서의 특정 문단으로 넘겨줄 수 있습니다.
63
64
== 앵커좌표 ==
65
목표 문서에 {{{[anchor(앵커이름)]}}}을 삽입한 후 링크, 리다이렉트 문서에 {{{#s-n}}} 대신 {{{#앵커이름}}}을 사용할 수 있습니다. 예를 들어, [[알파위키]] 문서의 특정 지점에 {{{[anchor(우왕)]}}}을 삽입하였을 때, {{{[[알파위키#우왕]]}}}으로 링크를 걸거나 {{{#redirect 알파위키#우왕}}}으로 삽입하여 "우왕"이라는 앵커좌표를 삽입한 지점으로 넘어가도록 할 수 있습니다.
66
67
== 글상자 ==
68
'''모니위키식 글상자는 지원이 중단되었습니다.''' 하지만, --우리의 친구-- CSS를 이용하면 흉내낼 수 있습니다.
69
{{{
70
{{{#!wiki style="border:1px solid black;display:table;padding:3px;"
71
내용
41
=== [anchor(textcolor)]텍스트 색상 ===
42
{{{#!wiki style="word-break: keep-all"
43
텍스트의 색상을 [[헥스 코드]][* # 뒤에 붙는 여섯자리 숫자로 색상을 나타낸 것. 숫자는 두 자리씩 끊어서 각각 'Red', 'Green', 'Blue'의 강도를 256(=16^^2^^)단계에 걸쳐 나타낸 것이며, 16진수로 표현되어 00(=0,,10,,)일 때 가장 어둡고 FF(=255,,10,,)일 때 가장 밝습니다. 중간값은 80(=128,,10,,)입니다.]나 [[헥스 코드#s-5.1|CSS 색상명]][* # 뒤에 이미 정의된 색상명을 그대로 입력하는 방식을 말합니다. 해당 링크 참조.]을 입력하여 조절할 수 있습니다. 색상코드표는 [[헥스 코드]] 문서 또는 [[https://html-color-codes.info/Korean|이 사이트]]를 참고하세요.
44
||<rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
45
||<|7> 기본 예시 || {{{{{{#ff0000 텍스트}}}}}} ||<|3> {{{#ff0000 텍스트}}} ||<|7>헥스 코드와 CSS 색상명 모두 대소문자 구별없이 입력 가능합니다.[br][br]예시와 같이 일부 색상의 경우 세 자리만 입력하는 축약형 헥스코드[* 'Red', 'Green', 'Blue'의 강도를 256단계 대신 16단계로만 표현한 방식입니다. 0일때 가장 어둡고 F(=15,,10,,)일 때 가장 밝습니다.]를 사용할 수도 있습니다.[br][br]투명도 요소가 추가된 #transparent, #RRGGBBAA 색상은 지원하지 않습니다.||
46
|| {{{{{{#f00 텍스트}}}}}} ||
47
|| {{{{{{#red 텍스트}}}}}} ||
48
|| {{{{{{#800080 text}}}}}} ||<|3> {{{#808 text}}} ||
49
|| {{{{{{#808 text}}}}}} ||
50
|| {{{{{{#purple text}}}}}} ||
51
|| {{{{{{#abcdef 알파위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#abcdef 알파위키색}}} ||
52
||<|2> [[다크 테마]]용 색상 별도 지정 || {{{{{{#888,#ff0 다크테스트}}}}}} ||<|2> {{{#888,#ff0 다크테스트}}} ||<|2> 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다. 확인을 위해 다크 테마와 라이트 테마를 전환해보세요.[br][br]두 색상코드 끼리는 쉼표를 사이에 두고 붙여써야만 합니다. 쉼표 뒤에 공백을 넣을 경우 정상 출력이 되지 않습니다.[br][br]색상 문법이 적용되지 않은 일반 텍스트는 라이트 모드에서 #000000(검정색), 다크 모드에서 #dddddd(옅은 회색) 색상이 자동으로 적용됩니다. ||
53
|| {{{{{{#grey,#yellow 다크테스트}}}}}} ||
54
||<|2> 밑줄 서식과 중첩 || {{{{{{#red __밑줄 포함__}}}}}} || {{{#red __밑줄 포함__}}} ||<|2> 색상 문법과 밑줄 문법의 순서에 따라 밑줄에 색상 지정 여부가 다릅니다. ||
55
|| {{{__{{{#red 밑줄 제외}}}__}}} || __{{{#red 밑줄 제외}}}__ ||
56
||<|2> 크기 서식과 중첩 || {{{{{{+1 {{{#blue 큰글자파랑}}} }}}}}} ||<|2> {{{+1 {{{#blue 큰글자파랑}}} }}} ||<|2> 밑줄과 달리 크기 서식을 색상과 결합할 경우 문법의 순서가 출력에 영향을 미치지 않습니다.[br][br]닫는 괄호 '}}\}'끼리는 띄어쓰든 붙여쓰든 상관이 없습니다. ||
57
|| {{{{{{#blue {{{+1 큰글자파랑}}}}}}}}} ||
7258
}}}
73
}}}
74
{{{#!wiki style="border:1px solid black;display:table;padding:3px;"
75
내용
76
}}}
59
[각주]
7760
78
== 표 ==
79
표의 한 줄은 ||로 시작해 ||로 끝납니다.
80
{{{||1||2||}}}
81
||1||2||
82
{{{||1||2||
83
||3||4||}}}
84
||1||2||
85
||3||4||
61
== 하이퍼링크 ==
62
*'''관련 심화 문법'''
63
*[[알파위키:문법 도움말/심화#앵커|앵커(임의 위치로 하이퍼링크 걸기)]]
64
*[[알파위키:문법 도움말/심화#하이퍼링크 시 주의|\|, \\, #가 제목에 쓰이거나 제목이 ]로 끝나거나 제목이 /로 시작하는 문서로 하이퍼링크 걸기]]
8665
87
=== 셀 합치기 ===
88
2개 이상의 셀을 합치는 법은 다음과 같습니다.
66
문서 내에 다른 문서나 외부 사이트로 가는 [[하이퍼링크]]를 텍스트나 이미지 파일로 출력할 수 있습니다.
67
||<rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
68
|| 기본 || {{{[[문서]]}}} || [[문서]] ||문서명에 대괄호([ , ])나 백슬래시(\\), 수직선(|)글자어갈 경우 해당 글자마다 앞에 백슬래시(\\)를 입력해야 링크가 정상적으로 생성됩니다.[br]{{{[[문서|]]}}}, 또는 {{{[[|문서]]}}} 형태의 링크는 '''추후에 지원이 중단될 수 있으므로 권장하지 않습니다.''' ||
69
|| 링크 문서와 출력을 다르게 || {{{[[문서|출력글자]]}}} ||<width=70> [[문서|출력글자]] ||<|2>수직선(|)입력 방법은 [[\|]] 문서를 참조하십시오.[br][br]PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 [[알파위키|이동하게 될 문서명을 미리 확인할 수 있습니다]]. 일부 브라우저에서는 지원이 안 될 수 있습니다.||
70
|| 이미지 파일에 링크 걸기 || {{{[[문서|[[파일:로고.png]]]]}}} || [[문서|[[파일:로고.png|width=25]]]] ||
71
||<|3> 현재 문서 특정 문단으로 링크 걸기 || {{{[[#s-1|1문단으로]]}}} || [[#s-1|1문단으로]] ||<|3>#뒤에 s-문단 번호 또는 문단명을 입력하면 현재 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명만 출력됩니다.||
72
|| {{{[[#개요]]}}} || [[#개요]] ||
73
|| {{{[[#개요|개요 문단으로]]}}} || [[#개요|개요 문단으로]] ||
74
||<|3> 다른 문서 특정 문단으로 링크 걸기 || {{{[[알파위키#s-6|해당 문단 참조]]}}} || [[알파위키#s-6|해당 문단 참조]] ||<|3>이동할 문서명을 쓰고 #뒤에 s-문단 번호 또는 문단명을 입력하면 해당 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명이 빠지고 문서명만 출력됩니다.[br][br]입력한 번호의 문단 또는 입력한 문단명이 링크한 문서에 없는 경우 해당 문서 최상단으로 접속됩니다.||
75
|| {{{[[알파위키#기능]]}}} || [[알파위키#기능]] ||
76
|| {{{[[알파위키#기능|해당 문단 참조]]}}} || [[알파위키#기능|해당 문단 참조]] ||
77
|| 현재 문서의 상위 문서 링크 || {{{[[../]]}}} || [[../]] [* 본 문서의 상위 문서가 없으므로 현재 문서로 링크됩니다.] ||상위, 하위 문서는 문서명에 쓰인 /를 기준으로 합니다. 예를 들어, [[S/W 개발병]] 문서에서 {{{[[../]]}}}를 사용하면 슬래시와 뒷부분을 지운 [[S]] 문서로 링크가 가는 등 의도와 다른 링크가 걸릴 수 있습니다.[br][br]/가 문서명에 없는 문서에서 {{{[[../]]}}}를 사용하면 그냥 링크를 건 문서 자기 자신으로 링크가 걸립니다.[br][br]{{{[[../]]}}}가 사용된 문서의 RAW를 복사하여 다른 문서나 토론 창에 붙여넣을 경우 링크가 깨지는 현상이 발생할 수 있습니다. 따라서 인용할 일이 많은 문서(알파위키의 규정 문서 등)에서는 ../ 문법을 이용하기보다는 문서명을 전부 작성해 주는 것이 좋습니다.||
78
||<|2> 현재 문서의 하위 문서 링크 || {{{[[/심화]]}}} || [[/심화]] ||<|2>/을 여러 번 사용하면 하위 문서의 하위 문서도 링크할 수 있습니다.[br][br]상위 문서 링크와 마찬가지의 이유로 RAW를 인용할 일이 많은 문서(알파위키의 규정 문서 등)에서는 이 문법을 이용하기보다 문서명을 전부 작성해 주는 것이 좋습니다. ||
79
|| {{{[[/심화/TeX]]}}} || [[/심화/TeX]] ||
80
||<|3> 외부 페이지 링크 || {{{[[https://goo.gl]]}}} || [[https://goo.gl/]] ||기본 링크 ||
81
|| {{{[[https://goo.gl/|출력]]}}} || [[http://www.google.co.kr|출력]] ||링크와 출력이 다른 링크 ||
82
|| {{{[[https://goo.gl/|[[파일:홈페이지 아이콘.png]]]]}}} || [[http://www.google.co.kr|[[파일:홈페이지 아이콘.png|width=25]]]] ||파일 자체에 링크. 예를 들어 특정 인물 문서 프로필의 SNS 마크에 링크를 걸어 해당 인물의 SNS 페이지로 이동할 수 있습니다. ||
83
[각주]
8984
90
==== 가로 합치기 ====
91
{{{||1||2||3||4||
92
||||1||2||3||
93
||||||1||2||
94
||||||||1||}}}
95
||1||2||3||4||
96
||||1||2||3||
97
||||||1||2||
98
||||||||1||
85
== 리다이렉트 ==
86
[include(틀:다른 뜻1, other1=기존 리다이렉트 문서 수정 방법, rd1=알파위키:편집 도움말, paragraph1=5)]
87
[[리다이렉트]] 문서는 특정 검색어 검색 시 목적지 문서로 즉시 넘겨주는 문서입니다. 리다이렉트 문서의 생성법은 [[알파위키:편집 도움말#s-2|일반 문서 생성 방법]]과 동일하며, 아래 입력 내용만을 적어야 합니다. 이외의 어떤 내용도 추가로 적어서는 안됩니다.
88
||<rowbgcolor=#00a495><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 ||
89
||<|2> 기본 || {{{#redirect 목적지 문서}}} ||<|2>목적지 문서의 표제어 맨 뒤를 제외한 위치에 해시(#)가 들어갈 경우 해시 앞에 \\를 입력해야 정상적으로 작동됩니다.||
90
|| {{{#넘겨주기 목적지 문서}}} ||
91
||<|2> 특정 문단으로 리다이렉트 || {{{#redirect 목적지 문서#s-문단 번호}}} ||<|2>목적지 문서에 해당 앵커나 문단이 없을 경우 문서 최상단으로 리다이렉트됩니다.||
92
|| {{{#redirect 목적지 문서#문단명}}} ||
9993
100
추가로 합치고자 하는 셀의 갯수만큼 ||을 추가로 입력하면 됩니다.
101
----
102
{{{||1||2||3||4||
103
||<-2>1||2||3||
104
||<-3>1||2||
105
||<-4>1||}}}
106
||1||2||3||4||
107
||<-2>1||2||3||
108
||<-3>1||2||
109
||<-4>1||
110
합치고자 하는 셀의 갯수만큼 <-수>를 입력하는 방법으로도 합칠 수 있습니다.
94
== 이미지 파일 ==
95
[include(틀:다른 뜻1, other1=파일 업로드, rd1=알파위키:기능 도움말, paragraph1=4, other2=하이퍼링크에 이미지를 출력하는 방법, rd2=, rd2_1=알파위키:문법 도움말, paragraph2=3)]
96
[[알파위키:기능 도움말#s-4|파일 업로더]]를 통해 생성한 파일 문서의 이미지 파일을 문서 내에 출력할 수 있습니다. 또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다. 문서 내에 출력된 이미지 파일은 해당 이미지 파일의 파일 문서로의 하이퍼링크 기능도 겸합니다.
11197
112
==== 세로 셀 합치기 ====
113
{{{||1||<|2>5||<|3>8||<|4>10||
114
||2||
115
||3||6||
116
||4||7||9||}}}
117
||1||<|2>5||<|3>8||<|4>10||
118
||2||
119
||3||6||
120
||4||7||9||
121
합치고자 하는 셀의 갯수만큼 <|수>를 입력하면 됩니다.
98
{{{#!wiki style="word-break:keep-all;"
99
이미지 파일을 삽입하는 기본 문법은 아래와 같습니다.
100
||<rowbgcolor=#00a495><rowcolor=#fff><-2> 유형 || 입력 || 비고 ||
101
||<-2> 기본 || {{{[[파일:example.png]]}}} ||파일 문서로의 '''텍스트 하이퍼링크'''는 맨 앞에 쌍점(:)을 붙여 {{{[[:파일:example.png]]}}}와 같이 작성합니다.[br]앞에 공백을 넣은 {{{[[ 파일:example.png]]}}}와 같은 형식은 '''권장하지 않습니다.''' ||
102
||<|2> 매개​변수 포함 || 단일 || {{{[[파일:example.png|매개변수]]}}} ||{{{[[파일:example.png|width=너비]]}}}와 같이 사용합니다.||
103
|| 중첩 || {{{[[파일:example.png|매개변수1&매개변수2&...]]}}} ||{{{[[파일:example.png|width=너비&height=높이]]}}}와 같이 매개변수 사이에 앰퍼샌드(&) 구분자를 넣어 사용합니다.||
104
매개변수의 종류와 사용법은 아래와 같습니다.
105
||<rowbgcolor=#00a495><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
106
||<|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|예시]]||
107
|| 높이 || {{{height=숫자}}} ||
108
||<|2> 비율 지정 || 너비 || {{{width=숫자%}}} ||<|2>사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다.[br]{{{width=100%}}}만 삽입하는 경우에는 [[반응형 웹 디자인|사용자 환경에 따라서 표현되는 크기가 달라지는]] 문제가 발생합니다. [[https://namu.wiki/w/나무위키:보존문서/나무위키:연습장1?rev=8885|예시]] 표에 이미지를 추가하려는 경우에 다음과 같이 테이블 절대값을 사용해서 가로너비를 고정시키는 형태로 삽입해 주세요.||
109
|| 높이 || {{{height=숫자%}}} ||
110
||<-2> 정렬 지정 || {{{align=위치}}} ||'위치'의 종류는 아래와 같이 세 종류가 있습니다.[br]왼쪽 정렬: {{{left}}} (기본 설정 값)[br]가운데 정렬: {{{center}}}[br]오른쪽 정렬: {{{right}}}||
111
||<-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|예시]]||}}}
122112
123
==== 주의사항 ====
124
* <|숫자>, <-숫자>의 칸 길이 배치는 입력한 숫자에 비례하지 않습니다. 정확한 길이를 맞추기 위해서는 <width>문법으로 셀의 길이를 일일히 지정해줘야 합니다.
125
* <|숫자>, <-숫자>를 정확하게 입력하지 않으면 표가 정상적으로 출력되지 않을 수 있습니다.
126
* 표 전체에 테두리를 두르는 tableborder 문법이 정상적으로 적용되지 않아 테두리가 적용되지 않는 구간이 나타납니다.
127
* 표의 너비가 화면 표시영역의 너비보다 길 경우 나머지 부분은 가져지며, 스크롤바가 나타납니다.
128
* 표의 너비가 화면보다 작은데도 스크롤바가 나타났다면 칸의 길이가 일치하지 않아 나타나는 문법 오류입니다.
129
130
=== 표와 셀 꾸미기 ===
131
표와 셀을 꾸미는 법은 다음과 같습니다.
113
== 동영상 ==
114
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화/HTML#동영상|HTML 문법]] (HTML 문법을 이용한 동영상(비디오) 삽입)
132115
133
==== 표 꾸미기 ====
134
* 정렬
135
<table align=left> = 왼쪽 정렬
136
<table align=center> = 가운데 정렬
137
<table align=right> = 오른쪽 정렬
138
{{{||<table align=left>왼쪽||
116
매크로를 이용하여 외부 사이트의 동영상을 첨부할 수 있습니다. 기본적으로 {{{[코드(아이디)]}}} 형식으로 입력합니다.
117
||<rowbgcolor=#00a495><rowcolor=#fff><width=70> 플랫폼 || 입력 || 주소 내 아이디 위치 ||
118
|| [[유튜브]] || {{{[youtube(jNQXAC9IVRw)]}}} ||https://www.youtube.com/watch?v={{{#red '''jNQXAC9IVRw'''}}}[br]https://youtu.be/{{{#red '''VFtDZL3lpNk'''}}}||
119
|| [[카카오TV]] || {{{[kakaotv(405064748)]}}} ||https://tv.kakao.com/channel/2661262/cliplink/{{{#red '''405064748'''}}}||
120
|| [[니코니코 동화]] || {{{[nicovideo(sm8628149)]}}} ||https://www.nicovideo.jp/watch/{{{#red '''sm8628149'''}}}||
121
||<-3> 이외 플랫폼의 동영상 첨부는 [[알파위키:문법 도움말/심화/HTML#동영상|심화 문법 도움말]]을 참조하십시오. ||
139122
140
||<table align=center>가운데||
123
매개변수를 이용해 동영상 속성을 지정할 수 있습니다. 입력 틀은 아래와 같습니다.
124
||<rowbgcolor=#00a495><rowcolor=#fff><width=90> 유형 || 입력 || 예시 ||
125
|| 단일 매개변수 || {{{[코드(아이디,매개변수)]}}} ||{{{[youtube(jNQXAC9IVRw,start=8)]}}}||
126
|| 매개변수 중첩 || {{{[코드(아이디,매개변수1,매개변수2,...)]}}} ||{{{[youtube(jNQXAC9IVRw,width=640,height=360)]}}}||
141127
142
||<table align=right>오른쪽||}}}
128
매개 변수의 종류는 다음과 같습니다.
129
||<rowbgcolor=#00a495><rowcolor=#fff><width=90> 유형 || 매개변수 || 비고 ||
130
|| 너비 픽셀 지정 || {{{width=숫자}}} ||
131
|| 높이 픽셀 지정 || {{{height=숫자}}} ||
132
|| 너비 비율 지정 || {{{width=숫자%}}} ||높이(height)는 비율을 지정할 수 없습니다.||
133
|| 시작 시간 지정 || {{{start=초}}} ||
134
|| 종료 시간 지정 || {{{end=초}}} ||
143135
144
||<table align=left>왼쪽||
136
동영상은 텍스트처럼 왼쪽 정렬이 기본값입니다. 동영상의 위치 정렬 방법은 다음과 같습니다.
137
||<rowbgcolor=#00a495><rowcolor=#fff><width=100> 유형 || 입력 || 비고 ||
138
||<|2> 테이블을 사용한 정렬 지정 || {{{||<table align=center>[youtube(jNQXAC9IVRw)]||}}} ||<|2>테이블 안에 동영상을 넣고 테이블을 정렬한 형태입니다. ||
139
|| {{{||<table align=right>[youtube(jNQXAC9IVRw)]||}}} ||
140
|| 틀을 사용한 정렬 지정 || {{{[include(틀:영상 정렬, url=jNQXAC9IVRw)]}}} ||여백 없이 동영상을 중앙에 정렬합니다.[br]해당 틀은 유튜브 동영상만 지원합니다. ||
145141
146
||<table align=center>가운데||
142
== 문단 ==
143
문단을 생성할 수 있습니다.
144
||<rowbgcolor=#00a495><rowcolor=#fff><width=60> 유형 || 기본 문단 || 접힌 문단 ||
145
|| 2단계 || {{{== 문단 1 ==}}} || {{{==# 문단 1 #==}}} ||
146
|| 3단계 || {{{=== 문단 2 ===}}} || {{{===# 문단 2 #===}}} ||
147
|| 4단계 || {{{==== 문단 3 ====}}} || {{{====# 문단 3 #====}}} ||
148
|| 5단계 || {{{===== 문단 4 =====}}} || {{{=====# 문단 4 #=====}}} ||
149
|| 6단계 || {{{====== 문단 5 ======}}} || {{{======# 문단 5 #======}}} ||
150
* 1단계 문단({{{= 문단 1 =}}}, {{{=# 문단 1 #=}}})은 일반적으로 {{{#red '''금지'''}}}되어 있습니다. 다만, [[사용자 문서]]에서는 예외적으로 사용이 '''가능'''합니다. 또한 문단명에 대해 일부 텍스트 문법의 사용을 '''제한'''하고 있습니다.
151
* '{{{==문단==}}}'과 같이 문단명 앞, 뒤에 공백이 없거나 '{{{== 문단 == }}}'과 같이 문법 바깥쪽에 공백이 있을 경우, '{{{== 문단 ===}}}'처럼 양 옆의 {{{=}}} 개수가 다를 경우 문법이 '''정상적으로 출력되지 않습니다.'''
152
* 첫 문단을 {{{== 문단 1 ==}}}로 사용하였으면 하위 문단은 문단명 양 옆의 {{{=}}}를 두 개가 아닌 하나만 늘려 작성합니다. [[https://namu.wiki/w/나무위키:보존문서/나무위키:연습장?rev=3325|오류 예시]]
147153
148
||<table align=right>오른쪽||
149
{{{#red 주의사항}}}
150
* 모바일의 경우, 화면이 작아 오른쪽 정렬이 적용되지 않을 수 있습니다.
154
== 리스트 ==
155
리스트를 추가할 수 있습니다. 리스트 문법 앞에 공백({{{#red v}}}로 표시)을 넣어 {{{#red v}}}{{{*}}}{{{#red v}}}{{{리스트}}} 또는 {{{#red v}}}{{{*}}}{{{리스트}}}로 입력하며, {{{*}}}{{{#red v}}}{{{리스트}}}나 {{{*}}}{{{리스트}}}와 같이 별표(*)앞에 공백을 넣지 않을 경우 문법이 정상적으로 인식되지 않습니다. 각 유형별 리스트는 혼합해서 사용할 수 있습니다.
156
||<-3> {{{-1 {{{#red v}}}: 공백}}} ||
157
|| 기본 ||{{{#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}}} || ​
158
* 리스트 1
159
* 리스트 1.1
160
* 리스트 2
161
* 리스트 2.1
162
* 리스트 2.1.1 ||
163
|| 숫자 ||{{{#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}}} || ​
164
1. 리스트 1
165
1. 리스트1.1
166
1. 리스트1.2
167
1. 리스트2
168
1. 리스트2.1 ||
169
|| 대문자 ||{{{#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}}} ||​
170
A. 리스트 1
171
A. 리스트1.1
172
A. 리스트1.2
173
A. 리스트2
174
A. 리스트2.1 ||
175
|| 소문자 ||{{{#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}}} ||​
176
a. 리스트 1
177
a. 리스트1.1
178
a. 리스트1.2
179
a. 리스트2
180
a. 리스트2.1 ||
181
|| 로마자 ||{{{#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}}} ||​
182
I. 리스트 1
183
I. 리스트1.1
184
I. 리스트1.2
185
I. 리스트2
186
I. 리스트2.1 ||
187
하위 리스트의 생성은 줄 앞의 띄어쓰기를 상위 리스트보다 더 많게 입력하면 됩니다. 같은 단계의 리스트여도 띄어쓰기 개수에 따라 간격이 달라집니다.
188
||{{{#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}}} ||
189
||​
190
* 리스트 1
191
* 리스트1.1
192
* 리스트2
193
* 리스트2.1 ||​
194
*리스트 3
195
*리스트 3.1
196
*리스트3.2
197
*리스트 3.2.1 ||
198
개행을 통해 한 줄 이상을 비워 리스트를 개별적으로 구분할 수 있습니다.
199
||{{{#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}}} ||​
200
1. 리스트 1
201
1. 리스트 2
151202
203
1. 리스트 1
204
1. 리스트 2 ||
152205
206
리스트 내용의 개행은 {{{[br]}}} 매크로나 개행으로 할 수 있습니다. 매크로를 이용하지 않고 개행할 경우, 리스트 앞 공백 개수만큼 개행된 텍스트 앞을 띄어쓰기를 해야 합니다.
207
||<^|1><width=400px>입력
153208
----
209
{{{#red v}}}{{{*}}}리스트
210
{{{#red v}}}내에서의 개행
211
{{{#red v}}}{{{*}}}매크로를 이용한\[br]리스트 내의 개행
212
||<^|1><width=200px>출력
213
----
214
*리스트
215
내에서의 개행
216
*매크로를 이용한[br]리스트 내의 개행
217
||
218
번호 있는 리스트를 표기할 때, {{{1., 2., 3., ...}}} 의 방식으로 표기하는 것이 아니라, 모든 리스트를 {{{1.}}} 로 표기합니다. 리스트의 시작하는 숫자를 바꾸고자 할 경우, 리스트 식별자 뒤에 {{{#시작숫자}}} 를 붙입니다.
219
||<^|1><width=200px>입력
220
----
221
{{{#red v}}}{{{1.}}}이 리스트는 1부터 시작합니다.
222
{{{#red v}}}{{{1.}}}리스트 (2)
223
{{{#red v}}}{{{1.}}}리스트 (3)
154224
155
156
* 표 배경색
157
<table bgcolor=색이름 또는 코드>
158
{{{||<table bgcolor=red>1||2||
159
||3||4||}}}
160
||<table bgcolor=red>1||2||
161
||3||4||
162
163
* 표 테두리색
164
<table bordercolor=색 이름 또는 코드>
165
{{{||<table bordercolor=red>1||2||
166
||3||4||}}}
167
||<table bordercolor=red>1||2||
168
||3||4||
169
170
{{{#red 주의사항}}} <tableborder>문법을 이용할 때 셀,칸(<|>,<->) 숫자를 정확하게 입력하지 않으면 테두리가 적용되지 않는 부분이 생깁니다.
171
172
==== 셀 꾸미기 ====
173
* 셀 가로 정렬
174
<(> = 왼쪽 정렬
175
<:> = 가운데 정렬
176
<)> = 오른쪽 정렬
177
{{{||@@@@@@@@@@@@@@@@@@@@||
178
||<(> 왼쪽||
179
||<:> 가운데||
180
||<)> 오른쪽||
181
}}}
182
||@@@@@@@@@@@@@@@@@@@@||
183
||<(> 왼쪽||
184
||<:> 가운데||
185
||<)> 오른쪽||
225
{{{#red v}}}{{{I.#42}}}이 리스트는 42 (XLII)부터 시작합니다.
226
{{{#red v}}}{{{I.}}}리스트 (XLIII)
227
{{{#red v}}}{{{I.}}}리스트 (XLIV)
228
||<^|1><width=200px>출력
186229
----
187
더 간편하게, 셀의 우측에 공백을 넣으면 왼쪽 정렬, 좌측에 공백을 넣으면 오른쪽 정렬, 양쪽 모두에 공백을 넣으면 가운데 정렬을 할 수 있습니다.
188
{{{||@@@@@@@@@@@@@@@@@@@@||
189
||왼쪽 정렬 ||
190
|| 가운데 정렬 ||
191
|| 오른쪽 정렬||}}}
192
||@@@@@@@@@@@@@@@@@@@@||
193
||왼쪽 정렬 ||
194
|| 가운데 정렬 ||
195
|| 오른쪽 정렬||
196
-----
197
* 셀 세로 정렬
198
셀을 합칠 때 사용하는 <|[math(n)]>을 이용하여 세로 정렬이 가능합니다. n은 아무거나 넣어도 됩니다.
199
||방향||마크업||비고||
200
||위로||\<^|n>||윗첨자 사용할때 쓰는 그 ^입니다.||
201
||중간||\<|n>||기본값||
202
||하단으로||\<v|n>||알파벳 ''v''||
230
1. 이 리스트는 1부터 시작합니다.
231
1. 리스트 (2)
232
1. 리스트 (3)
203233
204
적용예시:
205
||ㅇㅇ||<v|2>ㅇㅇ||
206
||ㅇㅇ||
234
I.#42 이 리스트는 42 (XLII)부터 시작합니다.
235
I. 리스트 (XLIII)
236
I. 리스트 (XLIV)
237
##pc에서는 모르겠는데 모바일에서는 리스트 숫자가 잘려서 나오네요.
238
||
207239
208
이 기능은 셀을 합칠 때를 상정하고 만들어졌으나, 꼼수를 이용하면 합치지 않은 셀에서도 사용 가능합니다. n을 ''1''로 치환하면 됩니다. 이렇게 되면 HTML 상으로 colspan 속성이 1로 들어가, 합쳐지지 않게 됩니다.(모르면 넘어가셔도 됩니다.)
209
예시:
210
*상단
211
||[br][br][br][br][br][br]||<^|1>상단||
212
*중앙
213
||[br][br][br][br][br][br]||중앙||
214
*하단
215
||[br][br][br][br][br][br]||<v|1>하단||
216
{{{
217
:: RAW ::
218
*상단
219
||[br][br][br][br][br][br]||<^|1>상단||
220
*중앙
221
||[br][br][br][br][br][br]||중앙||
222
*하단
223
||[br][br][br][br][br][br]||<v|1>하단||
224
}}}
225
* 셀 배경색
226
<bgcolor=색이름 또는 코드> 또는 <#색이름 또는 코드>
227
{{{ ||<#red>1||2||
228
||3||4|| }}}
229
||<bgcolor=red>1||2||
230
||3||4||
231
* 한 줄 배경색
232
<rowbgcolor=색이름 또는 코드>
233
{{{ ||<rowbgcolor=red>1||2||3||
234
||4||5||6|| }}}
235
||<rowbgcolor=red>1||2||3||
236
||4||5||6||
240
== 각주 ==
241
[[각주]]를 생성할 수 있습니다. 입력한 각주는 문서 맨 아래나 각주 매크로({{{[각주]}}})가 삽입된 위치에 출력되며, 본문의 각주 번호(^^{{{#0275d8,#ca8817 [1]}}}^^)를 클릭할 경우 해당 각주 번호의 각주 위치(앵커)로 이동합니다. 다시 해당 각주의 각주 번호(^^{{{#0275d8,#ca8817 [1]}}}^^)를 클릭할 경우 본문의 각주 번호가 있는 위치로 이동합니다.
242
||<rowbgcolor=#00a495><rowcolor=#fff><width=10%> 유형 ||<width=25%> 입력[br]{{{-2 ({{{#red v}}}: 공백)}}} ||<width=10%> 출력 ||<width=55%> 비고 ||
243
|| 기본 || {{{[*}}}{{{#red v}}}{{{텍스트 1]}}}[br] || [* 텍스트 1] ||각주 번호를 지정하지 않으면 기본으로 숫자가 각주 번호로 지정됩니다.[br][[각주 안의 각주]]는 {{{#red '''금지'''}}}되어 있습니다.[br]'''틀''' 내부에 각주를 넣으면 틀 각주 앵커와 틀이 삽입된 문서의 각주 앵커가 같을 경우 문서 내에서 어느 한 쪽은 '''정상적인 위치로 이동하지 않으므로''' 가급적 각주를 삼가하고 대신 텍스트 크기를 줄여 설명을 붙이십시오. ||
244
||<|2> 문자 각주 || {{{[*A}}}{{{#red v}}}{{{텍스트 2]}}}[br]{{{[*A]}}} || [*A 텍스트 2][br][*A] ||<|2>각주 번호를 텍스트로 지정할 수 있습니다.[br]각주 번호를 같게 하고 내용을 생략하여 문서 내 여러 위치에 같은 각주를 삽입할 수 있습니다. ||
245
|| {{{[*예시}}}{{{#red v}}}{{{텍스트 3]}}} || [*예시 텍스트 3] ||
246
[각주]
237247
238
* 셀 너비
239
<width=100px> (절대 수치)
240
<width=50%> (상대 수치)
241
{{{||<width=100px>1||3||
242
||2||4||}}}
243
||<width=100px>1||3||
244
||2||4||
245
246
{{{||<width=20%> 1||3||
247
||2||4||}}}
248
||<width=20%> 1||3||
249
||2||4||
250
* 셀 높이
251
<height=100px> (절대 수치)
252
<height=50%> (상대 수치)
253
{{{||<height=100px>1||3||
254
||2||4||}}}
255
||<height=100px>1||3||
256
||2||4||
257
258
==== 주의사항 ====
259
* 색 코드를 입력할 때, 앞에 #을 입력해야 적용됩니다.
260
||<:><table align=center>{{{#!folding [접기/펼치기]
261
* 좋은 예
262
{{{||<table bgcolor=#ABCDEF>1||2||
263
||3||4||}}}
264
||<table bgcolor=#ABCDEF>1||2||
265
||3||4||
266
267
{{{||<table bordercolor=#ABCDEF>1||2||
268
||3||4||}}}
269
||<table bordercolor=#ABCDEF>1||2||
270
||3||4||
271
272
{{{ ||<bgcolor=#ABCDEF>1||2||
273
||3||4|| }}}
274
||<bgcolor=#ABCDEF>1||2||
275
||3||4||
276
277
{{{ ||<rowbgcolor=#ABCDEF>1||2||3||
278
||4||5||6|| }}}
279
||<rowbgcolor=#ABCDEF>1||2||3||
280
||4||5||6||
281
* 나쁜 예
282
{{{||<table bgcolor=ABCDEF>1||2||
283
||3||4||}}}
284
||<table bgcolor=ABCDEF>1||2||
285
||3||4||
286
287
{{{||<table bordercolor=ABCDEF>1||2||
288
||3||4||}}}
289
||<table bordercolor=ABCDEF>1||2||
290
||3||4||
291
{{{ ||<bgcolor=ABCDEF>1||2||
292
||3||4|| }}}
293
||<bgcolor=ABCDEF>1||2||
294
||3||4||
295
{{{ ||<rowbgcolor=ABCDEF>1||2||3||
296
||4||5||6|| }}}
297
||<rowbgcolor=ABCDEF>1||2||3||
298
||4||5||6||
299
}}}||
300
301
=== 캡션 ===
302
표에 캡션을 다는 방법은 다음과 같습니다.
303
{{{
304
|캡션|셀1||셀2||
305
||셀3||셀4||
306
}}}
307
308
|캡션|셀1||셀2||
309
||셀3||셀4||
310
311
|와 |사이에 내용을 입력합니다. 미리보기에서는 캡션이 깨질 수 있으나, 편집 시 정상적으로 보입니다.
312
313248
== 인용문 ==
314
내용 안에 문법 적용이 가능합니다.
315
{{{> (내용)}}}
316
>내용
249
* '''관련 심화 문법'''
250
* [[알파위키:문법 도움말/심화#인용문|인용문 정렬]]
251
* [[알파위키:문법 도움말/심화#인용문|표 안에 인용문 넣기]]
252
인용문을 입력할 수 있습니다.
253
||<rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 || 비고 ||
254
||<|2> 기본 ||{{{>인용문}}}||<|2><width=150px>
255
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
256
인용문}}}||<|2>문법 사용 시 [[부등호]](>)를 입력합니다.[br]인용문에서 [[알파위키:문법 도움말#s-2.1|텍스트 형태]]도 바꿀 수 있으나, '''굵기''' 문법을 제외하고는 {{{#red '''금지'''}}}되어 있습니다. ||
257
||{{{> 인용문}}}||
258
||<|4> 개행 ||{{{>문장1}}}[br]{{{>문장2}}} ||<|2>
259
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
260
문장1[br]문장2}}} ||<|4>{{{[br]}}} 매크로 또는 줄바꿈 후 [[부등호]](>)를 입력하여 계속 작성하는 방식으로 개행을 할 수 있습니다. ||
261
||{{{>문장1[br]문장2}}} ||
262
||{{{>문장1}}}[br]{{{>}}}[br]{{{>문장2}}} ||<|2>
263
>{{{#!wiki style="margin:1em calc(1em + 25px) 1em 1em"
264
문장1[br][br]문장2}}} ||
265
||{{{>문장1[br][br]문장2}}} ||
266
|| 중첩 ||{{{>인용문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|예시 링크]] ||
317267
318
{{{>>>> (내용)}}}
319
>>>>(내용)
268
== 수평줄 ==
269
본문 중간에 {{{-}}} 문자를 4개 이상, 9개 이하 입력하면 수평 줄이 생성됩니다.
320270
321
{{{#red 주의 1.}}} 위아래로 연속된 인용문을 만드려면 붙여써야 합니다.
322
||<width=100px>
323
{{{>1
324
>2
325
>3}}}
326
||<width=100px>
327
{{{>a
328
329
>b
330
>c}}}||
331
332
333
>1
334
>2
335
>3
336
337
>a
338
339
>b
340
>c
341
342
{{{#red 주의 2.}}} 인용문법의 왼쪽에는 아무것도 없어야 문법이 적용됩니다.
343
{{{||>
344
>
345
}}}
346
||>
347
>
348
349
350
{{{||
351
>
352
>
353
}}}
354
355
>
356
>
357
358
== 이미지(파일) 적용 ==
359
{{{[[나무파일:나무위키에 업로드된 파일 이름]]}}}으로 나무위키에서 포크된 파일을 사용할 수 있습니다. 2017년 9월 27일 이전에 나무위키에 업로드된 파일만 가능합니다.
360
{{{[[파일:파일 이름]]}}}으로 알파위키에 업로드된 파일을 사용할 수 있습니다.
361
362
이미지 업로드는 [[https://awiki.theseed.io/Upload|여기서]] 하세요. 툴바를 통해서도 접근 가능합니다.
363
364
=== 외부이미지 ===
365
꼼수를 이용한 비권장 문법이니다. --하지만 한때는 이미지를 넣을 유일한 방법이었다 카더라--
366
367271
{{{
368
{{{#!wiki style="background-image:url('파일주소');width:너비;height:높이;background-repeat:no-repeat no-repeat;background-size:cover;"
369
}}}
370
}}}
371
{{{#orange 주의. HTTPS를 지원하는 웹사이트로만 링크가 가능하며, 넓이, 높이는 지정해야 합니다.}}} '''{{{#orange 안 하면 이미지가 나타나지 않습니다.}}}'''
372
{{{
373
{{{#!wiki style="background-image:url('https://ko.gravatar.com/userimage/134752146/35bdd096204130139d15af1a778f1d53.jpeg');width:80px;height:80px;background-repeat:no-repeat no-repeat;background-size:cover;"
374
}}}
375
376
}}}
377
{{{#!wiki style="background-image:url('https://ko.gravatar.com/userimage/134752146/35bdd096204130139d15af1a778f1d53.jpeg');width:80px;height:80px;background-repeat:no-repeat no-repeat;background-size:cover;"
378
}}}
379
--한 유저의 前 그라바타입니다.--
380
381
위 과정이 귀찮으시다면 [[틀:외부이미지]]를 이용하실 수도 있습니다.
382
383
또한, 이 문법을 표에 적용할 때에는 셀의 넓이가 이미지 넓이 이상으로 설정되어 있어야 합니다. 자세한 사례는 [[Windows 7]] 문서를 참고하세요.
384
385
== 수평줄 ==
386
- 를 4개 이상 10개 미만(으)로 연속으로 늘어놓으면 됩니다.
387
{{{---
272
--- (3개이기 때문에 정상적인 수평줄이 아닙니다.)
388273
----
389274
-----
390275
------
391276
-------
392277
--------
393278
---------
394
----------}}}
395
---
279
---------- (10개이기 때문에 정상적인 수평줄이 아닙니다.)
280
}}}
281
---
396282
----
397283
-----
398284
------
......
401287
---------
402288
----------
403289
404
== 리스트 ==
405
번호가 없는 리스트는 다음과 같이 적용할 수 있습니다.
406
{{{ * 내용}}}
407
{{{ * 내용}}}
408
{{{* 내용}}}
409
↓
410
* 내용
411
* 내용
412
* 내용
290
== 매크로 ==
291
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#매크로|매크로 심화 문법]] (pagecount(문서 개수 출력), ruby([[루비 문자]]))
292
알파위키에서 지원하는 매크로를 사용하여 여러가지 기능을 구현할 수 있습니다.
293
매크로는 라틴 문자 소문자와 대문자를 가리지 않습니다. 예를 들어, {{{date}}} 매크로와 {{{Date}}} 매크로 그리고 {{{DATE}}} 매크로는 같게 여겨집니다. 각 매크로에 대한 설명은 다음을 참고하여 주십시오.
294
||<rowbgcolor=#00a495><rowcolor=#fff> 유형 || 용도 || 비고 ||
295
|| {{{[age(YYYY-MM-DD)]}}} || 나이 출력 ||생년월일을 입력하여 [[UTC]] 기준([[KST]] 기준 오전 9시)으로 갱신되는 [[만 나이]]를 출력할 수 있습니다. [[세는나이]] 서술은 {{{#red '''금지'''}}}되어 있기 때문에 갱신이 필요한 나이 표기는 해당 매크로를 사용해야 합니다.[br]MM, DD는 1~9월, 1~9일인 경우에도 0을 채워서 2자리로 입력해야 합니다. ||
296
|| {{{[br]}}} || 개행 ||한 줄 개행의 역할을 하는 <br> html 코드를 출력합니다. ||
297
|| {{{[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|사용 예시]] ||
298
|| {{{[date]}}}, {{{[datetime]}}} || 접속 시간 출력 ||[date]와 같이 출력됩니다.[br]위키 서술은 자동으로 갱신되지 않기 때문에 해당 매크로를 [[현재#s-2]], [[최근#s-3]], [[요새#s-2]]와 같이 '''상대적인 시점에서의 상황을 서술하기 위해 사용하지 말고''' 편집 시점에 해당하는 '''구체적인 날짜를 일반 텍스트로 작성하십시오.''' ||
299
|| {{{[dday(YYYY-MM-DD)]}}} || 남은 날 출력 ||[[UTC]] 기준([[KST]] 기준 오전 9시)으로 입력 날짜로부터 남은 날을 출력합니다. 당일(dday)이 0으로 계산되기 때문에 "오늘부터 1일"과 같이 기념일을 입력할 경우 해당 날짜의 __전날__을 입력하여 표시할 수 있습니다.[br]정상적으로 출력되는 날짜의 범위는 1000-01-01부터 9999-12-31입니다. 이 값을 넘어가거나 정상적인 값이 아닐 경우 invalid dday가 뜨게 됩니다.[br]토론 댓글에서는 '''지원하지 않습니다.''' ||
300
|| {{{[각주]}}}, {{{[footnote]}}} || 각주 출력 ||기본적으로 각주는 맨 끝에 출력되나, 중간에 해당 매크로를 삽입하면 해당 매크로가 호출되기 전까지의 각주가 출력됩니다. ||
301
|| {{{[include(문서명)]}}} || 문서 출력 ||보통 [[틀#s-2]]을 삽입하기 위해 사용하며, {{{[include(틀:틀 이름)]}}}과 같이 입력합니다. [[알파위키:분류|분류 문서]]는 include 매크로로 출력할 수 없습니다.[br]특정 문서를 include 매크로로 삽입할 때, 특정 문서에서 include 매크로로 삽입된 문서는 출력되지 않습니다. 가령 틀 문서에 [[틀:토론 중]]을 달아도 해당 틀이 삽입된 문서에서는 [[틀:토론 중]]이 보이지 않습니다. 이를 이용하여 [[틀:문서 가져옴]] 등의 틀에 [[틀:문서 가져옴/설명 문서]] 등의 틀을 만들어 설명을 삽입할 수도 있습니다.[br]삽입될 문서 내에 {{{@}}}{{{name}}}{{{@}}} 형태의 텍스트를 입력한 뒤, 매크로를 호출할 때 {{{[include(문서명,name=value)]}}} 형태로 호출할 경우, 해당 위치에 {{{value}}}가 삽입됩니다. 이 때 하나의 value에 쉼표(,)가 포함되어 있을 경우 제대로 표시되지 않습니다. {{{,}}} 대신에 {{{\,}}}를 사용하면 해결됩니다. ||
302
|| {{{[목차]}}}, {{{[tableofcontents]}}} || 목차 출력 ||목차에는 텍스트 문법이 적용되지 않습니다. ||
303
== [anchor(테이블)]테이블(표) ==
304
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#테이블|테이블 심화 문법]] (테이블 캡션, 이미지/동영상 삽입 시 기본 셀 여백 제거)
413305
414
번호가 있는 리스트는 다음과 같이 적용할 수 있습니다.
306
=== 기본 형태 ===
307
테이블의 한 줄은 {{{||}}} 로 시작해 {{{||}}} 로 끝납니다. 아래의 경우, 한 줄에 두 개의 셀이 존재하는 두 줄짜리 테이블을 의미합니다. 연달아 여러 개의 테이블을 입력하고자 할 경우, 테이블 사이에 빈 줄을 하나 이상 입력합니다.
308
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
309
||{{{#!wiki style=""
415310
{{{
416
1. 리스트
417
1. 리스트
311
|| 테이블 || 테이블 ||
312
|| 셀 || 셀 ||}}}
313
}}}||{{{#!wiki style=""
314
|| 테이블 || 테이블 ||
315
|| 셀 || 셀 ||}}}||
418316
419
A. 리스트
420
A. 리스트
317
셀 내에서 개행하고자 할 경우, 모니위키와의 호환을 위해 셀 내에서 매크로를 사용하지 않고 개행하는 것도 지원합니다만, {{{[br]}}} 매크로를 이용해 개행하는 것을 권장합니다.
318
{{{#!wiki style="word-break: keep-all"
319
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
320
||{{{#!wiki style=""
321
{{{
322
|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
421323
422
a. 리스트
423
a. 리스트
324
|| 엔터 키로도
325
개행이 가능하지만,
326
권장하지 않습니다. ||
327
}}}}}}||{{{#!wiki style=""
328
|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
424329
425
I. 리스트
426
I. 리스트
427
428
i. 리스트
429
i. 리스트
330
|| 엔터 키로도
331
개행이 가능하지만,
332
권장하지 않습니다. ||}}}||
430333
}}}
431
↓
432
1. 리스트
433
1. 리스트
434334
435
A. 리스트
436
A. 리스트
437
438
a. 리스트
439
a. 리스트
440
441
I. 리스트
442
I. 리스트
443
444
i. 리스트
445
i. 리스트
446
----
447
{{{#red 주의사항}}}
448
* 리스트를 적용할 때, 앞에 공백을 입력해야 합니다.
449
450
== 각주 ==
451
각주를 적용하는 방법은 다음과 같습니다.
452
{{{[* 내용]
453
[*A 문자가 있는 각주]
454
[*제목 이렇게도 할 수 있음.]
455
[*B 같은 각주를 반복]
456
[*B]
457
}}}
458
[* 내용]
459
[*A 문자가 있는 각주]
460
[*제목 이렇게도 할 수 있음.]
461
[*B 같은 각주를 반복]
462
[*B]
463
464
2번째 줄과 같이, 각주를 입력할 때 출력되는 각주의 문자를 변경할 수 있습니다. 같은 문자의 각주를 입력할 때, 2번째 각주부터는 내용을 생략할 수 있습니다.
465
466
{{{#red 주의사항}}}
467
* [* 와 내용 사이에 공백이 있어야 합니다.
468
* 틀 내부에 각주를 넣으면 문서 자체의 각주와 번호가 꼬이게 됩니다. 예를 들어 틀 내부에도 1번 각주가 있고 문서 자체에도 1번 각주가 있을 경우, 두 각주의 앵커가 동일한 '#fn-1'로 지정되며 브라우저에서는 먼저 나온 쪽의 앵커만을 유효한 앵커로서 인식하게 되어 문서 자체의 1번 각주를 눌러도 틀 내부의 1번 각주로 이동하는 현상이 일어납니다.
469
[각주]
470
471
== 주석 ==
472
{{{본문
473
## (내용)
474
본문
475
## 이 글은 출력되지 않습니다.
476
본문
477
}}}
478
479
본문
480
## (내용)
481
본문
482
## 이 글은 출력되지 않습니다.
483
본문
484
485
문서 열람 시에는 보이지 않으며, 문서 편집할 때만 나타나는 내용을 삽입할 수 있습니다. 문서를 편집하는 편집자들에게 유의사항을 알리는 용도로 주로 이용됩니다.
486
487
== 매크로 ==
488
매크로를 입력하는 법은 다음과 같습니다.
489
{{{[date]
490
[br]
491
[include(틀:틀이름)]
492
[목차]
493
[각주]
494
[pagecount]
495
[age(YYYY-MM-DD)]
496
[dday(YYYY-MM-DD)]
497
}}}
498
499
=== date ===
500
현재 시각을 표시합니다.
501
{{{[date]}}} 또는 {{{[datetime]}}} 로 호출 가능합니다.
502
예:
503
* 현재 시각은 [date]입니다.
504
505
=== br ===
506
해당 위치에 한 줄을 개행하는 html인 {{{<br>}}}을 실행합니다.
507
{{{[br]}}}로 호출가능합니다.
508
509
=== include ===
510
해당 위치에 틀을 삽입할 수 있습니다.
511
{{{[include(틀:문서명)]}}} 으로 호출 가능합니다.
512
삽입 될 문서에 {{{@이름@}}}과 같은 형태를 삽입하고,
513
{{{[include(틀:문서명, 이름=값)]}}} 을 할 경우 '값' 이 {{{@이름@}}}을 적어넣은 위치에 호출됩니다.
514
515
꼭 틀만 삽입 가능 한것은 아닙니다. {{{[include(알파위키)]}}}를 적으면 알파위키 문서가 호출되지만 알파위키 문서 내에 있는 틀은 호출되지 않습니다.
516
517
이 특성을 이용해서 틀에 사용 설명을 기술할 수 있습니다. {{{틀:틀예시}}}라는 틀이 있다고 가정하면, {{{틀:틀예시/설명문서}}}라는 문서에 설명을 기술한 뒤 {{{틀:틀예시}}} 문서에 틀 문법 하단에 이 매크로를 이용해서 설명문서를 삽입하면 틀 문서에서는 설명이 보이지만, 틀을 실제로 사용할 때는 해당 내용을 볼 수 없습니다.
518
519
=== 목차 ===
520
해당 문서의 문단을 목차로 나타냅니다.
521
{{{[목차]}}} 또는 {{{[tableofcontents]}}}로 호출가능합니다.
522
523
=== 각주 ===
524
해당 문서의 각주를 표시합니다. 기본적으로 문서 최하단에 자동으로 표기되지만,
525
문서 중간에 해당 매크로를 호출한 경우, 해당 매크로가 호출 되기 전의 매크로를 출력하고,
526
남은 각주는 다시 매크로를 호출하지 않는다면, 최하단에 나머지 각주가 표기됩니다.
527
{{{[각주]}}} 또는 {{{[footnote]}}} 로 호출가능 합니다.
528
529
=== pagecount ===
530
알파위키 전체 문서수를 계산합니다. [pagecount]개와 같은 형식으로 출력합니다.
531
{{{[pagecount]}}}로 호출 가능합니다.
532
특정 네임스페이스만을 계산하는 방법도 있습니다.
533
{{{[pagecount(네임스페이스)]}}}로 호출할 수 있습니다.
534
예를 들어, 알파위키에 존재하는 모든 사용자들의 수를 계산하고싶다면 {{{사용자}}} 로 네임스페이스를 정하면 됩니다. 또한, 일반적인 문서의 수를 구하려면 {{{문서}}}를 사용하시면 됩니다.
535
예:현재 사용자 수는 [PageCount(사용자)]입니다.
536
537
=== age ===
538
생년월일을 기입시 자동으로 만 나이를 계산하여 줍니다.
539
{{{[age(년-월-일)]}}} 로 호출 할 수 있습니다.
540
예를들어, 1999년 9월 9일에 출생하였다면, {{{[age(1999-09-09)]}}}와 같은 형태로 적으면 됩니다.(결과: [age(1999-09-09)])
541
542
=== dday ===
543
날짜를 기입하면, 현재 시간으로부터 남은 일수를 계산합니다. 계산한 값 앞에는 -가 붙습니다.
544
{{{[dday(년-월-일)]}}}으로 호출합니다.
545
반대로, 이미 지나간 날짜를 기입하면, 지나간 일수를 계산합니다. 계산한 값 앞에는 +가 붙습니다.
546
예를들어, 2010년 10월 2일부터 지나간 일수를 계산하려면, {{{[dday(2010-10-02)]}}}와 같이 적으면 됩니다.
547
548
=== math ===
549
[[LaTeX|[math(\LaTeX{})]]] 수식을 출력합니다.
550
자세한 내용은 [[#LaTeX|수식 문단을 참고하세요.]]
551
552
== 접기 ==
553
||{{{ {{{#!folding 접기안내문구
554
(접힌 내용)
555
}}} }}} ||
556
||<#fff><:>{{{#!folding 접기안내문구
557
(접힌 내용)
558
}}} ||
559
텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
560
----
561
'''{{{#red 주의사항}}}'''
562
* 접기 안내문구 텍스트에는 나무마크나 html등 어떠한 문법도 적용되지 않습니다.
563
* 표에 접기 문법을 적용한 경우 표 바깥의 문법은 표 안에 적용되지 않습니다. 따라서 표 안쪽의 문법은 따로 설정해야 합니다.
564
565
=== 여러개의 틀을 한꺼번에 접기(고급) ===
566
{{{|| {{{#!folding 접기/펼치기
567
{{{#!folding 접기1번
568
내용 1
569
}}}
570
{{{#!folding 접기2번
571
내용 2
572
}}}
573
}}} ||}}}
574
|| {{{#!folding 접기/펼치기
575
{{{#!folding 접기1번
576
내용 1
577
}}}
578
{{{#!folding 접기2번
579
내용 2
580
}}}
581
}}} ||
582
583
하나의 접기 문법 틀 안에 다른 접기문법 들을 넣으면, 바깥에 있는 접기 문법을 열였을 때 내부에 있던 접기들이 한꺼번에 펼쳐집니다. include문법을 이용한 틀을 넣었을 때에도 동일하게 적용됩니다.
584
585
=== 문단 접기 ===
586
문단을 표시하는 각 등호 뒤/앞에 {{{#}}}을 붙여 주세요. 그렇게 하면 문단이 기본으로 접힙니다.
587
588
예시:{{{====# 접힌 문단 #====
589
내용}}}
590
591
====# 접힌 문단 예시 #====
592
내용
593
[anchor(LaTeX)]
594
595
== 수식 ==
596
[[LaTeX|<math>\LaTeX{}</math>]]수식을 입력하는 법은 다음과 같습니다.
597
{{{<math> 식 </math>}}} - 비권장
598
{{{[math(식)]}}}
599
{{{<math> ax+by+cz=0</math>
600
}}}
601
<math> ax+by+cz=0</math>
602
'''{{{#orange {{{+1 주의사항}}}}}}'''
603
* 편집창에서 쓰는 띄어쓰기는 명령어를 구분해주는 기능을 합니다. 수식 자체의 띄어쓰기는 {{{\, \quad, \qquad}}}를 입력해 줍니다.
604
605
* 기술적인 문제로 LaTeX 대신 KaTeX를 사용 중이므로, 일부 문법은 미지원될 수 있습니다.
606
607
=== 분수 ===
608
분수는 {{{\frac{분자}{분모} }}}혹은{{{ {분자 \over 분모}}} 형태로 나타낼 수 있습니다. 이 때 글씨 크기를 일정하게 유지하려면{{{ \displaystyle}}}를 씁니다.
609
{{{<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}}
610
611
<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>
612
613
{{{<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}}
614
615
<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>
616
617
=== 첨자 ===
618
위첨자는 ^, 아래첨자는 _으로 적용할 수 있습니다.
619
{{{<math> \displaystyle a^2,\a_4,\a^3_5</math>}}}
620
<math> \displaystyle a^2, a_4, a^3_5</math>
621
*합(시그마)이나 곱(파이), 적분, 극한 을 나타내는 기호는 아래와 같이 {{{\sum, \prod, \int, \lim}}} 명령어와 위첨자, 아래첨자 기능을 씁니다.
622
이 때 원래 모양대로 나타내려면 마찬가지로 {{{\displaystyle}}}을 씁니다.
623
624
{{{<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}}
625
626
627
628
<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>
629
630
631
632
633
{{{<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}}
634
635
636
637
<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>
638
639
640
641
642
{{{<math> \lim_{x \to 0} \frac{\sin x}{x} </math> }}} →
643
644
645
646
<math> \lim_{x \to 0} \frac{\sin x}{x} </math>
647
648
649
650
{{{<math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math> }}}
651
652
653
<math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math>
654
655
656
657
658
{{{<math> \int^{b}_{a} x^n dx </math>}}}
659
660
661
<math> \int^{b}_{a} x^n dx </math>
662
663
664
665
666
{{{<math> \displaystyle \int^{b}_{a} x^n dx </math>}}}
667
668
669
<math> \displaystyle \int^{b}_{a} x^n dx </math>
670
671
=== 장식 기호 ===
672
장식 기호는 \기호명칭{문자} 로 나타낼 수 있습니다.
673
{{{<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>}}}
674
<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>
675
=== 정자체 ===
676
수식은 기본적으로 이탤릭체로 되어 있습니다. 수식 내에서 정자로 쓸 때에는 {{{\text{문구} }}}를 이용합니다.
677
{{{<math>\displaystyle {nT \over PV} = \text{const} </math>}}} → <math>\displaystyle {nT \over PV} = \text{const} </math>
678
679
삼각함수나 쌍곡선 함수, 로그, exp 등의 특수함수는 \\ 기호로 간단하게 쓸 수 있습니다.
680
{{{<math> \sin x, \cos x, \tan x </math>}}} →<math> \sin x, \cos x, \tan x </math>
681
{{{<math> \sinh y, \cosh y, \tanh y </math>}}} →<math> \sinh y, \cosh y, \tanh y </math>
682
{{{<math> \exp(t), \log W, \ln W </math>}}} →<math> \exp(t), \log W, \ln W </math>
683
684
== 동영상 삽입 ==
685
=== [[유튜브]] ===
686
{{{ [youtube(유튜브 공유 링크)] }}} 로 유튜브 동영상을 삽입 가능합니다.
687
공유 링크는 해당 영상의 공유 버튼을 나오면 뒤에 나오는 영문과 숫자가 혼합된 문자를 말합니다.
688
689
예시) https://youtu.be/{{{#red __-4pQ_qyqL2E__}}}
690
-> {{{[youtube(-4pQ_qyqL2E)]}}}
691
[youtube(-4pQ_qyqL2E)]
692
--[[리그베다위키|왜 하필이면..]]--
693
694
{{{#orange {{{+2 매개변수}}}}}}
335
그러나 표 안에 리스트 또는 수평줄을 사용해야 하는 경우에 한하여 엔터 키로 개행하기도 합니다.
336
{{{#!wiki style="word-break: keep-all"
337
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
338
||{{{#!wiki style=""
339
{{{|| 엔터 키를 이용해 개행하면
695340
-----
696
매개변수는 {{{[youtube(ID, 매개변수)]}}} 혹은 {{{[youtube(ID,매개변수=값, 매개변수=값)]}}}와 같은 방식으로 쓸 수 있습니다.
697
[[파일:속성.png|width=16px]] width - 가로길이
698
[[파일:속성.png|width=16px]] height - 세로길이
699
[[파일:속성.png|width=16px]] start - 시작 시간(초)
700
예시: {{{
701
[youtube(-4pQ_qyqL2E, width=80%, height=300px, start=29)]
702
}}}
703
[youtube(-4pQ_qyqL2E, width=80%, height=300px, start=29)]
704
{{{#orange {{{+1 팁}}}}}}
705
길이는 px, % 등을 사용할 수 있습니다. 다만 height에는 %를 사용할 수 없습니다.
706
707
=== [[카카오TV]] ===
708
유튜브 링크와 같이 {{{ [kakaotv(카카오TV 공유 링크)] }}} 로 삽입이 가능합니다.
709
여기서 공유 링크는 해당 영상 주소의 cliplink/ 뒤의 숫자를 말합니다.
710
711
예시) https://tv.kakao.com/channel/2691790/cliplink/{{{#red __300755394__}}} -> {{{[kakaotv(300755394)]}}}
712
713
[kakaotv(300755394)]
714
--[[섬네일]]이 [[크리퍼|심상치]] [[모에화|않다]][[H|(...)]]--
715
341
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다. ||}}}}}}||{{{#!wiki style=""
342
|| 엔터 키를 이용해 개행하면
716343
-----
717
매개변수는 {{{[kakaotv(ID,매개변수=값, 매개변수=값)]}}}와 같은 방식으로 쓸 수 있습니다.
718
[[파일:속성.png|width=16px]] width - 가로길이
719
[[파일:속성.png|width=16px]] height - 세로길이
720
721
예시: {{{
722
[kakaotv(300755394, width=80%, height=300px)]
344
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다. ||}}}||
723345
}}}
724346
725
[kakaotv(300755394, width=80%, height=300px)]
347
아니면 개행(Line '''Br'''eaking) 코드인 {{{[br]}}} 코드를 이용해서 다음과 같이 표안에 리스트를 구현할 수 있습니다.
348
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
349
||{{{#!wiki style=""
350
{{{ || [br]
351
*example
352
*example ||}}}}}}||{{{#!wiki style=""
353
|| [br]
354
*example
355
*example ||}}}||
726356
727
{{{#orange {{{+1 팁}}}}}}
728
길이는 px, % 등을 사용할 수 있습니다.
357
위와 같이 {{{[br]}}} 문법을 사용하거나 엔터로 강제 개행을 한 다음 리스트를 사용시, 반드시 리스트 위에 어떠한 내용 혹은 빈줄이 생기게 됩니다. 아래와 같이 아무 문법을 호출한 다음 아무런 입력을 하지않고 개행을 하면 빈줄이 생기지 않습니다.
358
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=#FFF,#1F2023> 문법 || 출력 ||
359
||{{{''''''}}}로 텍스트 굵게 문법을 호출함{{{#!wiki style=""
360
{{{||''''''
361
*example
362
*example ||}}}
363
}}}||{{{#!wiki style=""
364
||''''''
365
*example
366
*example ||}}}||
729367
730
=== [[니코니코 동화]] ===
731
위 두개와 똑같이 {{{[nicovideo(번호)]}}}를 사용하세요. 번호는 sm~~으로 시작하는 번호입니다.
732
[[파일:속성.png|width=16px]] width - 플레이어 가로 길이(px,% 등...)
733
[[파일:속성.png|width=16px]] height - 플레이어 세로 길이 (px...)
368
=== 셀 합치기 ===
369
==== 가로 합치기 ====
370
{{{+1 '''방법 1'''}}}
371
테이블의 셀을 구성하는 {{{||}}} 을 입력한 뒤, 추가로 합치고자 하는 셀의 개수만큼 {{{||}}} 을 더 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 을 '''한 번''' 더 입력합니다.
734372
735
예시를 들어볼까요. [[https://www.nicovideo.jp/watch/sm15585578]]를 702*400으로 삽입해 봅시다. 번호는 sm15585578이니까, 다음과 같이 할 수 있습니다.
736
{{{
737
[nicovideo(sm15585578,width=702px,height=400px)]
738
}}}
739
[nicovideo(sm15585578,width=702px,height=400px)]
740
--[[케이온!|음]][[일상(만화)/애니메이션|?]]--
741
== [[HTML]] ==
742
알파위키는 html문법을 부분적으로 지원합니다.
743
{{{{{{#!html (코드)}}}}}} 형태입니다. 여는 부분(앞)과 닫는 부분(뒤)이 둘 다 있어야 html문법이 적용됩니다.
373
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
374
||{{{
375
|| 한 || 칸 || 짜 || 리 ||
376
|||| 두칸 |||| 짜리 ||
377
|||||| 세칸짜 || 리 ||
378
|||||||| 네칸짜리 ||
379
}}}||{{{#!wiki style=""
380
|| 한 || 칸 || 짜 || 리 ||
381
|||| 두칸 |||| 짜리 ||
382
|||||| 세칸짜 || 리 ||
383
|||||||| 네칸짜리 ||}}}
384
||
744385
386
----
387
{{{+1 '''방법 2'''}}}
388
{{{||}}}을 여러 번 입력하지 않고 간편하게 합치는 방법도 존재합니다. 테이블의 셀을 구성하는 {{{||}}} 을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<-수>}}} 를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<-2>}}}를 입력합니다. {{{<-1>}}} 이 아님에 유의하십시오.
745389
746
div 문법을 사용하면 강제로 줄이 바뀌고, span 문법을 사용하면 줄이 바뀌지 않습니다.
747
||<:><width=110px><-2><bgcolor=#ffffff>[[종점1역|{{{#!html<div style="font-size:13px"><font color="#585858">종점1 방면</font>}}}]][[종점2역|{{{#!html<div style="font-size:13px"><font color="#585858">종점2 방면</font>}}}]][[다음역|다음]][br]x.x ㎞ →||<:><width=110px><-2><bgcolor=#ffffff>[[종점3역|{{{#!html<span style="font-size:13px"><font color="#585858">종점1 </font>}}}]][[종점2역|{{{#!html<span style="font-size:13px"><font color="#585858">· 종점4</font>}}}]] {{{#!html<span style="font-size:13px"><font color="#585858">방면</font>}}}[br][[다음역|다음]][br]x.x ㎞ →||
748
||<-2>div 문법 사용(강제 줄바꿈)||<-2>span 문법 사용 (줄바꿈 X)||
390
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
391
||{{{|| 한 || 칸 || 짜 || 리 ||
392
||<-2> 두칸 ||<-2> 짜리 ||
393
||<-3> 세칸짜 || 리 ||
394
||<-4> 네칸짜리 ||
395
}}}||{{{#!wiki style=""
396
|| 한 || 칸 || 짜 || 리 ||
397
||<-2> 두칸 ||<-2> 짜리 ||
398
||<-3> 세칸짜 || 리 ||
399
||<-4> 네칸짜리 ||}}}||
749400
750
>{{{[[종점1역|{{{#!html<div style="font-size:13px"><font color="#585858">종점1 방면</font>}}}]]}}}
401
----
402
한 줄의 모든 셀을 합치고자 할 경우, {{{<-}}} 뒤에 적당히 큰 수를 입력하면 셀의 개수를 셀 필요 없이 모든 셀이 합쳐집니다.
403
'''{{{#red 주의}}}''': 이 경우 bordercolor 속성을 사용할 때, 브라우저에 따라 가장자리가 깨지고, 토론에 해당 표를 달 때 표가 이상하게 보이는 경우가 생기게 되므로 지양합시다.
404
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
405
||{{{
406
|| 테이 || 블이 || 몇칸 || 이든 ||
407
||<-9> 한 번에 다 합쳐집니다. ||
408
}}}||{{{#!wiki style=""
409
|| 테이 || 블이 || 몇칸 || 이든 ||
410
||<-9> 한 번에 다 합쳐집니다. ||}}}||
411
||{{{
412
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
413
||<-9> 한 번에 다 합쳐집니다. ||
414
}}}||{{{#!wiki style=""
415
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
416
||<-9> 한 번에 다 합쳐집니다. ||}}}||
417
*다만 표의 <-(숫자) >문법을 적당히 놓으면 위와 같은 현상을 해결할 수 있습니다.
418
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
419
||{{{
420
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
421
||<-4> 한 번에 다 합쳐집니다. ||
422
}}}||{{{#!wiki style=""
423
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
424
||<-4> 한 번에 다 합쳐집니다. ||}}}||
425
----
426
그 밖에, 각 줄별로 다른 개수의 셀을 가운데에 맞추고 싶다면, [[최소공배수]]를 구해 적절히 나누는 방법이 있습니다.
427
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
428
||{{{||<-12> 1 ||
429
||<-6> 2 ||<-6> 둘 ||
430
||<-4> 3 ||<-4> 셋 ||<-4> three ||
431
||<-3> 4 ||<-3> 넷 ||<-3> four ||<-3> 四 ||
432
}}}||{{{#!wiki style=""
433
||<-12> 1 ||
434
||<-6> 2 ||<-6> 둘 ||
435
||<-4> 3 ||<-4> 셋 ||<-4> three ||
436
||<-3> 4 ||<-3> 넷 ||<-3> four ||<-3> 四 ||}}}||
751437
752
>{{{[[종점3역|{{{#!html<span style="font-size:13px"><font color="#585858">종점3 </font>}}}]]}}}
438
==== 세로 합치기 ====
439
세로로 여러 셀을 합치는 방법은 다음과 같습니다. 테이블의 셀을 구성하는 {{{||}}} 을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<|수>}}} 를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<|2>}}} 를 입력합니다. {{{<|1>}}} 이 아님에 유의하십시오.
440
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
441
||{{{
442
||<|4> 네줄 ||<|3> 세줄 ||<|2> 두줄 ||<|1> 한줄 ||
443
|| 여백1 ||
444
|| 여백2 || 여백3 ||
445
|| 여백4 || 여백5 || 여백6 ||
446
}}}||{{{#!wiki style=""
447
||<|4> 네줄 ||<|3> 세줄 ||<|2> 두줄 ||<|1> 한줄 ||
448
|| 여백1 ||
449
|| 여백2 || 여백3 ||
450
|| 여백4 || 여백5 || 여백6 ||}}}||
753451
754
class 속성은 span 태그에서만 가능합니다.
755
756
자세한 태그 목록은 [[HTML/태그]]문서를 참조하시기 바랍니다.
757
758
=== CSS 스타일 적용 ===
759
{{{{{{#!wiki style="스타일"
760
내용}}}}}} 형태이며, 열고 닫는 부분 모두가 있어야 합니다.
761
{{{{{{#!wiki style="background-color: orange"
762
오렌지색}}}}}}
763
764
{{{#!wiki style="background-color: orange"
765
오렌지색}}}
766
767
{{{#orange {{{+1 주의사항}}}}}}
768
1. 이러한 코드는 내부적으로 {{{<div>}}} 박스로 처리됩니다.
769
1. 스타일 내용과 본문 사이에는 줄바꿈이 있어야 합니다.
770
771
==== 문법 ====
772
각 스타일은 {{{;}}}(세미콜론)으로 구분합니다.
773
각 속성 뒤에는 {{{:}}}이 붙으며, 그 뒤에는 속성의 값을 작성합니다.
774
예를 들어, {{{background-color}}} 속성을 {{{black}}}[* 흑색]으로 적용하려면 {{{background-color: black}}}을 쓰실 수 있습니다.
775
[각주]
776
==== 테두리 ====
777
{{{border}}} 속성은 {{{wiki}}}문의 border(테두리)를 지정해 주는 속성입니다.
778452
----
779
{{{#orange {{{+2 사용법}}}}}}
780
{{{border: 두깨 스타일 색상}}}
781
782
{{{+1 용례}}}
783
{{{
784
{{{#!wiki style="border: 2px solid gray"
785
2px solid gray 스타일입니다.
786
}}}
787
}}}
788
{{{#!wiki style="border: 2px solid gray"
789
2px solid gray 스타일입니다.
790
}}}
791
-----
792
{{{+1 border 스타일}}}
793
-----
453
{{{#red '''주의!'''}}}
454
셀을 복잡하게 합칠 경우에는 줄 바꿈에 특히 유의하십시오. 필요한 모든 줄을 정확히 입력하지 않으면 제대로 표시되지 않습니다. 입력할 셀이 없는 줄에는 {{{||||}}}를 입력합니다. 왼쪽의 대상과 같은 테이블에서 같은 번호의 셀을 합치려면 다음과 같이 입력합니다.
455
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=200px> 대상 ||<width=300px> 입력 ||<width=200px> 출력 ||
456
||{{{|| 세줄1 || 두줄1 ||
457
|| 세줄1 || 두줄1 ||
458
|| 세줄1 || 두줄2 ||
459
|| 세줄2 || 두줄2 ||
460
|| 세줄2 || 두줄3 ||
461
|| 세줄2 || 두줄3 ||}}}
462
||{{{
463
||<|3> 세줄1 ||<|2> 두줄1 ||
464
||||
465
||<|2> 두줄2 ||
466
||<|3> 세줄2 ||
467
||<|2> 두줄3 ||
468
||||
469
}}}||{{{#!wiki style=""
470
||<|3> 세줄1 ||<|2> 두줄1 ||
471
||||
472
||<|2> 두줄2 ||
473
||<|3> 세줄2 ||
474
||<|2> 두줄3 ||
475
||||}}}
794476
||
795
{{{#!wiki style="border: 5px dotted #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
796
dotted
797
}}}{{{#!wiki style="border: 5px dashed #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
798
dashed
799
}}}{{{#!wiki style="border: 5px solid #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
800
solid
801
}}}{{{#!wiki style="border: 5px double #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
802
double
803
}}}{{{#!wiki style="border: 5px groove #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
804
groove
805
}}}{{{#!wiki style="border: 5px ridge #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
806
ridge
807
}}}{{{#!wiki style="border: 5px inset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
808
inset
809
}}}{{{#!wiki style="border: 5px outset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
810
outset
811
}}}{{{#!wiki style="border: 5px none #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
812
none
813
}}}{{{#!wiki style="border: 5px hidden #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
814
hidden
815
}}}
816
||
817
[br][br][br][br][br]
818
----
819
{{{#orange {{{+2 비슷한 속성}}}}}}
820
----
821
[[파일:속성.png|width=18px]] border-top
822
[[파일:속성.png|width=18px]] border-bottom
823
[[파일:속성.png|width=18px]] border-left
824
[[파일:속성.png|width=18px]] border-right
825
각각 상하좌우의 테두리를 설정하는 속성입니다. 사용 방법은 {{{border}}}와 같습니다.
826477
827
[[파일:속성.png|width=18px]] border-radius
828
이 속성은 테두리의 둥근 면의 반지름을 설정하는 속성입니다.
829
{{{
830
{{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;"
831
border-radius를 6px로 지정했습니다.
832
}}}
833
}}}
834
{{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;"
835
border-radius를 6px로 지정했습니다.
836
}}}
478
==== 가로세로 합치기 ====
479
셀을 가로와 세로로 모두 합칠 수 있습니다. {{{<-수>}}}와 {{{<|수>}}} 두 가지를 같이 입력합니다. 아니면 ||를 동시에 여러 개 입력하고 {{{<|수>}}}를 입력해도 됩니다.
480
||<rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=33%> 입력 1 ||<width=33%> 입력 2 ||<width=33%> 출력 ||
481
||{{{
482
|| 여백 || 여백 || 여백 || 여백 ||
483
|| 여백 ||<-3><|2> 3 곱하기 2 ||
484
|| 여백 ||
485
}}}||{{{
486
|| 여백 || 여백 || 여백 || 여백 ||
487
|| 여백 ||||||<|2> 3 곱하기 2 ||
488
|| 여백 ||
489
}}}||{{{#!wiki style=""
490
|| 여백 || 여백 || 여백 || 여백 ||
491
|| 여백 ||<-3><|2> 3 곱하기 2 ||
492
|| 여백 ||}}}||
837493
838
==== 줄바꿈 방지 ====
839
{{{float}}} 속성을 지정해 주시면 되며, 반드시 {{{wiki}}}의 닫는 중괄호와 그 다음 여는 중괄호는 붙어 있어야 합니다. 다음 예시를 보시면 이해가 쉬울 겁니다.
840
{{{+2 {{{#ABCDEF 예시1}}}}}}
841
{{{
842
{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
843
알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
844
알파위키
845
}}}}}}
846
||{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
847
알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
848
알파위키
849
}}}||
494
=== 테이블과 셀 꾸미기 ===
495
테이블, 또는 셀에 스타일을 적용하는 방법은 다음과 같습니다. 아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 꾸미기 문법이 아닌 다른 문법 혹은 기호나 서술이 들어갔을 경우 꾸미기는 적용되지 않으니 주의 바랍니다.
850496
851
{{{+2 {{{#ABCDEF 예시2}}}}}}
852
{{{
853
{{{#!wiki style="border:1px solid blue;float:left"
854
알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"
855
알파위키
856
}}}
857
}}}
858
||{{{#!wiki style="border:1px solid blue;float:left"
859
알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"
860
알파위키
861
}}}||
497
==== 테이블 꾸미기 ====
498
*'''테이블 정렬''': {{{<tablealign=}}}{{{#14F,#4AF (정렬 위치)}}}{{{>}}} 또는 {{{<table align=}}}{{{#14F,#4AF (정렬 위치)}}}{{{>}}}
499
*{{{<tablealign=left>}}} 또는 {{{<table align=left>}}}: 테이블 왼쪽 정렬 (기본)
500
*{{{<tablealign=center>}}} 또는 {{{<table align=center>}}}: 테이블 가운데 정렬
501
*{{{<tablealign=right>}}} 또는 {{{<table align=right>}}}: 테이블 오른쪽 정렬
502
오른쪽으로 정렬된 테이블은 왼쪽의 남은 공간에 문서가 출력됩니다.
503
다수의 테이블, 파일 정렬로 인한 레이아웃 뒤틀림의 수정에 {{{[clearfix]}}}를 이용할 수 있습니다.
862504
863
==== 색 ====
864
배경 색은 {{{background-color}}} 속성으로 처리합니다. color는 영국식 {{{colour}}}이 아닌 미국식 {{{color}}}로 작성해야 하는 점 유의해 주시기 바랍니다.
865
{{{
866
{{{#!wiki style="background-color: #ABCDEF"
867
#ABCDEF는 알파위키 상징색입니다.
868
}}}
869
}}}
870
{{{#!wiki style="background-color: #ABCDEF"
871
#ABCDEF는 알파위키 상징색입니다.
872
}}}
505
----
873506
874
글자 색은 {{{color}}} 속성으로 처리합니다. 역시 color는 미국식입니다. 다만, 글자색은 {{{{{{#색 내용}}}}}} 문법으로 더 쉽게 처리할 수 있다는 점을 기억해 두시기 바랍니다.
875
{{{
876
{{{#!wiki style="color: #ABCDEF"
877
#ABCDEF는 알파위키 상징색입니다.
878
}}}
879
}}}
880
{{{#!wiki style="color: #ABCDEF"
881
#ABCDEF는 알파위키 상징색입니다.
882
}}}
883
{{{+1 {{{#orange 주의사항 }}}}}}
884
위 예시와 같이, 밝은 배경과 밝은 색을 혼합하면 가독성이 떨어집니다.
507
*'''테이블 크기'''
508
*테이블 전체 너비: {{{<tablewidth=}}}{{{#14F,#4AF (수치)}}}{{{>}}} 또는 {{{<table width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
509
*{{{<tablewidth=100px>}}} 또는 {{{<table width=100px>}}}: 절대 수치
510
*{{{<tablewidth=50%>}}} 또는 {{{<table width=50%>}}}: 상대 수치
511
*셀 너비: {{{<width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
512
*{{{<width=100px>}}}: 절대 수치
513
*{{{<width=50%>}}}: 상대 수치
514
*셀 높이: {{{<height=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
515
*{{{<height=100px>}}}: 절대 수치
516
*{{{<height=50%>}}}: 상대 수치
885517
886
==== 텍스트 그림자 효과 ====
887
글자에 그림자 효과를 냅니다. 가로이동과 세로이동을 0으로 지정해놓으면 네온 효과가 납니다.
888
{{{{{{#!html <span style="text-shadow: 가로이동px 세로이동px 그림자크기px #그림자 색상 코드;color:#글자 색상 코드">텍스트</span>}}}}}}
889
{{{#!html <span style="text-shadow: 2px 2px 6px #767676;color:#000">예시</span>}}}와 같이 나타나며,
518
----
890519
891
{{{{{{#!html <span style="text-shadow: 0px -2px 4px #FF0000, -3px -1px 4px #FFA500, -3px 1px 4px #FFFF00, 0px 2px 4px #00FF00, 3px 1px 4px #00FFFF, 3px -1px 4px #0000FF;color: #FFFFFF">이와같이 세로 이동을 움직여 색깔을 섞어서 쓸 수 도 있습니다.</span>}}}
892
}}}
893
{{{#!html <span style="text-shadow: 0px -2px 4px #FF0000, -3px -1px 4px #FFA500, -3px 1px 4px #FFFF00, 0px 2px 4px #00FF00, 3px 1px 4px #00FFFF, 3px -1px 4px #0000FF;color: #FFFFFF">이와같이 세로 이동을 움직여 색깔을 섞어서 쓸 수 도 있습니다.</span>}}}
520
*'''테이블 색상''': 자세한 색상 표기 방법에 관해서는 [[#textcolor|텍스트 색상 문단]]을 참고하시기 바랍니다.
521
*색상 지정 우선 순위: 셀 지정 > 한 열 지정 > 한 행 지정 > 테이블 전체 지정
522
*'''{{{#red 주의}}}''': 텍스트 색상 문법과는 달리, [[헥스 코드#s-5.1|CSS 색상명]]을 사용할 경우 앞에 {{{#}}}를 붙이지 않습니다.
523
*예시: {{{<bgcolor=white>}}}, {{{<tablecolor=black>}}}...
524
*색상 지정시 {{{#14F,#4AF (기본 색상)}}}{{{,}}}{{{#14F,#4AF (다크 테마용 색상)}}}과 같이 콤마({{{,}}})로 구분하여 다크 테마용 색깔을 지정할 수 있습니다.
525
* {{{<bgcolor=#RRGGBB>}}}: 테마와 관계없이 언제나 동일한 색상이 적용됩니다.
526
* {{{<bgcolor=#RRGGBB,#RRGGBB>}}}: 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다.
527
*예시: {{{<bgcolor=#00a495,#2d2f34>}}}, {{{<tablecolor=#00a495,#2d2f34>}}}...
528
*배경색
529
*우선 순위: {{{bgcolor}}} > {{{colbgcolor}}} > {{{rowbgcolor}}} > {{{tablebgcolor}}}
530
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%>||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
531
||<rowbgcolor=#40A198>{{{rowbgcolor}}}|| || || ||
532
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
533
534
*2개 이상이 합쳐진 셀
535
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%><|2> {{{<|2>}}} ||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
536
||<rowbgcolor=#40A198>{{{rowbgcolor}}}||<-2> {{{<-2>}}} ||
537
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
538
셀을 합치는 명령어 {{{<-2>}}}/{{{<|2>}}}같은 명령어가 입력된 셀의 것을 따라갑니다. 즉 입력한 숫자 값만큼 왼쪽/위의 셀의 것을 따라갑니다.
539
*셀 지정: {{{<bgcolor=#RRGGBB>}}}
540
*'''{{{#red 주의}}}''': 앞에 {{{bgcolor=}}}이 없는 {{{<#RRGGBB>}}}나 {{{<red>}}} 형식은 지원이 중단될 예정입니다.
541
*비표준 문법으로 셀 배경에 그라데이션을 적용할 수 있습니다. [[/심화#그라데이션|심화 문법]]의 응용 예시 참고.
542
*한 열 지정: {{{<colbgcolor=#RRGGBB>}}}
543
*색상을 지정한 셀부터 아래로만 적용됩니다. 빈 셀에는 색상이 적용되지 않습니다.
544
*'''{{{#red 주의}}}''': {{{<col bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
545
*'''{{{#red 주의}}}''': 다크 테마용 색상을 적용시킨 한 열 지정 문법과 셀 지정 문법이 충돌하게 되면, 셀 지정 문법에 다크 테마용 색상을 적용시키지 않는 이상 다크 테마에서는 셀 지정 문법의 색상 코드가 사라지는 버그가 있습니다.
546
예시: {{{<colbgcolor=#FFF,#000>}}}와 {{{<bgcolor=#F5F5F5>}}}가 충돌할 경우 라이트 테마에서는 #F5F5F5, 다크 테마에서는 #000 색상으로 출력됩니다. 다크 테마에서도 #F5F5F5 색상을 유지하고 싶은 경우엔 {{{<bgcolor=#F5F5F5,#F5F5F5>}}}로 입력해야 합니다.
547
*한 행 지정: {{{<rowbgcolor=#RRGGBB>}}}
548
*'''{{{#red 주의}}}''': {{{<row bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
549
*테이블 전체 지정: {{{<tablebgcolor=#RRGGBB>}}} 또는 {{{<table bgcolor=#RRGGBB>}}}
550
*글자색
551
*우선 순위: {{{color}}} > {{{colcolor}}} > {{{rowcolor}}} > {{{tablecolor}}}
552
*셀 지정: {{{<color=#RRGGBB>}}}
553
*한 열 지정: {{{<colcolor=#RRGGBB>}}}
554
*색상을 지정한 셀부터 아래로만 적용됩니다.
555
*'''{{{#red 주의}}}''': {{{<col color=#RRGGBB>}}}는 지원하지 않습니다.
556
*한 행 지정: {{{<rowcolor=#RRGGBB>}}}
557
*'''{{{#red 주의}}}''': {{{<row color=#RRGGBB>}}}는 지원하지 않습니다.
558
*테이블 전체 지정: {{{<tablecolor=#RRGGBB>}}} 또는 {{{<table color=#RRGGBB>}}}
559
*테두리색: {{{<tablebordercolor=#RRGGBB>}}} 또는 {{{<table bordercolor=#RRGGBB>}}}
560
테두리색 옵션을 줄 경우 테두리의 굵기가 기존 1px에서 2px로 변경되어 색을 더 잘 보이게 해줍니다. 그에 따라 셀 안쪽의 너비가 좁아지는데 [[웹 브라우저]]에 따라 구현이 다르므로 주의해야 합니다. 익스플로러, 파이어폭스의 경우 가장 좌측 셀의 너비가 1 줄어들고, 오페라의 경우 가장 우측 셀의 너비가 1 줄어듭니다. 정밀하게 셀 크기를 조정할 때 참고해야 합니다.
894561
895
==== 폰트 ====
896
{{{font-family}}} 속성을 이용하시면 됩니다.
897
{{{
898
{{{#!wiki style="font-family: Times New Roman;float:left"
899
이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial"
900
이건 Arial입니다.}}}
901
}}}
902
{{{#!wiki style="font-family: Times New Roman;float:left"
903
이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial"
904
이건 Arial입니다.}}}
562
----
905563
906
==== 여백 ====
907
{{{padding}}} 속성은 틀 안의 여백을 정의하고, {{{margin}}} 속성은 틀과 다른 요소 사이의 여백을 정의합니다.
908
{{{
909
||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;"
910
padding 15px에 margin 10px입니다.
911
}}}||
912
}}}
913
||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;"
914
padding 15px에 margin 10px입니다.
915
}}}||
564
*'''셀 텍스트 정렬'''
565
*가로 정렬
566
*{{{<(>}}} 또는 셀에서 ||(텍스트) ||: 텍스트 왼쪽 정렬 (기본)
567
*{{{<:>}}} 또는 셀에서 || (텍스트) ||: 텍스트 가운데 정렬
568
*{{{<)>}}} 또는 셀에서 || (텍스트)||: 텍스트 오른쪽 정렬
569
||{{{||<(>텍스트[br]왼쪽[br]정렬||}}} || {{{||<:>텍스트[br]가운데[br]정렬||}}} || {{{||<)>텍스트[br]오른쪽[br]정렬||}}}||
570
||{{{||텍스트[br]왼쪽[br]정렬 ||}}} || {{{|| 텍스트[br]가운데[br]정렬 ||}}} || {{{|| 텍스트[br]오른쪽[br]정렬||}}}||
571
||<(>텍스트[br]왼쪽[br]정렬||<:>텍스트[br]가운데[br]정렬||<)>텍스트[br]오른쪽[br]정렬||
572
573
*'''세로 정렬'''
574
*{{{<^|숫자>}}}: 텍스트 수직 위 정렬
575
*{{{<|숫자>}}}: 텍스트 수직 가운데 정렬 (기본)
576
*{{{<v|숫자>}}}: 텍스트 수직 아래 정렬
577
578
텍스트의 수직 정렬을 세로로 합쳐진 셀 이외에 적용하려면 숫자에 '1'을 넣으면 됩니다.
579
||{{{||<^|1> 수직 위 정렬 ||}}}||{{{||<|1> 수직 가운데 정렬 ||}}}||{{{||<v|1> 수직 아래 정렬 ||}}}||
580
||<height=50><^|1> 수직 위 정렬 ||<|1> 수직 가운데 정렬 ||<v|1> 수직 아래 정렬 ||
916581
917
==== 요소의 넓이 강제 100%지정 막기 ====
918
{{{{{{#!wiki}}}}}} 문법이 내부적으로 {{{<div>}}} 박스로 처리되는 관계로, 기본적으로 해당 스타일 내부의 요소의 넓이는 100%로 강제 설정됩니다. 이를 막으려면, {{{display}}} 속성을 {{{table}}}으로 설정하거나 {{{width}}} 속성을 정의하시면 됩니다.
919
{{{
920
{{{#!wiki style="border: 2px dotted #abcdef;"
921
속성 적용 안함
922
}}}
923
{{{#!wiki style="border: 2px dotted #abcdef;display:table;"
924
display:table
925
}}}
926
{{{#!wiki style="border: 2px dotted #abcdef;width:100px;"
927
width 100px
928
}}}
929
}}}
930
{{{#!wiki style="border: 2px dotted #abcdef;"
931
속성 적용 안함
932
}}}
933
{{{#!wiki style="border: 2px dotted #abcdef;display:table;"
934
display:table
935
}}}
936
{{{#!wiki style="border: 2px dotted #abcdef;width:100px;"
937
width 100px
938
}}}
582
== 접기 ==
583
*'''관련 심화 문법''': [[알파위키:문법 도움말/심화#접기|접기 심화 문법]] (틀 안의 틀, 접기 내부 여백 제거)
939584
940
==== 넓이 및 높이 ====
941
넓이 및 높이는 {{{width}}} 및 {{{height}}} 속성으로 설정할 수 있습니다.
942
{{{
943
{{{#!wiki style="width: 100px; height: 50px; border: 2px solid black;"
944
width 100px, height 500px
945
}}}
946
}}}
947
{{{#!wiki style="width: 100px; height: 50px; border: 2px solid black;"
948
width 100px, height 500px
949
}}}
585
주로 내용이 매우 많은 표나 틀을 첨부할 때 문서의 간결함을 위하여 사용하거나 불쾌감/혐오감을 줄 수 있는 사진을 첨부할 때 사진 열람을 원하지 않는 사람을 배려하기 위하여 사용합니다.
950586
951
==== 그라디언트 ====
952
박스에 그라디언트 속성을 정의합니다. 구버전 IE 등 일부 웹브라우저에서는 깨져 보일 수 있으므로, {{{background-color}}} 속성과 병행하여 사용하는 것을 추천합니다. 다만 이러한 경우에는, 그라디언트 관련 속성이 뒤에 와야 우선권을 가집니다.
587
기본적으로는 접힌 상태로 있으며 텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
953588
954
===== 선형 =====
955
{{{background-image}}} 속성에 {{{linear-gradient(to 방향, 색1 퍼센트, 색2 퍼센트)}}}의 값을 적용시킬 수 있습니다.
956
또는, 값을 간소화하여 {{{linear-gradient(to 방향, 색1, 색2)}}}로 사용할 수 있습니다.
957
색은 갯수 제한없이 사용 가능하며, 콤마(,)로 구분하여 색의 이름(white, black, blue 등), html 색 값(#ABCDEF 등) 또는 RGB 값(''rgb(0,0,0)'' 또는 ''rgba(0,0,0,0.5)'')으로 쓸 수 있습니다.
958
{{{
959
{{{#!wiki style="background-image:linear-gradient(to right, #ABCDEF, #C0AAE1)"
960
#ABCDEF에서 #C0AAE1로 그라디언트!
961
}}}
962
}}}
963
{{{#!wiki style="background-image:linear-gradient(to right, #ABCDEF, #C0AAE1)"
964
#ABCDEF에서 #C0AAE1로 그라디언트!
965
}}}
589
참고로 문단의 내용을 통째로 접고자 할 때는 이 기능보다는 문단 접기 문법을 사용하는 것이 좋습니다. [[#s-7|해당 설명]] 참조해주세요.
966590
967
===== 원형 =====
968
{{{background-image}}} 속성에 {{{radial-gradient}}} 속성을 적용하시면 됩니다. 사용법은 선형 그라디언트와 같습니다. 다만, 방향의 값을 적용시키지 않습니다.
969
{{{
970
{{{#!wiki style="background-image:radial-gradient(#ABCDEF 40%, #C0AAE1 80%);height:100px;"
971
원형 그라디언트!
972
}}}
973
}}}
974
{{{#!wiki style="background-image:radial-gradient(#ABCDEF 40%, #C0AAE1 80%);height:100px;"
975
원형 그라디언트!
976
}}}
591
|| 문법 ||'''{{{#red 주의}}}''': 접기 링크 텍스트에는 위키문법이 적용되지 않습니다.
592
{{{{{{#!folding 【''접기'' 링크 텍스트 】
593
【내용 1】
594
【'''내용 2'''】}}}}}}||
595
|| 결과 ||{{{#!folding 【''접기'' 링크 텍스트】
596
【내용 1】
597
【'''내용 2'''】}}} ||
977598
978
===== 정보상자에서의 활용 =====
979
물론 그라디언트를 정보상자에 적용시키는 것도 가능합니다.
980
{{{
981
||<-2><:>{{{#!wiki style="background:linear-gradient(to right,skyblue,#abcdef);margin:-5px -10px;"
982
{{{#white 나무마크}}}}}}||
983
||<)>사용 엔진||[[the seed]]||
984
||<)>개발자||[[namu]],[[kasio]]||
985
}}}
986
||<-2><:>{{{#!wiki style="background:linear-gradient(to right,skyblue,#abcdef);margin:-5px -10px;"
987
{{{#white 나무마크}}}}}}||
988
||<)>사용 엔진||[[the seed]]||
989
||<)>개발자||[[namu]],[[kasio]]||
990599
991
==== 박스 중앙정렬 ====
992
다음과 같이 박스를 중앙 정렬할 수 있습니다.
993
{{{
994
{{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;"
995
중앙정렬된 박스.
996
}}}
997
}}}
998
{{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;"
999
중앙정렬된 박스.
1000
}}}
1001
또는, 강제로 넓이를 지정하기보다는 유동적인 넓이를 적용하기 위해서 다음과 같이 할 수도 있습니다.
1002
{{{
1003
{{{#!wiki style="display:table;border:1px solid black;margin:0 auto;"
1004
중앙정렬된 박스!
1005
}}}
1006
}}}
1007
1008
{{{#!wiki style="display:table;border:1px solid black;margin:0 auto;"
1009
중앙정렬된 박스!
1010
}}}
1011
1012
여기서 박스 넓이가 강제로 100%로 설정되는 현상을 방지하는 조치를 하는 점과 {{{margin}}}을 ''0 auto''로 지정하였다는 점이 핵심입니다.
1013
1014
==== 텍스트 중앙정렬 ====
1015
''text-align'' 속성을 ''center''로 설정하시면 됩니다.
1016
{{{
1017
{{{#!wiki style="border: 1px solid black;text-align:center"
1018
중앙 정렬된 텍스트.
1019
}}}
1020
}}}
1021
{{{#!wiki style="border: 1px solid black;text-align:center"
1022
중앙 정렬된 텍스트.
1023
}}}
1024
1025
=== 틀 ===
1026
HTML을 이용해 틀을 만들 수 있습니다. 알파위키에서 사용되는 틀의 형식은 다음과 같습니다.
1027
{{{{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid orange;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1028
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}}}}
1029
{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid orange;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1030
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1031
{{{#orange orange}}} - 주의 문구에 쓰입니다.
1032
1033
{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid green;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1034
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1035
{{{#green green}}} - 잘 쓰이지 않습니다. 편집시의 주의할 사항을 적습니다.
1036
1037
{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid crimson;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1038
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1039
{{{#crimson crimson}}} - 강한 경고에 쓰입니다.
1040
1041
{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid #abcdef;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1042
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1043
{{{#abcdef #ABCDEF}}} - 공식 문서에 쓰입니다.
1044
1045
{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid blue;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1046
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1047
{{{#blue blue}}} - 더 강력한 경고에 쓰입니다.
1048
1049
{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid purple;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1050
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1051
{{{#purple purple}}} - 범죄와 같은 '''{{{+1 매우}}}''' 강력한 경고에 쓰입니다.
1052
1053
==== 응용 형식 ====
1054
===== border 위로 =====
1055
다음과 같은 형식으로 border을 위로 올려놓을 수 있습니다. 앏은 틀에 사용하기에 유용합니다.
1056
{{{{{{#!wiki style="border:1px solid #E0E0E0;border-top:3px solid orange;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1057
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}}}}
1058
{{{#!wiki style="border:1px solid #E0E0E0;border-top:3px solid orange;padding:12px;box-shadow:3px 3px 10px #B3B3B3;margin-right:10px;"
1059
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1060
1061
===== 나무위키 방식 =====
1062
{{{{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px;"
1063
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}}}}
1064
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px;"
1065
{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1066
[[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EB%AC%B8%EB%B2%95%20%EB%8F%84%EC%9B%80%EB%A7%90/%EC%8B%AC%ED%99%94#s-12.1|출처]]
1067
1068600
== 분류 ==
1069
{{{[[분류:분류명]]}}}으로 문서에 맞는 분류를 적용할 수 있습니다.
1070
어떤 분류에 해당하는 문서를 찾고 싶으면, 그 분류에 해당하는 문서의 최하단의 분류명을 누르거나,
1071
{{{분류:분류명}}}을 검색하면 그 분류에 해당하는 문서가 정리되어 있습니다.
601
문서를 분류에 넣으려면 문서의 최상단 또는 최하단에 {{{[[분류:분류]]}}}를 입력하면 됩니다. [[:분류:분류]]에서 적당한 분류를 찾아 문서의 최상단 또는 최하단에 입력하면 됩니다. 그러나 중간에 입력하더라도 정상적으로 뜹니다. 입력하면 문서의 최상단 또는 최하단[* senkawa 스킨을 사용한다면 스킨 설정을 통해 최하단에 표시할 수 있습니다.]에 아래와 같이 표시됩니다.
1072602
1073
{{{[[분류:분류명#blur]]}}}로 특정 분류를 숨길 수 있습니다. 스포일러 방지에 유용한 기능이며, 마우스를 오버하면 분류가 표시됩니다.
603
{{{#!wiki style="border: 1px solid #CCCCCC;border-radius:4px;padding:3px;padding-left:5px;"
604
분류: [[:분류:분류|분류]]}}}
1074605
1075
분류 문서로 링크하실 때는, {{{[[:분류:분류명]]}}}을 입력하셔야 합니다.
606
참고로, 사용자 페이지의 '스킨 설정'에서 분류 바의 표시 위치를 최상단이나 최하단으로 바꿀 수 있습니다.
1076607
1077
== 문법 강조 ==
1078
해당하는 프로그래밍 언어의 문법을 강조해서 표기합니다. 지원하는 언어는 [[C++]] (cpp)와 [[C##]] (csharp), [[CSS]] (css), [[Go]] (go), [[Java]] (java), [[JavaScript]] (javascript), [[JSON]] (json), [[마크다운]] (markdown), [[Objective-C]] (objectivec), [[Perl]] (perl), [[PHP]] (php), [[Python]] (python), [[Ruby]] (ruby), [[SQL]] (sql), [[TypeScript]] (typescript), [[XML]] (xml)입니다.
1079
사용법:
1080
{{{{{{#!syntax 언어명
1081
코드
1082
}}}}}}
1083
예시:
1084
{{{#!syntax javascript
1085
const http = require('http');
608
{{{[[분류:(분류명)]]}}}으로 새 문서를 만들면 새로운 분류가 생성됩니다. 상위 분류에 추가하고 싶다면 문서와 동일하게 {{{[[분류:(상위 분류명)]]}}}을 입력하면 됩니다.
1086609
1087
const hostname = '127.0.0.1';
1088
const port = 3000;
610
단, 분류를 하는 것이 아닌 분류 문서를 링크하는 경우에는 앞에 : 또는 빈칸을 삽입하여야 합니다. {{{[[:분류:분류]]}}} 또는 {{{[[ 분류:분류]]}}}와 같이 입력하면 [[:분류:분류]]처럼 처리됩니다.
1089611
1090
const server = http.createServer((req, res) => {
1091
res.statusCode = 200;
1092
res.setHeader('Content-Type', 'text/plain');
1093
res.end('Hello World\n');
1094
});
612
----
1095613
1096
server.listen(port, hostname, () => {
1097
console.log(`Server running at http://${hostname}:${port}/`);
1098
});
1099
}}}
1100
코드는 [[https://nodejs.org/ko/about/|여기]]에서 가져왔습니다.
1101
[anchor(문법무시)]
614
내용 누설이나 [[스포일러]]성을 띠는 분류는 편집 시 분류 문법 뒤에 {{{#blur}}}를 붙이면 바로 노출되는 것을 막을 수 있습니다. 예를 들어, {{{[[분류:ABCD]]}}}의 경우 {{{[[분류:ABCD#blur]]}}}와 같이 입력하고 문서를 저장하면, 문서 내의 '분류 바'에 해당 분류에만 블러(흐리게) 효과가 적용됩니다.
1102615
1103
== 문법 무시 ==
1104
{{{{{{내용}}}}}}을 쓸 수 있습니다.
1105
또는, 문법의 적절한 부분에 역슬래시(\\)를 넣어 주시면 됩니다.
616
{{{#!wiki style="border: 1px solid #CCCCCC;border-radius:4px;padding:3px;padding-left:5px;"
617
분류: [[:분류:분류|분류]] | [[파일:6235495.jpg]]}}}
1106618
1107
|| 구현방식 || 입력 || 출력 ||
1108
|| 보통 || {{{'''이런 것!'''}}} || '''이런 것!''' ||
1109
|| 역슬래시 || {{{'\'' 이런 것! '''}}} || '\''이런 것!''' ||
1110
|| 역슬래시 || {{{'\'' 이런 것! '\''}}} || '\'' 이런 것! ''\' ||
619
적용 시에 위와 같이 출력됩니다. 블러 효과가 적용된 분류에 마우스 커서를 가져다 대거나[*컴퓨터 컴퓨터의 경우] 손으로 터치하면[*스마트폰 스마트폰의 경우] 블러 효과 없이 나타납니다.
1111620
1112
'''{{{#orange 주의사항}}}'''
1113
*볼드체와 같은 문법에는 작은 따옴표 3개 중 첫번째와 두번째 사이에 역슬래시를 삽입하여야 제대로 나옵니다. 이는 여는 문법과 닫는 문법을 구분하지 아니합니다.
1114
* 역슬래시 (\\)를 출력하시려면 역슬래시를 두번 입력하시면 됩니다.( {{{#!html &#92;&#92;}}} -> \\) 혹은, {{{{{{#!html &#92;}}}}}} ->{{{#!html &#92;}}}를 사용하세요. 전자를 추천드립니다.
621
[각주]
622
== 문법 무효화 ==
623
문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 \\를 입력해 주시면 됩니다.
624
||<table align=center><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
625
|| {{{\\}}} || \\ ||
626
|| {{{[[Fate/Grand Order/서번트/랜서/블라드 3세[EXTRA\]]]}}} || [[Fate/Grand Order/서번트/랜서/블라드 3세[EXTRA\]]] ||
627
|| {{{-\-취소선 무효--}}} || \--취소선 무효-- ||
628
|| {{{|\|표 문법|\|무효|\|}}} || |\|표 문법|\|무효|\| ||
629
|| {{{=\= 문단 문법 무효 ==}}} || =\= 문단 문법 무효 == ||
630
|| {{{{{\{#red 색상무효}}\}}}} || {{\{#red 색상무효}}\} ||
631
----
632
'''{{{#red 주의}}}''': {{{/}}}로 시작하는 문서로 링크를 걸면 \\를 붙여도 하위 문서로 되며 정상 작동하지 않으므로 이 경우 리다이렉트를 이용해 주십시오.
1115633
1116
## &#92; 는 역슬래시를 나타내는 HTML 특수문자 코드입니다.
1117
1118
== 사용할만한 특수문자 ==
1119
##문법 자체에 대한 도움말은 아니나, 비슷한 범주에 있어 이곳에 넣습니다.
1120
{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;"
1121
{{{+1 【}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;"
1122
{{{+1 】}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;"
1123
{{{+1 ·}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;"
1124
{{{+1 ■}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;"
1125
{{{+1 ●}}}}}}
634
[각주][include(틀:문서 가져옴/나무위키, title=알파위키:문법 도움말, version=145)]