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