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