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