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