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

알파위키:문법 도움말(r284 Blame)

r284
r247
bunnymearcat
1[include(틀:넘겨주기(문서)1,document1=나무마크)]
r184
teojeoboja
2[include(틀:알파위키 운영 문서)]
r155
namu
3[include(틀:알파위키)]
r163
GyoSeokLee
4[include(틀:알파위키 도움말)]
r183
teojeoboja
5[include(틀:15일 이상 회원 수정)]
r155
namu
6[include(틀:프로젝트 문서,프로젝트=알파위키 도움말 프로젝트)]
r1
Devenjer
7[목차]
8== 개요 ==
r167
GyoSeokLee
9[[알파위키]]에서 사용되는 나무마크 문법을 설명하는 문서입니다.
10[[나무위키]], [[더시드위키]]에서도 나무마크 문법을 사용하므로 편집 방법이 같습니다.
r168
GyoSeokLee
11== 텍스트 서식 ==
r175
GyoSeokLee
12||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
r167
GyoSeokLee
13||<:>굵은 글꼴||<:>{{{'''The quick brown fox jumps over the lazy dog.'''}}}||<:>'''The quick brown fox jumps over the lazy dog.'''||
14||<:>기울임꼴||<:>{{{''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.__||
r197
bunnymearcat
16||<:><|2>취소선||<:>{{{~~The quick brown fox jumps over the lazy dog.~~}}}||<:>~~The quick brown fox jumps over the lazy dog.~~||
17||<:>{{{--The quick brown fox jumps over the lazy dog--}}}||<:>--The quick brown fox jumps over the lazy dog--||
r168
GyoSeokLee
18||<:>색상(색상 이름)||<:>{{{{{{#red The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#red The quick brown fox jumps over the lazy dog.}}}||
19||<:>색상(HTML 색상 코드)||<:>{{{{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}||
r176
GyoSeokLee
20||<:>텍스트 크기 크게[*제약 5단계까지만 적용 가능]||<:>{{{{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}}}}||<:>{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}||
r172
GyoSeokLee
21||<:>텍스트 크기 작게[*제약]||<:>{{{{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}}}}||<:>{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}||
r167
GyoSeokLee
22||<:>위첨자||<:>{{{4^^4^^}}}||<:>4^^4^^||
23||<:>아래첨자||<:>{{{CaCO,,3,,}}}||<:>CaCO,,3,,||
r221
bunnymearcat
24||<:>Plain text[* 중괄호 3개 사이에 작성되어 Plain text로 처리된 부분에는 문법이 적용되지 않습니다.][* 자세한 내용은 [[#문법무시|이 문단]]을 참고하세요.]||<:>{{{{{{[[알파위키]]}}}}}}||<:>{{{[[알파위키]]}}}||
r28
Devenjer
25[각주]
r169
GyoSeokLee
26== 문단 ==
r249
bunnymearcat
27||<:>'''구분'''||<:>'''기본적으로 펼침'''||<:>'''기본적으로 접힘'''||
28||<:>1단계 문단||<:>{{{= 문단 제목 =}}}||<:>{{{=# 문단 제목 #=}}}||
29||<:>2단계 문단||<:>{{{== 문단 제목 ==}}}||<:>{{{==# 문단 제목 #==}}}||
30||<:>3단계 문단||<:>{{{=== 문단 제목 ===}}}||<:>{{{===# 문단 제목 #===}}}||
31||<:>4단계 문단||<:>{{{==== 문단 제목 ====}}}||<:>{{{====# 문단 제목 #====}}}||
32||<:>5단계 문단||<:>{{{===== 문단 제목 =====}}}||<:>{{{=====# 문단 제목 #=====}}}||
33||<:>6단계 문단||<:>{{{====== 문단 제목 ======}}}||<:>{{{======# 문단 제목 #======}}}||
r239
bunnymearcat
34
r284
Onyx
35문단은 한단계씩 내려가야 합니다. 예를 들어, 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|그렇게 하다가는 목차가 이렇게 나옵니다.]]
r37
Devenjer
36== 링크 ==
r163
GyoSeokLee
37=== 문서 링크 ===
r175
GyoSeokLee
38||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
r166
GyoSeokLee
39||<:>문서명=출력||<:>{{{[[알파위키]]}}}||<:>[[알파위키]]||
r173
GyoSeokLee
40||<:>문서명=출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4]]}}}||<:>[[알파위키#s-4]]||
r166
GyoSeokLee
41||<:>문서명≠출력||<:>{{{[[알파위키|바로 이 위키]]}}}||<:>[[알파위키|바로 이 위키]]||
r173
GyoSeokLee
42||<:>문서명≠출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4|나무위키와의 관계]]}}}||<:>[[알파위키#s-4|나무위키와의 관계]]||
r174
GyoSeokLee
43
r175
GyoSeokLee
44||<:>'''구분'''||<:>'''사용 방법'''||
r174
GyoSeokLee
45||<:>상위 문서로 링크||<:>{{{[[../]]}}}||
46||<:>하위 문서로 링크||<:>{{{[[/하위 문서명]]}}}||
r232
bunnymearcat
47
r238
bunnymearcat
48같은 문서로 바로 링크하면 ([[알파위키:문법 도움말|예시]]) 링크가 '''볼드'''체로 나타납니다.
r232
bunnymearcat
49
r238
bunnymearcat
50다만, 문서 내의 다른 부분(예:앵커좌표)등으로 링크하면 '''볼드'''로 나타나지 않습니다.([[알파위키:문법 도움말#s-1|예시]])
r163
GyoSeokLee
51=== URL 링크 ===
r175
GyoSeokLee
52||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
r282
CSAP
53||<:>URL=출력||<:>{{{[[https://awiki.theseed.io/]]}}}||<:>[[https://awiki.theseed.io/]]||
54||<:>URL≠출력||<:>{{{[[https://awiki.theseed.io/|알파위키]]}}}||<:>[[https://awiki.theseed.io/|알파위키]]||
r43
Devenjer
55== [[리다이렉트]] 생성 ==
56리다이렉트는 한 문서를 들어갈 때 다른 문서로 이동시켜주는 기능입니다. 리다이렉트를 생성하는 법은 다음과 같습니다.
57
r66
Devenjer
58{{{ #redirect 문서 제목}}} 또는 {{{#넘겨주기 문서 제목}}}으로 리다이렉트를 생성할 수 있습니다.
r43
Devenjer
59----
60{{{#redirect 문서 제목#s-문단 번호}}}로 문서의 특정 문단으로 넘겨줄 수 있습니다.
r226
bunnymearcat
61
r227
bunnymearcat
62== 앵커좌표 ==
63목표 문서에 {{{[anchor(앵커이름)]}}}을 삽입한 후 링크, 리다이렉트 문서에 {{{#s-n}}} 대신 {{{#앵커이름}}}을 사용할 수 있습니다. 예를 들어, [[알파위키]] 문서의 특정 지점에 {{{[anchor(우왕)]}}}을 삽입하였을 때, {{{[[알파위키#우왕]]}}}으로 링크를 걸거나 {{{#redirect 알파위키#우왕}}}으로 삽입하여 "우왕"이라는 앵커좌표를 삽입한 지점으로 넘어가도록 할 수 있습니다.
r178
Devenjer
64== 글상자 ==
r257
bunnymearcat
65'''모니위키식 글상자는 지원이 중단되었습니다.''' 하지만, --우리의 친구-- CSS를 이용하면 흉내낼 수 있습니다.
66{{{
67{{{#!wiki style="border:1px solid black;display:table;padding:3px;"
68내용
69}}}
70}}}
71{{{#!wiki style="border:1px solid black;display:table;padding:3px;"
72내용
73}}}
r17
cmsong
74== 표 ==
r67
Devenjer
75표의 한 줄은 ||로 시작해 ||로 끝납니다.
76{{{||1||2||}}}
77||1||2||
78{{{||1||2||
79||3||4||}}}
80||1||2||
81||3||4||
r71
Devenjer
82=== 셀 합치기 ===
832개 이상의 셀을 합치는 법은 다음과 같습니다.
84==== 가로 합치기 ====
r68
Devenjer
85{{{||1||2||3||4||
86||||1||2||3||
87||||||1||2||
88||||||||1||}}}
89||1||2||3||4||
90||||1||2||3||
91||||||1||2||
92||||||||1||
93
r70
Devenjer
94추가로 합치고자 하는 셀의 갯수만큼 ||을 추가로 입력하면 됩니다.
r69
Devenjer
95----
96{{{||1||2||3||4||
97||<-2>1||2||3||
98||<-3>1||2||
99||<-4>1||}}}
100||1||2||3||4||
101||<-2>1||2||3||
102||<-3>1||2||
103||<-4>1||
104합치고자 하는 셀의 갯수만큼 <-수>를 입력하는 방법으로도 합칠 수 있습니다.
r71
Devenjer
105==== 세로 셀 합치기 ====
r70
Devenjer
106{{{||1||<|2>5||<|3>8||<|4>10||
107||2||
108||3||6||
109||4||7||9||}}}
110||1||<|2>5||<|3>8||<|4>10||
111||2||
112||3||6||
113||4||7||9||
114합치고자 하는 셀의 갯수만큼 <|수>를 입력하면 됩니다.
r117
cmsong
115==== 주의사항 ====
r142
cmsong
116 * <|숫자>, <-숫자>의 칸 길이 배치는 입력한 숫자에 비례하지 않습니다. 정확한 길이를 맞추기 위해서는 <width>문법으로 셀의 길이를 일일히 지정해줘야 합니다.
117 * <|숫자>, <-숫자>를 정확하게 입력하지 않으면 표가 정상적으로 출력되지 않을 수 있습니다.
r200
bunnymearcat
118 * 표 전체에 테두리를 두르는 tableborder 문법이 정상적으로 적용되지 않아 테두리가 적용되지 않는 구간이 나타납니다.
r150
cmsong
119 * 표의 너비가 화면 표시영역의 너비보다 길 경우 나머지 부분은 가져지며, 스크롤바가 나타납니다.
120 * 표의 너비가 화면보다 작은데도 스크롤바가 나타났다면 칸의 길이가 일치하지 않아 나타나는 문법 오류입니다.
r72
Devenjer
121=== 표와 셀 꾸미기 ===
122표와 셀을 꾸미는 법은 다음과 같습니다.
123==== 표 꾸미기 ====
124 * 정렬
125<table align=left> = 왼쪽 정렬
126<table align=center> = 가운데 정렬
127<table align=right> = 오른쪽 정렬
128{{{||<table align=left>왼쪽||
129
130||<table align=center>가운데||
131
132||<table align=right>오른쪽||}}}
133
134||<table align=left>왼쪽||
135
136||<table align=center>가운데||
137
138||<table align=right>오른쪽||
r74
Devenjer
139{{{#red 주의사항}}}
140 * 모바일의 경우, 화면이 작아 오른쪽 정렬이 적용되지 않을 수 있습니다.
r76
Devenjer
141
142
r75
Devenjer
143----
r76
Devenjer
144
145
r75
Devenjer
146 * 표 배경색
147<table bgcolor=색이름 또는 코드>
148{{{||<table bgcolor=red>1||2||
149||3||4||}}}
150||<table bgcolor=red>1||2||
151||3||4||
152
r77
Devenjer
153 * 표 테두리색
154<table bordercolor=색 이름 또는 코드>
155{{{||<table bordercolor=red>1||2||
156||3||4||}}}
157||<table bordercolor=red>1||2||
158||3||4||
159
r148
cmsong
160 {{{#red 주의사항}}} <tableborder>문법을 이용할 때 셀,칸(<|>,<->) 숫자를 정확하게 입력하지 않으면 테두리가 적용되지 않는 부분이 생깁니다.
r79
Devenjer
161==== 셀 꾸미기 ====
r262
bunnymearcat
162 * 셀 가로 정렬
r78
Devenjer
163<(> = 왼쪽 정렬
164<:> = 가운데 정렬
165<)> = 오른쪽 정렬
166{{{||@@@@@@@@@@@@@@@@@@@@||
167||<(> 왼쪽||
168||<:> 가운데||
169||<)> 오른쪽||
170}}}
171||@@@@@@@@@@@@@@@@@@@@||
172||<(> 왼쪽||
173||<:> 가운데||
174||<)> 오른쪽||
r87
Devenjer
175----
176더 간편하게, 셀의 우측에 공백을 넣으면 왼쪽 정렬, 좌측에 공백을 넣으면 오른쪽 정렬, 양쪽 모두에 공백을 넣으면 가운데 정렬을 할 수 있습니다.
177{{{||@@@@@@@@@@@@@@@@@@@@||
178||왼쪽 정렬 ||
179|| 가운데 정렬 ||
180|| 오른쪽 정렬||}}}
181||@@@@@@@@@@@@@@@@@@@@||
r88
Devenjer
182||왼쪽 정렬 ||
r87
Devenjer
183|| 가운데 정렬 ||
r88
Devenjer
184|| 오른쪽 정렬||
r262
bunnymearcat
185-----
186 * 셀 세로 정렬
187셀을 합칠 때 사용하는 <|[math(n)]>을 이용하여 세로 정렬이 가능합니다. n은 아무거나 넣어도 됩니다.
188||방향||마크업||비고||
189||위로||\<^|n>||윗첨자 사용할때 쓰는 그 ^입니다.||
190||중간||\<|n>||기본값||
191||하단으로||\<v|n>||알파벳 ''v''||
192
193적용예시:
194||ㅇㅇ||<v|2>ㅇㅇ||
195||ㅇㅇ||
196
197이 기능은 셀을 합칠 때를 상정하고 만들어졌으나, 꼼수를 이용하면 합치지 않은 셀에서도 사용 가능합니다. n을 ''1''로 치환하면 됩니다. 이렇게 되면 HTML 상으로 colspan 속성이 1로 들어가, 합쳐지지 않게 됩니다.(모르면 넘어가셔도 됩니다.)
198예시:
199 *상단
200 ||[br][br][br][br][br][br]||<^|1>상단||
201 *중앙
202 ||[br][br][br][br][br][br]||중앙||
203 *하단
204 ||[br][br][br][br][br][br]||<v|1>하단||
205{{{
206:: RAW ::
207 *상단
208 ||[br][br][br][br][br][br]||<^|1>상단||
209 *중앙
210 ||[br][br][br][br][br][br]||중앙||
211 *하단
212 ||[br][br][br][br][br][br]||<v|1>하단||
213}}}
r80
Devenjer
214 * 셀 배경색
r91
ReSeed
215<bgcolor=색이름 또는 코드> 또는 <#색이름 또는 코드>
216{{{ ||<#red>1||2||
r80
Devenjer
217||3||4|| }}}
218||<bgcolor=red>1||2||
219||3||4||
220 * 한 줄 배경색
221<rowbgcolor=색이름 또는 코드>
222{{{ ||<rowbgcolor=red>1||2||3||
223||4||5||6|| }}}
224||<rowbgcolor=red>1||2||3||
225||4||5||6||
r83
Devenjer
226
r134
Devenjer
227 * 셀 너비
228<width=100px> (절대 수치)
229<width=50%> (상대 수치)
230{{{||<width=100px>1||3||
231||2||4||}}}
232||<width=100px>1||3||
233||2||4||
234
235{{{||<width=20%> 1||3||
236||2||4||}}}
237||<width=20%> 1||3||
238||2||4||
239 * 셀 높이
240<height=100px> (절대 수치)
241<height=50%> (상대 수치)
242{{{||<height=100px>1||3||
243||2||4||}}}
244||<height=100px>1||3||
245||2||4||
246
r135
Devenjer
247==== 주의사항 ====
r83
Devenjer
248 * 색 코드를 입력할 때, 앞에 #을 입력해야 적용됩니다.
r137
Devenjer
249||<:><table align=center>{{{#!folding [접기/펼치기]
r83
Devenjer
250 * 좋은 예
251{{{||<table bgcolor=#ABCDEF>1||2||
252||3||4||}}}
253||<table bgcolor=#ABCDEF>1||2||
254||3||4||
255
256{{{||<table bordercolor=#ABCDEF>1||2||
257||3||4||}}}
258||<table bordercolor=#ABCDEF>1||2||
259||3||4||
260
261{{{ ||<bgcolor=#ABCDEF>1||2||
262||3||4|| }}}
263||<bgcolor=#ABCDEF>1||2||
264||3||4||
265
266{{{ ||<rowbgcolor=#ABCDEF>1||2||3||
267||4||5||6|| }}}
268||<rowbgcolor=#ABCDEF>1||2||3||
269||4||5||6||
270 * 나쁜 예
271{{{||<table bgcolor=ABCDEF>1||2||
272||3||4||}}}
273||<table bgcolor=ABCDEF>1||2||
274||3||4||
275
276{{{||<table bordercolor=ABCDEF>1||2||
277||3||4||}}}
278||<table bordercolor=ABCDEF>1||2||
279||3||4||
280{{{ ||<bgcolor=ABCDEF>1||2||
281||3||4|| }}}
282||<bgcolor=ABCDEF>1||2||
283||3||4||
284{{{ ||<rowbgcolor=ABCDEF>1||2||3||
285||4||5||6|| }}}
286||<rowbgcolor=ABCDEF>1||2||3||
287||4||5||6||
r137
Devenjer
288}}}||
r89
Devenjer
289=== 캡션 ===
290표에 캡션을 다는 방법은 다음과 같습니다.
291{{{
292|캡션|셀1||셀2||
293||셀3||셀4||
294 }}}
r86
Devenjer
295
r89
Devenjer
296|캡션|셀1||셀2||
297||셀3||셀4||
298
299|와 |사이에 내용을 입력합니다. 미리보기에서는 캡션이 깨질 수 있으나, 편집 시 정상적으로 보입니다.
r22
cmsong
300== 인용문 ==
r24
cmsong
301내용 안에 문법 적용이 가능합니다.
r22
cmsong
302{{{> (내용)}}}
303>내용
304
r23
cmsong
305{{{>>>> (내용)}}}
306>>>>(내용)
307
r25
cmsong
308 {{{#red 주의 1.}}} 위아래로 연속된 인용문을 만드려면 붙여써야 합니다.
r23
cmsong
309||<width=100px>
310{{{>1
311>2
312>3}}}
313||<width=100px>
r24
cmsong
314{{{>a
r23
cmsong
315
r24
cmsong
316>b
317>c}}}||
r23
cmsong
318
r24
cmsong
319
r23
cmsong
320>1
321>2
322>3
323
r24
cmsong
324>a
325
326>b
327>c
r25
cmsong
328
r27
cmsong
329 {{{#red 주의 2.}}} 인용문법의 왼쪽에는 아무것도 없어야 문법이 적용됩니다.
r25
cmsong
330{{{||>
331>
r31
cmsong
332}}}
r25
cmsong
333||>
334>
335
r26
cmsong
336
r25
cmsong
337{{{||
338>
339>
r27
cmsong
340}}}
r25
cmsong
341
342>
343>
r26
cmsong
344
r53
Devenjer
345== 이미지(파일) 적용 ==
r240
bunnymearcat
346{{{[[나무파일:나무위키에 업로드된 파일 이름]]}}}으로 나무위키에서 포크된 파일을 사용할 수 있습니다. 2017년 9월 27일 이전에 나무위키에 업로드된 파일만 가능합니다.
r155
namu
347{{{[[파일:파일 이름]]}}}으로 알파위키에 업로드된 파일을 사용할 수 있습니다.
r53
Devenjer
348
r240
bunnymearcat
349=== 외부이미지 ===
r276
bunnymearcat
350꼼수를 이용한 비권장 문법이지만, 현재 시점에서는 유일하게 새로 이미지를 넣을 방법입니다(...)
r266
bunnymearcat
351
r240
bunnymearcat
352{{{
r268
bunnymearcat
353{{{#!wiki style="background-image:url('파일주소');width:넓이;height:높이;background-repeat:no-repeat no-repeat;background-size:cover;"
r240
bunnymearcat
354}}}
355}}}
r270
(삭제된 사용자)
356{{{#orange 주의. HTTPS를 지원하는 웹사이트로만 링크가 가능하며, 넓이, 높이는 지정해야 합니다. '''안 하면 이미지가 나타나지 않습니다.'''}}}
r240
bunnymearcat
357{{{
r268
bunnymearcat
358{{{#!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;"
r240
bunnymearcat
359}}}
360
361}}}
r268
bunnymearcat
362{{{#!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;"
r240
bunnymearcat
363}}}
r266
bunnymearcat
364--한 유저의 前 그라바타입니다.--
r268
bunnymearcat
365
r276
bunnymearcat
366위 과정이 귀찮으시다면 [[틀:외부이미지]]를 이용하실 수도 있습니다.
367
r268
bunnymearcat
368또한, 이 문법을 표에 적용할 때에는 셀의 넓이가 이미지 넓이 이상으로 설정되어 있어야 합니다. 자세한 사례는 [[Windows 7]] 문서를 참고하세요.
r22
cmsong
369== 수평줄 ==
r271
(삭제된 사용자)
370- 를 4개 이상 10개 미만(으)로 연속으로 늘어놓으면 됩니다.
r22
cmsong
371{{{---
372----
373-----
374------
375-------
376--------
377---------
378----------}}}
379---
380----
381-----
382------
383-------
384--------
385---------
386----------
r55
Devenjer
387== 리스트 ==
388번호가 없는 리스트는 다음과 같이 적용할 수 있습니다.
389{{{ * 내용}}}
390 {{{ * 내용}}}
391 {{{* 내용}}}
392↓
393 * 내용
394 * 내용
395 * 내용
r57
Devenjer
396
397번호가 있는 리스트는 다음과 같이 적용할 수 있습니다.
398{{{
399 1. 리스트
400 1. 리스트
401
402 A. 리스트
403 A. 리스트
404
405 a. 리스트
406 a. 리스트
407
408 I. 리스트
409 I. 리스트
410
411 i. 리스트
412 i. 리스트
413}}}
414↓
415 1. 리스트
416 1. 리스트
417
418 A. 리스트
419 A. 리스트
420
421 a. 리스트
422 a. 리스트
423
424 I. 리스트
425 I. 리스트
426
427 i. 리스트
428 i. 리스트
r58
Devenjer
429----
430{{{#red 주의사항}}}
431 * 리스트를 적용할 때, 앞에 공백을 입력해야 합니다.
r59
Devenjer
432== 각주 ==
r93
Devenjer
433각주를 적용하는 방법은 다음과 같습니다.
434{{{[* 내용]
435[*A 문자가 있는 각주]
r191
bunnymearcat
436[*제목 이렇게도 할 수 있음.]
r93
Devenjer
437[*B 같은 각주를 반복]
438[*B]
439}}}
440[* 내용]
441[*A 문자가 있는 각주]
r191
bunnymearcat
442[*제목 이렇게도 할 수 있음.]
r93
Devenjer
443[*B 같은 각주를 반복]
444[*B]
445
4462번째 줄과 같이, 각주를 입력할 때 출력되는 각주의 문자를 변경할 수 있습니다. 같은 문자의 각주를 입력할 때, 2번째 각주부터는 내용을 생략할 수 있습니다.
447
448{{{#red 주의사항}}}
449 * [* 와 내용 사이에 공백이 있어야 합니다.
450 * 틀 내부에 각주를 넣으면 문서 자체의 각주와 번호가 꼬이게 됩니다. 예를 들어 틀 내부에도 1번 각주가 있고 문서 자체에도 1번 각주가 있을 경우, 두 각주의 앵커가 동일한 '#fn-1'로 지정되며 브라우저에서는 먼저 나온 쪽의 앵커만을 유효한 앵커로서 인식하게 되어 문서 자체의 1번 각주를 눌러도 틀 내부의 1번 각주로 이동하는 현상이 일어납니다.
451[각주]
r113
ReSeed
452== 주석 ==
r65
Devenjer
453{{{본문
454## (내용)
455본문
456## 이 글은 출력되지 않습니다.
457본문
458}}}
r64
cmsong
459
r65
Devenjer
460본문
r64
cmsong
461## (내용)
r65
Devenjer
462본문
463## 이 글은 출력되지 않습니다.
464본문
r64
cmsong
465
466문서 열람 시에는 보이지 않으며, 문서 편집할 때만 나타나는 내용을 삽입할 수 있습니다. 문서를 편집하는 편집자들에게 유의사항을 알리는 용도로 주로 이용됩니다.
r59
Devenjer
467== 매크로 ==
r94
Devenjer
468매크로를 입력하는 법은 다음과 같습니다.
469{{{[date]
470[br]
471[include(틀:틀이름)]
472[목차]
473[각주]
474[pagecount]
475[age(YYYY-MM-DD)]
476[dday(YYYY-MM-DD)]
477}}}
r95
Devenjer
478=== date ===
r96
ReSeed
479현재 시각을 표시합니다.
480{{{[date]}}} 또는 {{{[datetime]}}} 로 호출 가능합니다.
481예:
482 * 현재 시각은 [date]입니다.
r95
Devenjer
483=== br ===
r97
ReSeed
484해당 위치에 한 줄을 개행하는 html인 {{{<br>}}}을 실행합니다.
485{{{[br]}}}로 호출가능합니다.
r95
Devenjer
486=== include ===
r98
ReSeed
487해당 위치에 틀을 삽입할 수 있습니다.
488{{{[include(틀:문서명)]}}} 으로 호출 가능합니다.
489삽입 될 문서에 {{{@이름@}}}과 같은 형태를 삽입하고,
490{{{[include(틀:문서명, 이름=값)]}}} 을 할 경우 '값' 이 {{{@이름@}}}을 적어넣은 위치에 호출됩니다.
r186
bunnymearcat
491
r185
Wowchul1234
492꼭 틀만 삽입 가능 한것은 아닙니다. {{{[include(알파위키)]}}}를 적으면 알파위키 문서가 호출되지만 알파위키 문서 내에 있는 틀은 호출되지 않습니다.
r186
bunnymearcat
493
494이 특성을 이용해서 틀에 사용 설명을 기술할 수 있습니다. {{{틀:틀예시}}}라는 틀이 있다고 가정하면, {{{틀:틀예시/설명문서}}}라는 문서에 설명을 기술한 뒤 {{{틀:틀예시}}} 문서에 틀 문법 하단에 이 매크로를 이용해서 설명문서를 삽입하면 틀 문서에서는 설명이 보이지만, 틀을 실제로 사용할 때는 해당 내용을 볼 수 없습니다.
r95
Devenjer
495=== 목차 ===
r99
ReSeed
496해당 문서의 문단을 목차로 나타냅니다.
497{{{[목차]}}} 또는 {{{[tableofcontents]}}}로 호출가능합니다.
r95
Devenjer
498=== 각주 ===
r100
ReSeed
499해당 문서의 각주를 표시합니다. 기본적으로 문서 최하단에 자동으로 표기되지만,
500문서 중간에 해당 매크로를 호출한 경우, 해당 매크로가 호출 되기 전의 매크로를 출력하고,
501남은 각주는 다시 매크로를 호출하지 않는다면, 최하단에 나머지 각주가 표기됩니다.
502{{{[각주]}}} 또는 {{{[footnote]}}} 로 호출가능 합니다.
r95
Devenjer
503=== pagecount ===
r155
namu
504알파위키 전체 문서수를 계산합니다. [pagecount]개와 같은 형식으로 출력합니다.
r101
ReSeed
505{{{[pagecount]}}}로 호출 가능합니다.
506특정 네임스페이스만을 계산하는 방법도 있습니다.
507{{{[pagecount(네임스페이스)]}}}로 호출할 수 있습니다.
r155
namu
508예를 들어, 알파위키에 존재하는 모든 사용자들의 수를 계산하고싶다면 {{{사용자}}} 로 네임스페이스를 정하면 됩니다. 또한, 일반적인 문서의 수를 구하려면 {{{문서}}}를 사용하시면 됩니다.
r161
121.138.198.42
509예:현재 사용자 수는 [PageCount(사용자)]입니다.
r95
Devenjer
510=== age ===
r102
ReSeed
511생년월일을 기입시 자동으로 만 나이를 계산하여 줍니다.
512{{{[age(년-월-일)]}}} 로 호출 할 수 있습니다.
r235
bunnymearcat
513예를들어, 1999년 9월 9일에 출생하였다면, {{{[age(1999-09-09)]}}}와 같은 형태로 적으면 됩니다.(결과: [age(1999-09-09)])
r95
Devenjer
514=== dday ===
r103
ReSeed
515날짜를 기입하면, 현재 시간으로부터 남은 일수를 계산합니다. 계산한 값 앞에는 -가 붙습니다.
516{{{[dday(년-월-일)]}}}으로 호출합니다.
517반대로, 이미 지나간 날짜를 기입하면, 지나간 일수를 계산합니다. 계산한 값 앞에는 +가 붙습니다.
518예를들어, 2010년 10월 2일부터 지나간 일수를 계산하려면, {{{[dday(2010-10-02)]}}}와 같이 적으면 됩니다
r260
bunnymearcat
519=== math ===
r261
bunnymearcat
520[[LaTeX|[math(\LaTeX{})]]] 수식을 출력합니다.
r260
bunnymearcat
521자세한 내용은 [[#LaTeX|수식 문단을 참고하세요.]]
r20
cmsong
522== 접기 ==
523||{{{ {{{#!folding 접기안내문구
524(접힌 내용)
525}}} }}} ||
526||<#fff><:>{{{#!folding 접기안내문구
527(접힌 내용)
528}}} ||
529텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
530----
531'''{{{#red 주의사항}}}'''
532 * 접기 안내문구 텍스트에는 나무마크나 html등 어떠한 문법도 적용되지 않습니다.
r21
cmsong
533 * 표에 접기 문법을 적용한 경우 표 바깥의 문법은 표 안에 적용되지 않습니다. 따라서 표 안쪽의 문법은 따로 설정해야 합니다.
r33
cmsong
534=== 여러개의 틀을 한꺼번에 접기(고급) ===
535{{{|| {{{#!folding 접기/펼치기
536{{{#!folding 접기1번
537내용 1
538}}}
539{{{#!folding 접기2번
540내용 2
541}}}
542}}} ||}}}
543|| {{{#!folding 접기/펼치기
544{{{#!folding 접기1번
545내용 1
546}}}
547{{{#!folding 접기2번
548내용 2
549}}}
550}}} ||
551
r152
Rohjisun
552하나의 접기 문법 틀 안에 다른 접기문법 들을 넣으면, 바깥에 있는 접기 문법을 열였을 때 내부에 있던 접기들이 한꺼번에 펼쳐집니다. include문법을 이용한 틀을 넣었을 때에도 동일하게 적용됩니다.
r248
bunnymearcat
553
554=== 문단 접기 ===
555문단을 표시하는 각 등호 뒤/앞에 {{{#}}}을 붙여 주세요. 그렇게 하면 문단이 기본으로 접힙니다.
556
557예시:{{{====# 접힌 문단 #====
558내용}}}
559====# 접힌 문단 예시 #====
560내용
r259
bunnymearcat
561[anchor(LaTeX)]
r60
Devenjer
562== 수식 ==
r190
bunnymearcat
563[[LaTeX|<math>\LaTeX{}</math>]]수식을 입력하는 법은 다음과 같습니다.
r258
bunnymearcat
564{{{<math> 식 </math>}}} - 비권장
565{{{[math(식)]}}}
r112
Devenjer
566{{{<math> ax+by+cz=0</math>
567}}}
568<math> ax+by+cz=0</math>
r192
bunnymearcat
569'''{{{#orange {{{+1 주의사항}}}}}}'''
r112
Devenjer
570 * 편집창에서 쓰는 띄어쓰기는 명령어를 구분해주는 기능을 합니다. 수식 자체의 띄어쓰기는 {{{\, \quad, \qquad}}}를 입력해 줍니다.
r187
bunnymearcat
571
r192
bunnymearcat
572 * 기술적인 문제로 LaTeX 대신 KaTeX를 사용 중이므로, 일부 문법은 미지원될 수 있습니다.
r112
Devenjer
573=== 분수 ===
r188
bunnymearcat
574분수는 {{{\frac{분자}{분모} }}}혹은{{{ {분자 \over 분모}}} 형태로 나타낼 수 있습니다. 이 때 글씨 크기를 일정하게 유지하려면{{{ \displaystyle}}}를 씁니다.
r118
Devenjer
575{{{<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}}
r112
Devenjer
576
r116
Devenjer
577<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>
r118
Devenjer
578
579{{{<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}}
580
581<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>
r119
Devenjer
582=== 첨자 ===
r120
Devenjer
583위첨자는 ^, 아래첨자는 _으로 적용할 수 있습니다.
584{{{<math> \displaystyle a^2,\a_4,\a^3_5</math>}}}
585<math> \displaystyle a^2, a_4, a^3_5</math>
r121
Devenjer
586 *합(시그마)이나 곱(파이), 적분, 극한 을 나타내는 기호는 아래와 같이 {{{\sum, \prod, \int, \lim}}} 명령어와 위첨자, 아래첨자 기능을 씁니다.
587 이 때 원래 모양대로 나타내려면 마찬가지로 {{{\displaystyle}}}을 씁니다.
588
r122
Devenjer
589{{{<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}}
590
591
592
593<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>
594
595
596
597
598{{{<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}}
599
600
601
602<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>
603
604
605
606
607{{{<math> \lim_{x \to 0} \frac{\sin x}{x} </math> }}} →
608
609
610
611<math> \lim_{x \to 0} \frac{\sin x}{x} </math>
612
613
614
615{{{<math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math> }}}
616
617
618 <math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math>
619
620
621
622
623{{{<math> \int^{b}_{a} x^n dx </math>}}}
624
625
626<math> \int^{b}_{a} x^n dx </math>
627
628
629
630
631{{{<math> \displaystyle \int^{b}_{a} x^n dx </math>}}}
632
633
634 <math> \displaystyle \int^{b}_{a} x^n dx </math>
r120
Devenjer
635=== 장식 기호 ===
r123
Devenjer
636장식 기호는 \기호명칭{문자} 로 나타낼 수 있습니다.
637{{{<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>}}}
638<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>
r119
Devenjer
639=== 정자체 ===
r124
Devenjer
640수식은 기본적으로 이탤릭체로 되어 있습니다. 수식 내에서 정자로 쓸 때에는 {{{\text{문구} }}}를 이용합니다.
641{{{<math>\displaystyle {nT \over PV} = \text{const} </math>}}} → <math>\displaystyle {nT \over PV} = \text{const} </math>
642
643삼각함수나 쌍곡선 함수, 로그, exp 등의 특수함수는 \\ 기호로 간단하게 쓸 수 있습니다.
644{{{<math> \sin x, \cos x, \tan x </math>}}} →<math> \sin x, \cos x, \tan x </math>
645{{{<math> \sinh y, \cosh y, \tanh y </math>}}} →<math> \sinh y, \cosh y, \tanh y </math>
646{{{<math> \exp(t), \log W, \ln W </math>}}} →<math> \exp(t), \log W, \ln W </math>
r277
CSAP
647== 동영상 삽입 ==
r281
CSAP
648=== [[유튜브]] ===
r45
ReSeed
649{{{ [youtube(유튜브 공유 링크)] }}} 로 유튜브 동영상을 삽입 가능합니다.
650공유 링크는 해당 영상의 공유 버튼을 나오면 뒤에 나오는 영문과 숫자가 혼합된 문자를 말합니다.
r143
cmsong
651
652예시) https://youtu.be/{{{#red __-4pQ_qyqL2E__}}}
r195
bunnymearcat
653-> {{{[youtube(-4pQ_qyqL2E)]}}}
654[youtube(-4pQ_qyqL2E)]
655--[[리그베다위키|왜 하필이면..]]--
r233
bunnymearcat
656
657{{{#orange {{{+2 매개변수}}}}}}
658-----
659매개변수는 {{{[youtube(ID, 매개변수)]}}} 혹은 {{{[youtube(ID,매개변수=값, 매개변수=값)]}}}와 같은 방식으로 쓸 수 있습니다.
r279
bunnymearcat
660[[파일:속성.png|width=16px]] width - 가로길이
661[[파일:속성.png|width=16px]] height - 세로길이
662[[파일:속성.png|width=16px]] start - 시작 시간(초)
r233
bunnymearcat
663예시: {{{
664[youtube(-4pQ_qyqL2E, width=80%, height=300px, start=29)]
665}}}
666[youtube(-4pQ_qyqL2E, width=80%, height=300px, start=29)]
667{{{#orange {{{+1 팁}}}}}}
r280
bunnymearcat
668길이는 px, % 등을 사용할 수 있습니다. 다만 height에는 %를 사용할 수 없습니다.
r277
CSAP
669
r281
CSAP
670=== [[카카오TV]] ===
r277
CSAP
671유튜브 링크와 같이 {{{ [kakaotv(카카오TV 공유 링크)] }}} 로 삽입이 가능합니다.
672여기서 공유 링크는 해당 영상 주소의 cliplink/ 뒤의 숫자를 말합니다.
673
674예시) https://tv.kakao.com/channel/2691790/cliplink/{{{#red __300755394__}}} -> {{{[kakaotv(300755394)]}}}
675
676[kakaotv(300755394)]
677
678매개변수는 {{{[kakaotv(ID,매개변수=값, 매개변수=값)]}}}와 같은 방식으로 쓸 수 있습니다.
r278
bunnymearcat
679[[파일:속성.png|width=16px]] width - 가로길이
680[[파일:속성.png|width=16px]] height - 세로길이
r277
CSAP
681
682예시: {{{
683[kakaotv(300755394, width=80%, height=300px)]
684}}}
685
686[kakaotv(300755394, width=80%, height=300px)]
687
688{{{#orange {{{+1 팁}}}}}}
689길이는 px, % 등을 사용할 수 있습니다.
690
r278
bunnymearcat
691=== [[니코니코 동화]] ===
692위 두개와 똑같이 {{{[nicovideo(번호)]}}}를 사용하세요. 번호는 sm~~으로 시작하는 번호입니다.
693[[파일:속성.png|width=16px]] width - 플레이어 가로 길이(px,% 등...)
694[[파일:속성.png|width=16px]] height - 플레이어 세로 길이 (px...)
695
696예시를 들어볼까요. [[https://www.nicovideo.jp/watch/sm15585578]]를 702*400으로 삽입해 봅시다. 번호는 sm15585578이니까, 다음과 같이 할 수 있습니다.
697{{{
698[nicovideo(sm15585578,width=702px,height=400px)]
699}}}
700[nicovideo(sm15585578,width=702px,height=400px)]
701--[[케이온!|음]][[일상(만화)/애니메이션|?]]--
r12
cmsong
702== [[HTML]] ==
r155
namu
703알파위키는 html문법을 부분적으로 지원합니다.
r14
cmsong
704{{{{{{#!html (코드)}}}}}} 형태입니다. 여는 부분(앞)과 닫는 부분(뒤)이 둘 다 있어야 html문법이 적용됩니다.
r15
cmsong
705
706
707div 문법을 사용하면 강제로 줄이 바뀌고, span문법을 사용하면 줄이 바뀌지 않습니다.
r32
cmsong
708||<:><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 ㎞ →||
r15
cmsong
709||<-2>div 문법 사용(강제줄바꿈)||<-2>span 문법 사용 (줄바꿈X)||
710
r32
cmsong
711>{{{[[종점1역|{{{#!html<div style="font-size:13px"><font color="#585858">종점1 방면</font>}}}]]}}}
r15
cmsong
712
r32
cmsong
713>{{{[[종점3역|{{{#!html<span style="font-size:13px"><font color="#585858">종점3 </font>}}}]]}}}
r144
Devenjer
714
715자세한 태그 목록은 [[HTML/태그]]문서를 참조하시기 바랍니다.
r193
bunnymearcat
716=== CSS 스타일 적용 ===
r194
bunnymearcat
717{{{{{{#!wiki style="스타일"
718내용}}}}}} 형태이며, 열고 닫는 부분 모두가 있어야 합니다.
r193
bunnymearcat
719{{{{{{#!wiki style="background-color: orange"
720오렌지색}}}}}}
721
722{{{#!wiki style="background-color: orange"
723오렌지색}}}
724
725{{{#orange {{{+1 주의사항}}}}}}
726 1. 이러한 코드는 내부적으로 {{{<div>}}} 박스로 처리됩니다.
727 1. 스타일 내용과 본문 사이에는 줄바꿈이 있어야 합니다.
r213
bunnymearcat
728
729==== 문법 ====
r201
bunnymearcat
730각 스타일은 {{{;}}}(세미콜론)으로 구분합니다.
r203
bunnymearcat
731각 속성 뒤에는 {{{:}}}이 붙으며, 그 뒤에는 속성의 값을 작성합니다.
732예를 들어, {{{background-color}}} 속성을 {{{black}}}[* 흑색]으로 적용하려면 {{{background-color: black}}}을 쓰실 수 있습니다.
r224
bunnymearcat
733[각주]
r213
bunnymearcat
734==== 테두리 ====
r207
bunnymearcat
735{{{border}}} 속성은 {{{wiki}}}문의 border(테두리)를 지정해 주는 속성입니다.
r202
bunnymearcat
736----
737{{{#orange {{{+2 사용법}}}}}}
738{{{border: 두깨 스타일 색상}}}
739
740{{{+1 용례}}}
741{{{
742{{{#!wiki style="border: 2px solid gray"
7432px solid gray 스타일입니다.
744}}}
745}}}
746{{{#!wiki style="border: 2px solid gray"
7472px solid gray 스타일입니다.
748}}}
r204
bunnymearcat
749-----
750{{{+1 border 스타일}}}
751-----
752||
753{{{#!wiki style="border: 5px dotted #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
754dotted
755}}}{{{#!wiki style="border: 5px dashed #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
756dashed
757}}}{{{#!wiki style="border: 5px solid #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
758solid
759}}}{{{#!wiki style="border: 5px double #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
760double
761}}}{{{#!wiki style="border: 5px groove #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
762groove
763}}}{{{#!wiki style="border: 5px ridge #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
764ridge
765}}}{{{#!wiki style="border: 5px inset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
766inset
767}}}{{{#!wiki style="border: 5px outset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
768outset
769}}}{{{#!wiki style="border: 5px none #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
770none
771}}}{{{#!wiki style="border: 5px hidden #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
r209
bunnymearcat
772hidden
r204
bunnymearcat
773}}}
774||
r205
bunnymearcat
775[br][br][br][br][br]
r202
bunnymearcat
776----
777{{{#orange {{{+2 비슷한 속성}}}}}}
778----
779[[파일:속성.png|width=18px]] border-top
780[[파일:속성.png|width=18px]] border-bottom
781[[파일:속성.png|width=18px]] border-left
782[[파일:속성.png|width=18px]] border-right
783각각 상하좌우의 테두리를 설정하는 속성입니다. 사용 방법은 {{{border}}}와 같습니다.
r215
bunnymearcat
784
785[[파일:속성.png|width=18px]] border-radius
786이 속성은 테두리의 둥근 면의 반지름을 설정하는 속성입니다.
787{{{
788{{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;"
789border-radius를 6px로 지정했습니다.
790}}}
791}}}
792{{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;"
793border-radius를 6px로 지정했습니다.
794}}}
r213
bunnymearcat
795==== 줄바꿈 방지 ====
r201
bunnymearcat
796{{{float}}} 속성을 지정해 주시면 되며, 반드시 {{{wiki}}}의 닫는 중괄호와 그 다음 여는 중괄호는 붙어 있어야 합니다. 다음 예시를 보시면 이해가 쉬울 겁니다.
797{{{+2 {{{#ABCDEF 예시1}}}}}}
798{{{
799{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
800알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
801알파위키
r210
bunnymearcat
802}}}}}}
r201
bunnymearcat
803||{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
804알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
805알파위키
806}}}||
807
808{{{+2 {{{#ABCDEF 예시2}}}}}}
809{{{
810{{{#!wiki style="border:1px solid blue;float:left"
811알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"
812알파위키
813}}}
814}}}
815||{{{#!wiki style="border:1px solid blue;float:left"
816알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"
817알파위키
818}}}||
r213
bunnymearcat
819==== 색 ====
r211
bunnymearcat
820배경 색은 {{{background-color}}} 속성으로 처리합니다. color는 영국식 {{{colour}}}이 아닌 미국식 {{{color}}}로 작성해야 하는 점 유의해 주시기 바랍니다.
821{{{
822{{{#!wiki style="background-color: #ABCDEF"
823#ABCDEF는 알파위키 상징색입니다.
824}}}
825}}}
826{{{#!wiki style="background-color: #ABCDEF"
827#ABCDEF는 알파위키 상징색입니다.
828}}}
829
r212
bunnymearcat
830글자 색은 {{{color}}} 속성으로 처리합니다. 역시 color는 미국식입니다. 다만, 글자색은 {{{{{{#색 내용}}}}}} 문법으로 더 쉽게 처리할 수 있다는 점을 기억해 두시기 바랍니다.
r211
bunnymearcat
831{{{
832{{{#!wiki style="color: #ABCDEF"
833#ABCDEF는 알파위키 상징색입니다.
834}}}
835}}}
836{{{#!wiki style="color: #ABCDEF"
837#ABCDEF는 알파위키 상징색입니다.
838}}}
839{{{+1 {{{#orange 주의사항 }}}}}}
840위 예시와 같이, 밝은 배경과 밝은 색을 혼합하면 가독성이 떨어집니다.
r213
bunnymearcat
841==== 텍스트 그림자 효과 ====
r115
cmsong
842글자에 그림자 효과를 냅니다. 가로이동과 세로이동을 0으로 지정해놓으면 네온 효과가 납니다.
843{{{{{{#!html <span style="text-shadow: 가로이동px 세로이동px 그림자크기px #그림자 색상 코드;color:#글자 색상 코드">텍스트</span>}}}}}}
844{{{#!html <span style="text-shadow: 2px 2px 6px #767676;color:#000">예시</span>}}}와 같이 나타나며,
r196
bunnymearcat
845
846{{{{{{#!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>}}}
847}}}
r115
cmsong
848{{{#!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>}}}
849
r214
bunnymearcat
850==== 폰트 ====
851{{{font-family}}} 속성을 이용하시면 됩니다.
852{{{
853{{{#!wiki style="font-family: Times New Roman;float:left"
854이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial"
855이건 Arial입니다.}}}
856}}}
857{{{#!wiki style="font-family: Times New Roman;float:left"
858이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial"
859이건 Arial입니다.}}}
r216
bunnymearcat
860
861==== 여백 ====
862{{{padding}}} 속성은 틀 안의 여백을 정의하고, {{{margin}}} 속성은 틀과 다른 요소 사이의 여백을 정의합니다.
863{{{
864||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;"
865padding 15px에 margin 10px입니다.
866}}}||
867}}}
868||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;"
869padding 15px에 margin 10px입니다.
870}}}||
r217
bunnymearcat
871
872==== 요소의 넓이 강제 100%지정 막기 ====
r255
bunnymearcat
873{{{{{{#!wiki}}}}}} 문법이 내부적으로 {{{<div>}}} 박스로 처리되는 관계로, 기본적으로 해당 스타일 내부의 요소의 넓이는 100%로 강제 설정됩니다. 이를 막으려면, {{{display}}} 속성을 {{{table}}}으로 설정하거나 {{{width}}} 속성을 정의하시면 됩니다.
r217
bunnymearcat
874{{{
875{{{#!wiki style="border: 2px dotted #abcdef;"
876속성 적용 안함
877}}}
878{{{#!wiki style="border: 2px dotted #abcdef;display:table;"
r255
bunnymearcat
879display:table
r217
bunnymearcat
880}}}
r255
bunnymearcat
881{{{#!wiki style="border: 2px dotted #abcdef;width:100px;"
882width 100px
r217
bunnymearcat
883}}}
r255
bunnymearcat
884}}}
r217
bunnymearcat
885{{{#!wiki style="border: 2px dotted #abcdef;"
886속성 적용 안함
887}}}
888{{{#!wiki style="border: 2px dotted #abcdef;display:table;"
r255
bunnymearcat
889display:table
r217
bunnymearcat
890}}}
r255
bunnymearcat
891{{{#!wiki style="border: 2px dotted #abcdef;width:100px;"
892width 100px
893}}}
r219
bunnymearcat
894==== 넓이 및 높이 ====
895넓이 및 높이는 {{{width}}} 및 {{{height}}} 속성으로 설정할 수 있습니다.
r220
bunnymearcat
896{{{
897{{{#!wiki style="width: 100px; height: 50px; border: 2px solid black;"
898width 100px, height 500px
r219
bunnymearcat
899}}}
r220
bunnymearcat
900}}}
901{{{#!wiki style="width: 100px; height: 50px; border: 2px solid black;"
902width 100px, height 500px
903}}}
r228
bunnymearcat
904
905==== 그라디언트 ====
r231
bunnymearcat
906박스에 그라디언트 속성을 정의합니다. 구버전 IE 등 일부 웹브라우저에서는 깨져 보일 수 있으므로, {{{background-color}}} 속성과 병행하여 사용하는 것을 추천합니다. 다만 이러한 경우에는, 그라디언트 관련 속성이 뒤에 와야 우선권을 가집니다.
r228
bunnymearcat
907===== 선형 =====
908{{{background-image}}} 속성에 {{{linear-gradient(to 방향, 색1 퍼센트, 색2 퍼센트)}}}의 값을 적용시킬 수 있습니다.
909또는, 값을 간소화하여 {{{linear-gradient(to 방향, 색1, 색2)}}}로 사용할 수 있습니다.
910색은 갯수 제한없이 사용 가능하며, 콤마(,)로 구분하여 색의 이름(white, black, blue 등), html 색 값(#ABCDEF 등) 또는 RGB 값(''rgb(0,0,0)'' 또는 ''rgba(0,0,0,0.5)'')으로 쓸 수 있습니다.
r229
bunnymearcat
911{{{
r228
bunnymearcat
912{{{#!wiki style="background-image:linear-gradient(to right, #ABCDEF, #C0AAE1)"
913#ABCDEF에서 #C0AAE1로 그라디언트!
914}}}
r229
bunnymearcat
915}}}
916{{{#!wiki style="background-image:linear-gradient(to right, #ABCDEF, #C0AAE1)"
917#ABCDEF에서 #C0AAE1로 그라디언트!
918}}}
r228
bunnymearcat
919
r229
bunnymearcat
920===== 원형 =====
921{{{background-image}}} 속성에 {{{radial-gradient}}} 속성을 적용하시면 됩니다. 사용법은 선형 그라디언트와 같습니다. 다만, 방향의 값을 적용시키지 않습니다.
922{{{
923{{{#!wiki style="background-image:radial-gradient(#ABCDEF 40%, #C0AAE1 80%);height:100px;"
924원형 그라디언트!
925}}}
926}}}
927{{{#!wiki style="background-image:radial-gradient(#ABCDEF 40%, #C0AAE1 80%);height:100px;"
928원형 그라디언트!
929}}}
r263
bunnymearcat
930
931===== 정보상자에서의 활용 =====
932물론 그라디언트를 정보상자에 적용시키는 것도 가능합니다.
933{{{
934||<-2><:>{{{#!wiki style="background:linear-gradient(to right,skyblue,#abcdef);margin:-5px -10px;"
935{{{#white 나무마크}}}}}}||
936||<)>사용 엔진||[[the seed]]||
937||<)>개발자||[[namu]],[[kasio]]||
938}}}
939||<-2><:>{{{#!wiki style="background:linear-gradient(to right,skyblue,#abcdef);margin:-5px -10px;"
940{{{#white 나무마크}}}}}}||
941||<)>사용 엔진||[[the seed]]||
942||<)>개발자||[[namu]],[[kasio]]||
r234
bunnymearcat
943==== 박스 중앙정렬 ====
944다음과 같이 박스를 중앙 정렬할 수 있습니다.
945{{{
946{{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;"
947중앙정렬된 박스.
948}}}
949}}}
950{{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;"
951중앙정렬된 박스.
952}}}
r237
bunnymearcat
953또는, 강제로 넓이를 지정하기보다는 유동적인 넓이를 적용하기 위해서 다음과 같이 할 수도 있습니다.
r236
bunnymearcat
954{{{
955{{{#!wiki style="display:table;border:1px solid black;margin:0 auto;"
956중앙정렬된 박스!
957}}}
958}}}
r234
bunnymearcat
959
r236
bunnymearcat
960{{{#!wiki style="display:table;border:1px solid black;margin:0 auto;"
961중앙정렬된 박스!
962}}}
963
964여기서 박스 넓이가 강제로 100%로 설정되는 현상을 방지하는 조치를 하는 점과 {{{margin}}}을 ''0 auto''로 지정하였다는 점이 핵심입니다.
965
r234
bunnymearcat
966==== 텍스트 중앙정렬 ====
967''text-align'' 속성을 ''center''로 설정하시면 됩니다.
968{{{
969{{{#!wiki style="border: 1px solid black;text-align:center"
r265
kippie408
970중앙 정렬된 텍스트.
r234
bunnymearcat
971}}}
972}}}
973{{{#!wiki style="border: 1px solid black;text-align:center"
r265
kippie408
974중앙 정렬된 텍스트.
r234
bunnymearcat
975}}}
r61
Devenjer
976=== 틀 ===
r155
namu
977HTML을 이용해 틀을 만들 수 있습니다. 알파위키에서 사용되는 틀의 형식은 다음과 같습니다.
r160
GyoSeokLee
978{{{ {{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid 테두리색;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
r125
Devenjer
979{{{+1 제목}}}
r130
kiwitree
980내용}}}}}}
r125
Devenjer
981
982{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid orange;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
983{{{+1 제목}}}
984
985내용}}}
r251
bunnymearcat
986{{{#orange orange}}} - 주의 문구에 쓰입니다.
r125
Devenjer
987
988{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid green;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
989{{{+1 제목}}}
990
991내용}}}
r251
bunnymearcat
992{{{#green green}}} - 잘 쓰이지 않습니다. 편집시의 주의할 사항을 적습니다.
r125
Devenjer
993
994{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid red;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
995{{{+1 제목}}}
996
997내용}}}
r251
bunnymearcat
998{{{#red red}}} - 강한 경고에 쓰입니다.
999
1000{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid #abcdef;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
r125
Devenjer
1001{{{+1 제목}}}
1002
1003내용}}}
r251
bunnymearcat
1004{{{#abcdef #ABCDEF}}} - 공식 문서에 쓰입니다. --아니면 쓸 색깔이 생각나지 않을때(...)도 쓸 수 있습니다.--
r125
Devenjer
1005
1006{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid blue;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
1007{{{+1 제목}}}
1008
1009내용}}}
r251
bunnymearcat
1010{{{#blue blue}}} - 더 강력한 경고에 쓰입니다.
r125
Devenjer
1011
1012{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid purple;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
1013{{{+1 제목}}}
1014
1015내용}}}
r251
bunnymearcat
1016{{{#purple purple}}} - 범죄와 같은 '''{{{+1 매우}}}''' 강력한 경고에 쓰입니다.
r245
bunnymearcat
1017==== 응용 형식 ====
r250
bunnymearcat
1018===== border 위로 =====
r245
bunnymearcat
1019다음과 같은 형식으로 border을 위로 올려놓을 수 있습니다. 앏은 틀에 사용하기에 유용합니다.
1020{{{ {{{#!wiki style="border:1px solid #E0E0E0;border-top:3px solid 테두리색;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
1021{{{+1 제목}}}
1022내용}}}}}}
1023----
1024{{{#!wiki style="border:1px solid #E0E0E0;border-top:3px solid orange;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
1025{{{+1 제목}}}
1026
1027내용}}}
r250
bunnymearcat
1028
1029===== 나무위키 방식 =====
1030{{{
1031{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px"
1032{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1033}}}
1034{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px"
1035{{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}}
1036[[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?from=%EB%82%98%EB%AC%B4%EB%A7%88%ED%81%AC#s-20.1|출처]]
r63
Devenjer
1037== 분류 ==
r180
Devenjer
1038{{{[[분류:분류명]]}}}으로 문서에 맞는 분류를 적용할 수 있습니다.
r107
ReSeed
1039어떤 분류에 해당하는 문서를 찾고 싶으면, 그 분류에 해당하는 문서의 최하단의 분류명을 누르거나,
r126
Devenjer
1040{{{분류:분류명}}}을 검색하면 그 분류에 해당하는 문서가 정리되어 있습니다.
1041
r189
bunnymearcat
1042{{{[[분류:분류명#blur]]}}}로 특정 분류를 숨길 수 있습니다. 스포일러 방지에 유용한 기능이며, 마우스를 오버하면 분류가 표시됩니다.
r180
Devenjer
1043
r179
Devenjer
1044분류 문서로 링크하실 때는, {{{[[:분류:분류명]]}}}을 입력하셔야 합니다.
r127
ReSeed
1045== 문법 강조 ==
r272
(삭제된 사용자)
1046해당하는 프로그래밍 언어의 문법을 강조해서 표기합니다. 지원하는 언어는 [[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)입니다.
r199
MCPE_PC
1047사용법:
1048{{{{{{#!syntax 언어명
r127
ReSeed
1049코드
r199
MCPE_PC
1050}}}}}}
1051예시:
r127
ReSeed
1052{{{#!syntax javascript
1053const http = require('http');
r126
Devenjer
1054
r127
ReSeed
1055const hostname = '127.0.0.1';
1056const port = 3000;
1057
1058const server = http.createServer((req, res) => {
1059 res.statusCode = 200;
1060 res.setHeader('Content-Type', 'text/plain');
1061 res.end('Hello World\n');
1062});
1063
1064server.listen(port, hostname, () => {
1065 console.log(`Server running at http://${hostname}:${port}/`);
1066});
1067}}}
r199
MCPE_PC
1068코드는 [[https://nodejs.org/ko/about/|여기]]에서 가져왔습니다.
r222
bunnymearcat
1069[anchor(문법무시)]
1070== 문법 무시 ==
1071{{{{{{내용}}}}}}을 쓸 수 있습니다.
r223
bunnymearcat
1072또는, 문법의 적절한 부분에 역슬래시(\\)를 넣어 주시면 됩니다.
r222
bunnymearcat
1073
r223
bunnymearcat
1074|| 구현방식 || 입력 || 출력 ||
r243
bunnymearcat
1075|| 보통 || {{{'''이런 것!'''}}} || '''이런 것!''' ||
r223
bunnymearcat
1076|| 역슬래시 || {{{'\'' 이런 것! '''}}} || '\''이런 것!''' ||
r225
bunnymearcat
1077|| 역슬래시 || {{{'\'' 이런 것! '\''}}} || '\'' 이런 것! ''\' ||
r223
bunnymearcat
1078
1079'''{{{#orange 주의사항}}}'''
r225
bunnymearcat
1080 *볼드체와 같은 문법에는 작은 따옴표 3개 중 첫번째와 두번째 사이에 역슬래시를 삽입하여야 제대로 나옵니다. 이는 여는 문법과 닫는 문법을 구분하지 아니합니다.
r244
bunnymearcat
1081 * 역슬래시 (\\)를 출력하시려면 역슬래시를 두번 입력하시면 됩니다.( {{{#!html &#92;&#92;}}} -> \\) 혹은, {{{{{{#!html &#92;}}}}}} ->{{{#!html &#92;}}}를 사용하세요. 전자를 추천드립니다.
r225
bunnymearcat
1082
r223
bunnymearcat
1083## &#92; 는 역슬래시를 나타내는 HTML 특수문자 코드입니다.
r246
bunnymearcat
1084
r252
bunnymearcat
1085
1086== 사용할만한 특수문자 ==
r264
bunnymearcat
1087##문법 자체에 대한 도움말은 아니나, 비슷한 범주에 있어 이곳에 넣습니다.
r252
bunnymearcat
1088{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;"
1089{{{+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;"
1090{{{+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;"
r256
bunnymearcat
1091{{{+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;"
r264
bunnymearcat
1092{{{+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;"
1093{{{+1 ●}}}}}}
r252
bunnymearcat
1094
r256
bunnymearcat
1095[[분류:알파위키의 도움말]]