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

알파위키:문법 도움말/심화(비교)

r39 vs r43
1
[[분류:알파위키의 도움말]]
2
[include(틀:상위 문서, top1=알파위키:문법 도움말)]
3
[include(틀:알파위키)]
4
[include(틀:알파위키 도움말)]
5
[목차]
6
[clearfix]
7
== 개요 ==
8
알파위키의 문법 중 응용 문법, 특수한 상황에 적용되는 문법, 난도가 높은 문법들을 설명합니다. 편집에 필수적으로 필요한 기본 문법들은 [[알파위키:문법 도움말|상위 문서]]에 안내되어 있으니 심화 문법을 보기 전에 기초 내용을 먼저 숙지하시는 것을 권장합니다.
1
이 사용자는 [[삭제된사용자:8e55a459-bbbc-4e5c-af1c-38c66c9cc5ed|SeanSentIGPC]]로도 알려졌으며, 본 위키에서 모든 다중 계정이 차단되었고, 소명권 또한 박탈되었습니다.
92
10
{{{#ff0000 '''주의!'''}}} 일부 문법의 경우 모바일에서 복사 붙여넣기를 할 시 '''정상적으로 작동하지 않을 수 있습니다.'''
3
==# 다중 계정 목록 #==
4
1. [[사용자:Us01]]
5
1. [[사용자:Gwahakdya]]
6
1. [[사용자:Sena128]]
7
1. [[사용자:Roselia]]
8
1. [[사용자:Fisent]]
9
1. [[사용자:PASR]]
10
1. [[사용자:Wikipedia]]
11
1. [[사용자:Sad]]
12
1. [[사용자:No_Vanila]]
13
1. [[사용자:Cube]]
14
1. [[삭제된사용자:b5040c2f-ea98-42e9-b421-29641683605a|사용자:Finn]]
15
1. [[사용자:Fnin2]]
16
1. [[사용자:No_cocoa]]
17
1. [[사용자:Windows2018]]
18
1. [[사용자:Cocoa_New]]
19
1. [[사용자:Shit__Cocoa_and_FUck_polish]]
20
1. [[사용자:wauj520]]
21
1. [[사용자:Lpyton]]
22
1. [[사용자:Theseedwikiuser]]
23
1. [[사용자:maeyoeol]]
24
1. [[사용자:dd2098709]]
25
1. [[사용자:K_M]]
26
1. [[사용자:Group]]
27
1. [[사용자:DDD]]
28
1. [[사용자:GGG]]
29
1. [[사용자:No_polish]]
30
1. [[사용자:Korail]]
31
1. [[사용자:fuck_you_dickhead_polish]]
32
1. [[사용자:Fuck_Cocoa]]
33
1. [[사용자:Cocoa_and_polish_are_dictators|Cocoa와 polish는 독재자다!!!]]
34
1. [[사용자:Whistle]]
35
1. [[사용자:user]]
36
1. [[사용자:Fkou]]
37
1. [[사용자:hello]]
38
1. [[사용자:grant]]
39
1. [[사용자:GDY]]
40
1. [[사용자:Gwahakdya_]]
41
1. [[사용자:Dog]]
42
1. [[사용자:Lawyer]]
43
1. [[사용자:SeanSentIGPc1]]
44
1. [[사용자:gyonyong12]]
45
1. [[사용자:Group123]]
46
1. [[사용자:my7]]
47
1. [[사용자:frog]]
48
1. [[사용자:Kuser]]
49
1. [[사용자:Epoxy]]
50
1. [[사용자:Alppe]]
51
1. [[사용자:Gwahakdya12345]]
52
1. [[사용자:Tiship]]
53
1. [[사용자:Yes_SeanSentIGPc]]
54
1. [[사용자:YPC]]
55
1. [[사용자:Fuck_Imsleepy_Fuck_Blueseed]]
56
1. [[사용자:No_maca]]
57
1. [[사용자:Yes_Gwahakdya]]
58
1. [[사용자:No_RENAISSANCE]]
59
1. [[사용자:Gom]]
60
1. [[사용자:friend]]
61
1. [[사용자:Degery]]
62
1. [[사용자:Vampire]]
63
1. [[사용자:soupcake27]]
64
1. [[사용자:Yeosu]]
65
1. [[사용자:Daum]]
66
1. [[사용자:justin217]]
67
1. [[사용자:notebook]]
68
1. [[사용자:Fuck]]
69
1. [[사용자:Do33]]
70
1. [[사용자:Naverwiki]]
71
1. [[사용자:Duh02]]
72
1. [[사용자:nimda]]
73
1. [[사용자:tbs]]
74
1. [[사용자:Havox2]]
75
1. [[사용자:Havox3]]
76
1. [[사용자:Kim]]
77
1. [[사용자:Blueseed]]
78
1. [[사용자:Ssoyero_]]
79
1. [[사용자:polish_shall_be_expelled]]
1180
12
== 'wiki style, dark-style' 문법을 이용하는 응용 텍스트 문법 ==
13
*'''관련 기초 문법''': [[알파위키:문법 도움말#텍스트|텍스트 기초 문법]] ([[알파위키:문법 도움말#텍스트 형태|형태]]·[[알파위키:문법 도움말#텍스트 크기|크기]]·[[알파위키:문법 도움말#텍스트 색상|색상]])
81
이외에도 다중 계정으로 의심되는 계정이 몇 있으나, 명확한 IP 대역 일치가 없어 추가 기술하지는 않습니다.
82
심지어 이 사용자는 한 번 [[https://theseed.io/thread/ApatheticRebelliousYouthfulVolcano|사면된 적]]이 있으나, 1개월도 가지 못해 다시 차단되었습니다.
83
또한 추후 다시 대사면으로 사면되었으나, 본인이 션센트가 아니라는 등 말도 안되는 개소리를 해서 다시 차단되었습니다.
1484
15
[[HTML]]의 여러 태그 중 <div>의 경우만 유일하게 div 내 나무마크 내 적용이 가능합니다. 기본 형식은 아래와 같으며 style="속성 목록" 다음에 '''줄바꿈을 생략하면 정상적으로 출력되지 않습니다.'''
16
{{{{{{#!wiki style="속성 목록" dark-style="다크모드 전용 속성"
17
속성이 적용된 텍스트}}}}}}
18
{{{속성 목록}}} 부분은 "{{{속성명1: 적용사항1; 속성명2: 적용사항2}}}" 와 같은 방식으로 구성되며 여러 속성끼리는 [[세미콜론]](;)으로 구분합니다.
85
== 둘러볼 만한 링크 ==
86
[[https://gall.dcinside.com/mini/gyonyong12|더시드위키 미니 갤러리]]
87
[[https://archive.org/download/theseed-archive-screenshots-testing/theseed_archive_1.png|그 글들 중 하나]]
1988
20
다크모드 전용 속성인 dark-style인 경우 기존 속성 목록도 그대로 적용되고 다크모드 모드인 경우 추가적으로 해당 속성이 적용됩니다. 기존 style 속성이랑 겹치는 경우 다크모드 속성이 우선시됩니다.
89
== 유사 문의 ==
90
또한 이 사용자는 본인이 다중 계정을 사용함을 당당하게 관리자에게 DM으로 전송한 적이 있습니다. 아래는 그 내용의 전문이며, 아래 내용에 한해 CC0으로 배포됩니다.
91
또한 해당 사용자가 유사 문의를 할 때 사용한 Discord 사용자명은 [[사용자:gyonyong12|gyonyong12]]입니다.
2192
22
본 문단의 하위 항목인 '텍스트 정렬 및 자간 조절', '줄바꿈 기준 설정', '텍스트 및 셀 배경의 그라데이션 효과' 뿐 아니라, 후술되는 '이미지/동영상 삽입 관련 고급 문법', '인용문 정렬 문법', '접기 시 미관 개선용 문법'은 이처럼 HTML의 div 태그에 존재하는 다양한 속성을 나무마크에 호환시킨 후 알파위키의 필요성에 맞게 활용한 예시들입니다.
23
24
{{{#red '''주의'''}}}: <div> 태그 내에 나무마크를 적용하기 위해 분리하여 사용했던 이전 방식인 "{{{{{{#!html <div style="속성 목록">}}} 속성이 적용된 텍스트 {{{#!html </div>}}}}}}" 방식의 문법은 더 이상 사용할 수 없습니다.
25
26
{{{#red '''주의'''}}}: <div> 태그를 제외한 HTML의 다른 모든 태그, 특히 <span> 태그를 사용하는 문법은 정식 문법이 아니며 가능한 한 사용을 자제할 것이 요구됩니다. {{{{{{#!wiki style= ...}}}}}}로 시작하지 않고, {{{{{{#!html ...}}}}}}로 시작하는 모든 문법은 모두 비권장이라 보시면 됩니다. 이에 관해서는 [[#html|별도 문단]]에서 설명합니다.
27
28
=== 텍스트 정렬 ===
29
텍스트를 정렬할 수 있으며 형태, 크기, 색상과 병용할 수 있습니다. 기본값은 좌측 정렬입니다.
30
31
{{{{{{#!wiki style="text-align:center"
32
중앙}}}}}}
33
||<tablewidth=100%><bgcolor=#fff,#2d2f34> {{{#!wiki style="text-align:center"
34
↓}}}{{{#!wiki style="text-align:center"
35
중앙}}} ||
36
----
37
{{{{{{#!wiki style="text-align:left"
38
좌측}}}}}}
39
||<tablewidth=100%><bgcolor=#fff,#2d2f34> {{{#!wiki style="text-align:left"
40
↓}}}{{{#!wiki style="text-align:left"
41
좌측}}} ||
42
----
43
{{{{{{#!wiki style="text-align:right"
44
우측}}}}}}
45
||<tablewidth=100%><bgcolor=#fff,#2d2f34> {{{#!wiki style="text-align:right"
46
↓}}}{{{#!wiki style="text-align:right"
47
우측}}} ||
48
49
=== 텍스트 자간 조절 ===
50
{{{{{{#!wiki style="letter-spacing: 값px;"
51
텍스트}}}}}}
52
텍스트의 [[자간]]을 조절하여 공간을 절약하거나 가독성을 향상시킬 수 있습니다. 기본값은 0px입니다.
53
54
[[템플릿]], [[틀]], [[표(자료)|테이블(표)]] 등에서 미관상의 목적으로만 사용하여 주십시오.
55
{{{#!wiki style="word-break: keep-all"
56
||<rowbgcolor=#fc6><rowcolor=#000><width=50%> 입력 || 출력 ||
57
||{{{{{{#!wiki style="letter-spacing: 1.5px;"
58
텍스트의 자간이 1.5px입니다.}}}}}}
59
||{{{#!wiki style="letter-spacing: 1.5px;"
60
텍스트의 자간이 1.5px입니다.}}}
61
||
62
||{{{{{{#!wiki style="letter-spacing: 1px;"
63
텍스트의 자간이 1px입니다.}}}}}}
64
||{{{#!wiki style="letter-spacing: 1px;"
65
텍스트의 자간이 1px입니다.}}}
66
||
67
||{{{{{{#!wiki style="letter-spacing: 0.5px;"
68
텍스트의 자간이 0.5px입니다.}}}}}}
69
||{{{#!wiki style="letter-spacing: 0.5px;"
70
텍스트의 자간이 0.5px입니다.}}}
71
||
72
||{{{{{{#!wiki style="letter-spacing: 0px;"
73
텍스트의 자간이 기본값입니다.}}}}}}
74
||{{{#!wiki style="letter-spacing: 0px;"
75
텍스트의 자간이 기본값입니다.}}}
76
||
77
||{{{{{{#!wiki style="letter-spacing: -0.5px;"
78
텍스트의 자간이 -0.5px입니다.}}}}}}
79
||{{{#!wiki style="letter-spacing: -0.5px;"
80
텍스트의 자간이 -0.5px입니다.}}}
81
||
82
||{{{{{{#!wiki style="letter-spacing: -1px;"
83
텍스트의 자간이 -1px입니다.}}}}}}
84
||{{{#!wiki style="letter-spacing: -1px;"
85
텍스트의 자간이 -1px입니다.}}}
86
||
87
||{{{{{{#!wiki style="letter-spacing: -1.5px;"
88
텍스트의 자간이 -1.5px입니다.}}}}}}
89
||{{{#!wiki style="letter-spacing: -1.5px;"
90
텍스트의 자간이 -1.5px입니다.}}}
91
||}}}
92
93
=== 줄바꿈 기준 설정[anchor(줄바꿈 기준 설정)] ===
94
틀, 표, 인용문 박스 등 특정 영역의 가장자리에서 텍스트가 줄바꿈 될 때의 기준을 다음 문법을 통해 설정하여 가독성을 향상시킬 수 있습니다.
95
{{{{{{#!wiki style="word-break: (조건값);"
96
(텍스트)}}}}}}
97
줄바꿈 조건값으로 입력할 수 있는 값에는 다음이 있습니다.
98
* {{{normal}}}: 띄어쓰기와 하이픈(-)을 단어 구분의 기준으로 '''[[라틴 문자]](로마자)의 단어 단위''' 줄바꿈
99
* {{{keep-all}}}: 띄어쓰기와 하이픈(-)을 단어 구분의 기준으로 '''모든 문자(한글 포함)의 단어 단위''' 줄바꿈
100
* {{{break-all}}}: '''글자 단위''' 줄바꿈
101
102
{{{#green '''참고'''}}}: 이 문법을 따로 사용하지 않았을 경우의 알파위키 기본값은 글자 단위 줄바꿈({{{break-all}}}) 입니다.
103
104
이 문법을 사용하여 해당 영역에서 전체적으로 단어 단위로 줄바꿈을 적용할 시, 예외적으로 일부 단어에 대해서만 단어 내 특정한 위치에서 줄바꿈을 적용하려면 그 위치에 [[공백#s-2.3|폭 없는 공백(Zero Width Space, U+200B)]]을 삽입하면 됩니다. 폭 없는 공백은 그냥 복사해서 붙여넣으면 나중에 RAW에서 찾기 어려워지니 {{{{{{#!html &ZeroWidthSpace;}}}}}} 또는 {{{{{{#!html &#8203;}}}}}}과 같이 HTML을 사용한 방법이 좋습니다.
105
106
{{{#green '''참고'''}}}: 해당 문법을 둘러보기 틀에 적용할 경우 [ 펼치기 · 접기 ]의 margin 문법 옆에 위치시킵니다.[* {{{|| {{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
107
{{{#!folding [ 펼치기 · 접기 ]
108
{{{#!wiki style="margin:-5px -1px -11px; word-break: keep-all"
109
||내용||}}}}}}}}} ||}}}] word-break를 틀 시작 부분에 위치시킬 경우 틀 하단에 불필요한 개행이 발생해 미관상 좋지 않습니다.
110
----
111
112
다음은 예시입니다.
113
114
||<bgcolor=#fc6><rowcolor=#000>'''{{{word-break: break-all}}} 사용 (알파위키 기본값, 글자 단위로 줄바꿈)'''||
115
||{{{|| Out of the frying pan into the fire. 여우를 피해서 호랑이를 만나다. || Saying is one thing, doing is another. 말은 쉬워도 행동은 어렵다. || The fish always stinks from the head downwards. 윗물이 맑아야 아랫물이 맑다. || The sparrow near a school sings the primer. 서당개 삼 년에 풍월 읊는다. || The mouse that has but one hole is quickly taken. 구멍 하나 뿐인 쥐는 빨리 잡힌다. || Still waters run deep. 잔잔한 물은 깊이 흐른다. || What's learned in the cradle is carried to the grave. 요람에서 배워 무덤까지 간다. ||}}}||
116
117
||Out of the frying pan into the fire. 여우를 피해서 호랑이를 만나다. || Saying is one thing, doing is another. 말은 쉬워도 행동은 어렵다. || The fish always stinks from the head downwards. 윗물이 맑아야 아랫물이 맑다. || The sparrow near a school sings the primer. 서당개 삼 년에 풍월 읊는다. || The mouse that has but one hole is quickly taken. 구멍 하나 뿐인 쥐는 빨리 잡힌다. || Still waters run deep. 잔잔한 물은 깊이 흐른다. || What's learned in the cradle is carried to the grave. 요람에서 배워 무덤까지 간다. ||
118
----
119
120
||<bgcolor=#fc6><rowcolor=#000><tablewidth=100%>'''{{{word-break: normal}}} 사용 (라틴 문자 단어 단위로 줄바꿈)'''||
121
||\{{{{{{#!wiki style="word-break: normal"}}}
122
{{{|| Out of the frying pan into the fire. 여우를 피해서 호랑이를 만나다. || Saying is one thing, doing is another. 말은 쉬워도 행동은 어렵다. || The fish always stinks from the head downwards. 윗물이 맑아야 아랫물이 맑다. || The sparrow near a school sings the primer. 서당개 삼 년에 풍월 읊는다. || The mouse that has but one hole is quickly taken. 구멍 하나 뿐인 쥐는 빨리 잡힌다. || Still waters run deep. 잔잔한 물은 깊이 흐른다. || What's learned in the cradle is carried to the grave. 요람에서 배워 무덤까지 간다. ||}}}}}}||
123
124
{{{#!wiki style="word-break: normal"
125
|| Out of the frying pan into the fire. 여우를 피해서 호랑이를 만나다. || Saying is one thing, doing is another. 말은 쉬워도 행동은 어렵다. || The fish always stinks from the head downwards. 윗물이 맑아야 아랫물이 맑다. || The sparrow near a school sings the primer. 서당개 삼 년에 풍월 읊는다. || The mouse that has but one hole is quickly taken. 구멍 하나 뿐인 쥐는 빨리 잡힌다. || Still waters run deep. 잔잔한 물은 깊이 흐른다. || What's learned in the cradle is carried to the grave. 요람에서 배워 무덤까지 간다. ||}}}
126
----
127
128
||<bgcolor=#fc6><rowcolor=#000>'''{{{word-break: keep-all}}} 사용 (한글을 포함한 모든 문자의 단어 단위로 줄바꿈)'''||
129
||\{{{{{{#!wiki style="word-break: keep-all"}}}
130
{{{|| Out of the frying pan into the fire. 여우를 피해서 호랑이를 만나다. || Saying is one thing, doing is another. 말은 쉬워도 행동은 어렵다. || The fish always stinks from the head downwards. 윗물이 맑아야 아랫물이 맑다. || The sparrow near a school sings the primer. 서당개 삼 년에 풍월 읊는다. || The mouse that has but one hole is quickly taken. 구멍 하나 뿐인 쥐는 빨리 잡힌다. || Still waters run deep. 잔잔한 물은 깊이 흐른다. || What's learned in the cradle is carried to the grave. 요람에서 배워 무덤까지 간다. ||}}}}}}||
131
132
{{{#!wiki style="word-break: keep-all"
133
|| Out of the frying pan into the fire. 여우를 피해서 호랑이를 만나다. || Saying is one thing, doing is another. 말은 쉬워도 행동은 어렵다. || The fish always stinks from the head downwards. 윗물이 맑아야 아랫물이 맑다. || The sparrow near a school sings the primer. 서당개 삼 년에 풍월 읊는다. || The mouse that has but one hole is quickly taken. 구멍 하나 뿐인 쥐는 빨리 잡힌다. || Still waters run deep. 잔잔한 물은 깊이 흐른다. || What's learned in the cradle is carried to the grave. 요람에서 배워 무덤까지 간다. ||}}}
134
135
=== [anchor(그라데이션)]텍스트 및 셀 배경의 그라데이션 효과 ===
136
{{{{{{#!wiki style="background: linear-gradient(<to 방향>, #<헥스 코드 1>, #<헥스 코드 2>)"
137
}}}}}}
138
이 문법은 글자의 배경에 [[그라데이션]]을 넣는 기능입니다. (텍스트 뿐만 아니라 테이블의 셀 배경으로 적용 또한 가능함) {{{<헥스 코드 1, 2>}}} 자리에 자신이 넣고 싶은 여섯 자리의 [[헥스 코드]]들을 찾아서 입력해 주세요.
139
140
그라데이션의 여백을 조절하고 싶다면 위 문법에 {{{margin: (세로 여백 조절 숫자)px (가로 여백 조절 숫자)px; }}}을 추가로 입력하여 조절해 주세요.
141
142
그라데이션의 크기를 조절하고 싶다면 위 문법에 {{{padding: (세로 크기 조절 숫자)px (가로 크기 조절 숫자)px; }}}을 추가로 입력하여 조절해 주세요.
143
144
그라데이션의 방향을 설정하고 싶다면 {{{<to 방향>}}} 자리에 {{{to left}}}, {{{to right}}}, {{{to top}}}, {{{to bottom}}} 중에서 하나를 입력해 주세요.
145
* 왼쪽에서 오른쪽: {{{to right}}}
146
* 오른쪽에서 왼쪽: {{{to left}}}
147
* 위에서 아래: {{{to bottom}}}
148
* 아래에서 위: {{{to top}}}
149
* 북동쪽 방향 대각선: {{{to top right}}} 또는 {{{to right top}}}
150
* 동남쪽 방향 대각선: {{{to bottom right}}} 또는 {{{to right bottom}}}
151
* 남서쪽 방향 대각선: {{{to bottom left}}} 또는 {{{to left bottom}}}
152
* 북서쪽 방향 대각선: {{{to top left}}} 또는 {{{to left top}}}
153
154
그라데이션의 각도를 세세하게 조절하고 싶다면 {{{<to 방향>}}} 대신 육십분법으로 {{{<숫자deg>}}}나 호도법으로 {{{<숫자rad>}}} 문법을 사용해 보세요. {{{숫자}}} 안의 각도를 소수점 아래로 미세한 조정이 가능합니다. 아래는 예시입니다.
155
* 북쪽 방향: {{{0deg}}}
156
* 북동쪽 방향: {{{45deg}}}
157
* 동쪽 방향: {{{90deg}}}
158
* 남동쪽 방향: {{{135deg}}}
159
* 남쪽 방향: {{{180deg}}}
160
* 남서쪽 방향: {{{225deg}}}
161
* 서쪽 방향: {{{270deg}}}
162
* 북서쪽 방향: {{{315deg}}}
163
164
상기의 문법을 동시에 사용한 예시입니다.
165
{{{{{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #FFB9B9, #FFFDBB)"
166
그라데이션 기능입니다}}}}}}
167
{{{#!wiki style="margin: -5px 0px; padding: 5px 10px; background: linear-gradient(to right, #FFB9B9, #FFFDBB)"
168
{{{#000 그라데이션 기능입니다}}}}}}
169
170
또다른 예시입니다.
171
172
{{{{{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(135deg, #FFB9B9, #FFD3B6, #FFFDBB, #B4ECB4, #ACE1FF, #F6C3FF)"
173
그라데이션 기능입니다
174
175
무지개색 총공격이다!}}}}}}
176
{{{#!wiki style="margin: -5px 0px; padding: 5px 10px; background: linear-gradient(135deg, #FFB9B9, #FFD3B6, #FFFDBB, #B4ECB4, #ACE1FF, #F6C3FF)"
177
{{{#000 그라데이션 기능입니다
178
179
무지개색 총공격이다!}}}}}}
180
181
[anchor(tablegra)]
182
표 문법 안에 넣어서 활용하는 방법도 있습니다.
183
184
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #ABCDEF, #13AD65)"
185
{{{#FFFFFF '''알파위키'''}}}[br]{{{#FFFFFF '''고유 컬러'''}}}}}} ||}}}
186
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #ABCDEF, #13AD65)"
187
{{{#FFFFFF '''알파위키'''}}}[br]{{{#FFFFFF '''고유 컬러'''}}}}}} ||
188
189
헥스 코드를 여러번 입력하여 색과 색 사이의 경계를 좀 더 뚜렷하게 만들어 다양한 시도를 할 수 있습니다.
190
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #AFEEEE, #AFEEEE, #AFEEEE, #AFEEEE, #4682B4, #4682B4, #4682B4, #4682B4)"
191
{{{#FFFFFF '''안녕하세요'''}}}[br][br][br]{{{#FFFFFF '''여러분'''}}}}}} ||}}}
192
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #AFEEEE, #AFEEEE, #AFEEEE, #AFEEEE, #4682B4, #4682B4, #4682B4, #4682B4)"
193
{{{#FFFFFF '''안녕하세요'''}}}[br]{{{#FFFFFF '''여러분'''}}}}}} ||
194
195
헥스 코드 바로 오른쪽에 퍼센테이지를 붙여서 각 색이 차지하는 크기 및 비율을 조절하는 방법도 있습니다.
196
* {{{linear-gradient(to right, #AFEEEE 65%, #4682B4 80%)"}}}
197
#AFEEEE로 시작하고, 왼쪽에서 65% 지점 이후부터 #4682B4로 전환되기 시작한 후, 왼쪽에서 80% 지점부터 순수한 #4682B4로 완전히 전환되어 종료되는 그라데이션
198
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #AFEEEE 65%, #4682B4 80%)"
199
{{{#FFFFFF '''안녕하세요'''}}}[br][br][br]{{{#FFFFFF '''여러분'''}}}}}} ||}}}
200
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #AFEEEE 65%, #4682B4 80%)"
201
{{{#FFFFFF '''안녕하세요'''}}}[br]{{{#FFFFFF '''여러분'''}}}}}} ||
202
203
* {{{linear-gradient(to right, #AFEEEE, #4682B4 60%, #C0D84D)"}}}
204
#AFEEEE로 시작하고, 왼쪽에서 60% 지점부터 순수한 #4682B4로 완전히 전환된 후, #C0D84D로 종료되는 그라데이션
205
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #AFEEEE, #4682B4 60%, #C0D84D)"
206
{{{#FFFFFF '''안녕하세요'''}}}[br]{{{#FFFFFF '''여러분'''}}}}}} ||}}}
207
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #AFEEEE, #4682B4 60%, #C0D84D)"
208
{{{#FFFFFF '''안녕하세요'''}}}[br]{{{#FFFFFF '''여러분'''}}}}}} ||
209
210
오른쪽 색상의 지정 위치가 왼쪽 색상보다 작거나 같을 경우, 그라데이션 효과가 사라지고 왼쪽 색상에 지정한 위치에서 색이 나누어집니다.
211
* {{{linear-gradient(to right, #C9151E 30%, #D1EAFF 0%)}}}
212
* {{{linear-gradient(to right, #C9151E 58%, #D1EAFF 57%)}}}
213
* {{{linear-gradient(to right, #C9151E 70%, #D1EAFF 70%)}}}
214
* {{{linear-gradient(45deg, #C9151E 70%, #D1EAFF 70%)}}}
215
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding:5px; background: linear-gradient(to right, #C9151E 30%, #D1EAFF 0%)"
216
{{{#C9151E '''30%'''}}}}}}||
217
|| {{{#!wiki style="margin: -5px -10px; padding:5px; background: linear-gradient(to right, #C9151E 58%, #D1EAFF 57%)"
218
{{{#C9151E '''58%'''}}}}}}||
219
|| {{{#!wiki style="margin: -5px -10px; padding:5px; background: linear-gradient(to right, #C9151E 70%, #D1EAFF 70%)"
220
{{{#C9151E '''70%'''}}}}}}||
221
|| {{{#!wiki style="margin: -5px -10px; padding:5px; background: linear-gradient(45deg, #C9151E 70%, #D1EAFF 70%)"
222
{{{#C9151E '''70%'''}}}}}}||
223
224
서로 다른 방향의 그라데이션을 한 표안에 원할시 linear-gradient(<to 방향>, #<헥스 코드 1>, #<헥스 코드 2>)를 중첩으로 사용해 만들 수 있습니다.
225
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #355c7d, #6c5b7b, transparent 50%), linear-gradient(to top, #f8b195, #f67280, #f64d5f)"
226
{{{#fff '''중첩된'''}}}[br]{{{#fff '''그라데이션'''}}}}}} ||}}}
227
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #355c7d, #6c5b7b, transparent 50%), linear-gradient(to top, #f8b195, #f67280, #f64d5f)"
228
{{{#fff '''중첩된'''}}}[br]{{{#fff '''그라데이션'''}}}}}} ||
229
퍼센테이지를 적용할 수 도 있습니다.
230
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #355c7d 25%, #6c5b7b 25%, #6c5b7b 50%, transparent 50%), linear-gradient(to top, #f8b195 33%, #f67280 33%, #f67280 66%, #f64d5f 66%)"
231
{{{#fff '''중첩된'''}}}[br]{{{#fff '''그라데이션'''}}}}}} ||}}}
232
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: linear-gradient(to right, #355c7d 25%, #6c5b7b 25%, #6c5b7b 50%, transparent 50%), linear-gradient(to top, #f8b195 33%, #f67280 33%, #f67280 66%, #f64d5f 66%)"
233
{{{#fff '''중첩된'''}}}[br]{{{#fff '''그라데이션'''}}}}}} ||
234
235
반복되는 그라데이션을 원할시 linear-gradient앞에 repeating-을 붙여 구현할 수 있습니다.
236
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%)"
237
{{{#0e284c '''반복 그라데이션'''}}}}}} ||}}}
238
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: repeating-linear-gradient(45deg, #1f719a 6%, #1f719a 12%, #2abdc3 12%, #2abdc3 18%, #fff6ee 18%, #fff6ee 24%)"
239
{{{#0e284c '''반복 그라데이션'''}}}}}} ||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: repeating-linear-gradient(45deg, #1f719a 5%, #1f719a 9%, #2abdc3 9%, #2abdc3 13%, #fff6ee 13%, #fff6ee 17%)"
240
{{{#0e284c '''반복 그라데이션'''}}}}}} ||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: repeating-linear-gradient(45deg, #1f719a 2%, #1f719a 4%, #2abdc3 4%, #2abdc3 6%, #fff6ee 6%, #fff6ee 8%)"
241
{{{#0e284c '''반복 그라데이션'''}}}}}} ||
242
243
{{{rgba(R, G, B, A)}}} 등 투명도를 지정하면 그라데이션끼리 중첩도 가능합니다.
244
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 6px 0; background-color: hsl(34, 53%, 82%); background: linear-gradient(0deg, rgba(255, 255, 255, 0.875), rgba(255, 255, 255, 0.875)), repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px );"
245
투명도 그라데이션}}} ||
246
}}}
247
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 6px 0; background-color: hsl(34, 53%, 82%); background: linear-gradient(0deg, rgba(255, 255, 255, 0.875), rgba(255, 255, 255, 0.875)), repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px );"
248
{{{#666 '''투명도 그라데이션'''}}}}}} ||
249
원 모양의 그라데이션을 원할시 다음과 같이 입력해 출력할 수 있습니다.
250
{{{{{{#!wiki style="background: radial-gradient(circle at (위치)% (높이)%, #<헥스 코드 1>, #<헥스 코드 2>)"}}}
251
}}}
252
* 위치: 0%일시 원의 중심이 최좌측, 100%일시 원의 중심이 최우측
253
* 높이: 0%일시 원의 중심이 최상단, 100%일시 원의 중심이 최하단
254
예시
255
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: radial-gradient(circle at 50% 50%, #000 50%, #808080 50%)"
256
[br]'''{{{#fff 위치 50%[br]높이 50%[br]크기 50%}}}'''[br][br]}}} ||||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: radial-gradient(circle at 0% 50%, #000 50%, #808080 50%)"
257
[br]'''{{{#fff 위치 0%[br]높이 50%[br]크기 50%}}}'''[br][br]}}} ||||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: radial-gradient(circle at 50% 0%, #000 50%, #808080 50%)"
258
[br]'''{{{#fff 위치 50%[br]높이 0%[br]크기 50%}}}'''[br][br]}}} ||
259
마찬가지로 위의 linear-gradient와 혼용하여 사용가능합니다.
260
{{{||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: radial-gradient(circle at 50% 0%, #000 30%, transparent 30%), linear-gradient(to top, #000, #808080)"
261
[br]'''{{{#fff 위치 50%[br]높이 0%[br]크기 30%}}}'''[br][br]}}} ||
262
}}}
263
||<width=300px> {{{#!wiki style="margin: -5px -10px; padding: 5px 10px; background: radial-gradient(circle at 50% 0%, #000 30%, transparent 30%), linear-gradient(to top, #000, #808080)"
264
[br]'''{{{#fff 위치 50%[br]높이 0%[br]크기 30%}}}'''[br][br]}}} ||
265
266
코닉(극좌표) 그라데이션을 사용하면 파이 모양 그래프를 만들 수 있습니다. 일부 브라우저는 코닉 그라데이션을 표시하지 못할 수도 있습니다.
267
* {{{conic-gradient(gray 70%, transparent 0)}}}
268
* {{{conic-gradient(gray 30%, transparent 0)}}}
269
270
{{{#!wiki style="display: inline-block;"
271
{{{#!wiki style="display: table-cell; width: 100px; height: 100px; border-radius: 50%; text-align: center; vertical-align: middle; background: conic-gradient(gray 70%, transparent 0);"
272
{{{+1 70%}}}}}}}}} {{{#!wiki style="display: inline-block;"
273
{{{#!wiki style="display: table-cell; width: 100px; height: 100px; border-radius: 50%; text-align: center; vertical-align: middle; background: conic-gradient(gray 30%, transparent 0);"
274
{{{+1 30%}}}}}}}}}
275
276
=== 글꼴 적용 ===
277
{{{#!wiki style="width: fit-content"
278
{{{#!wiki style="margin: 10px 0; padding: 7px 12px; border: 1px solid; border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace"
279
\{\{\{#!wiki style="font-family: serif"
280
AWiki
281
알파위키
282
\}\}\}
283
}}}{{{#!wiki style="margin: 10px 0; padding: 7px 12px; border: 1px solid; border-radius: 5px; font-size: 1.5em; font-family: serif"
284
AWiki
285
알파위키
286
}}}
287
}}}
288
* {{{font-family: 글꼴}}}
289
* 일반 집단: [[세리프|{{{serif}}}]], [[산세리프|{{{sans-serif}}}]], [[고정폭 글꼴|{{{monospace}}}]], {{{cursive}}}, {{{fantasy}}}
290
위 속성을 사용해 텍스트에 글꼴을 적용시킬 수 있습니다.
291
'''{{{#red 주의}}}''': 열람하는 브라우저에서 사용 가능한 글꼴만이 적용됩니다. 따라서 기기에 따라 그 글꼴이 적용되지 않은 채로 나타날 수 있습니다.
292
293
속성값을 둘 이상 하여도 가능합니다. 앞에 있는 것이 우선되며, 사용 불가할 시 뒤엣것이 적용됩니다.
294
{{{#!wiki style="width: fit-content"
295
{{{#!wiki style="margin: 10px 0; padding: 7px 12px; border: 1px solid; border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace"
296
\{\{\{#!wiki style="font-family: '[[바탕]]','[[Batang]]',serif"
297
AWiki
298
알파위키
299
\}\}\}
300
}}}{{{#!wiki style="margin: 10px 0; padding: 7px 12px; border: 1px solid; border-radius: 5px; font-size: 1.5em; font-family: '바탕','Batang',serif"
301
AWiki
302
알파위키
303
}}}
304
}}}
305
306
편집지침의 커스텀 폰트 규정에 따라 규정에서 허가한 일부 예외를 제외하고, 커스텀 폰트보다는 기본 폰트의 사용이 우선됩니다. 이 점을 참고하시기 바랍니다.
307
308
== 하이퍼링크 ==
309
*'''관련 기초 문법''': [[알파위키:문법 도움말#하이퍼링크|하이퍼링크 기초 문법]]
310
=== [anchor(앵커)]앵커(anchor) ===
311
[anchor(앵커 리다이렉트)]{{{[anchor()]}}}문법을 사용하면 현재 문서 또는 다른 문서의 임의의 위치로 하이퍼링크를 걸 수 있습니다.
312
313
우선, 먼저 해야 할 일은 링크를 걸어 이동시키고자 하는 현재 문서 또는 다른 문서의 특정 위치(도착점)에 앵커를 삽입하는 것입니다. 링크를 보내고자 하는 곳에 아래와 같이 앵커를 넣어줍니다.
314
[anchor(아무개)] 예시) {{{[anchor(아무개)]}}}
315
316
그 다음 링크를 걸 곳(출발점)에는 아래와 같은 방법으로 링크를 만들어주시면 됩니다. 문단 링크 문법과는 #뒤에 's-문단명' 대신 앵커 이름이 온다는 점만 다릅니다.
317
||<rowbgcolor=#fc6><rowcolor=#000> 사용법 || 출력 || 설명 ||
318
||{{{[[알파위키:문법 도움말/심화#아무개]]}}}||[[알파위키:문법 도움말/심화#아무개]]||<|2>특정 문서의 해당 앵커가 있는 위치로 하이퍼링크를 겁니다.||
319
||{{{[[알파위키:문법 도움말/심화#아무개|알파위키:문법 도움말/심화#아무개]]}}}||[[알파위키:문법 도움말/심화#아무개|알파위키:문법 도움말/심화#아무개]]||
320
||{{{[[#아무개]]}}}||[[#아무개]]||같은 문서 내의 해당 앵커가 있는 위치로 하이퍼링크를 겁니다.||
321
||{{{[[알파위키:문법 도움말/심화#아무개|물론 링크와 출력이 서로 다르게 할 수도 있습니다.]]}}}||[[알파위키:문법 도움말/심화#아무개|물론 링크와 출력이 서로 다르게 할 수도 있습니다.]]||<|2>링크와 출력이 서로 다른 앵커 문법입니다.||
322
||{{{[[#아무개|나아가 같은 문서로도요.]]}}}||[[#아무개|나아가 같은 문서로도요.]]||
323
324
한편, 특정한 위치에 자동으로 생성되는 앵커도 있습니다.
325
* 모든 목차에는 'toc'이라는 앵커가 있습니다. {{{[[문서명#toc]]}}}을 사용하면 '''해당 문서의 목차'''로 이동하는 링크가 생깁니다. 예시) [[알파위키:문법 도움말/심화#toc|알파위키:문법 도움말/심화#toc]]
326
* 모든 문단에는 s-문단번호 앵커와 문단이름 앵커가 있습니다. {{{[[문서명#s-n]]}}}을 사용하면 '''해당 문서의 n번째 문단'''으로 이동하는 링크가 생깁니다. 또한 {{{[[문서명#문단 이름]]}}}을 사용하면 '''해당 문서의 해당 문단'''으로 이동하는 링크가 생깁니다. 문단을 추가하거나 삭제하면 문단번호가 변화하니 문단번호 앵커는 쉽게 변할 수 있습니다. 그러나 문단이름은 변하는 경우가 상대적으로 적어 더 안정적입니다. 물론 문단이름도 변할 수 있어서 완전한 것은 아닙니다. 예시) [[알파위키:문법 도움말/심화#s-1|알파위키:문법 도움말/심화#s-1]], [[알파위키:문법 도움말/심화#개요|알파위키:문법 도움말/심화#개요]]
327
* 모든 각주에는 fn-각주번호 또는 fn-각주이름 앵커가 있습니다. {{{[[문서명#fn-n]]}}}을 사용하면 '''해당 문서의 n번째 각주'''로 이동하는 링크가 생기고, {{{[[문서명#fn-A]]}}}을 사용하면 해당 문서의 A라는 각주로 이동하는 링크가 생깁니다. 예시) [[알파위키:문법 도움말/심화#fn-1|알파위키:문법 도움말/심화#fn-1]], [[알파위키:문법 도움말/심화#fn-A|알파위키:문법 도움말/심화#fn-A]]
328
* 모든 각주가 삽입된 본문에는 rfn-각주번호 앵커가 있습니다. {{{[[문서명#rfn-n]]}}}을 사용하면 '''해당 문서의 n번째 각주가 삽입된 곳'''으로 이동하는 링크가 생깁니다. 여기에는 각주번호가 아닌 각주이름은 사용할 수 없습니다. 예시) [[알파위키:문법 도움말/심화#rfn-1|알파위키:문법 도움말/심화#rfn-1]], [[알파위키:문법 도움말/심화#rfn-2|알파위키:문법 도움말/심화#rfn-2]]
329
* 분류 문서의 속한 문서 목록에는 category-'이름공간' 앵커가 있습니다. 하위 분류에는 category-분류 앵커가 있습니다.
330
331
단, 알파위키 [[스킨 설정]]에서 '고정형 내비게이션 바'를 사용하는 경우 해당 기능 특성상 앵커 이동 위치의 내용이 가려지는 현상이 발생합니다.
332
[*A 각주이름 앵커]
333
334
같은 이름을 가진 문단이 2개 이상 있을시, 앵커가 적용되지 않으니 #s-문단번호 방식으로 링크해야합니다.
335
=== [anchor(하이퍼링크 시 주의)] 제목에 |, \\, #가 쓰이거나 ]로 끝나거나 /로 시작하는 문서로 하이퍼링크 걸기 ===
336
기술적인 문제로 일반적인 하이퍼링크 문법으로는 해당 문서로 통하는 정상적인 하이퍼링크를 만들 수 없습니다. 이럴 때는 해당 문자 앞에 [[\\]](백슬래시)를 넣어 줘야 합니다. 단, 한글 윈도우에서는 백슬래시 기호가 원화 기호로 보인다는 점을 기억하세요. #나 맨 끝의 ]가 제목에 들어간 문서에 한해서 맨 끝에 #를 넣어 줘도 됩니다.
337
338
다른 편집자를 위해서 [[틀:링크시 주의]]를 달아 줘도 됩니다. 해당 틀을 작성할 때 위키 문법상 \\를 2개 더 입력해야 안내문에 \\가 정상적으로 출력이 되니 유의하십시오.
339
340
단, /는 예외적으로 \\를 앞에 입력해도 정상 출력이 안 됩니다. 이때는 {{{[[문서:(/으로 시작하는 문서명)]]}}}과 같이 디폴드 이름공간인 "{{{문서:}}}"를 붙이시면 됩니다.[* [[#매크로|매크로 문단]]에 후술된 {{{pagecount(문서)}}} 문법을 생각한다면, {{{알파위키:}}} 등 명시된 네임스페이스와 달리, 일반 문서의 네임스페이스인 {{{문서:}}}는 디폴트값이기 때문에 표제어에서 볼 수 없었다는 것을 눈치챌 수 있습니다.] 여러 편법들[* 모양이 비슷한 전각 문자(＃, ／, ＼, ｜, ］)로 리다이렉트 만들거나, 상위 문서의 제목에 /가 없다는 가정 하에 {{{[[../문서명]]}}}을 사용하기 등]을 이용할 수도 있지만 문서 이름공간을 붙이는 것이 정석이면서도 훨씬 더 편리합니다.
341
342
||||<rowbgcolor=#fc6><rowcolor=#000><tablealign=center> 예시 ||
343
||<rowbgcolor=#fc6><rowcolor=#000> 입력 || 출력 ||
344
|| {{{ [[\\]] }}} || [[\\]] ||
345
|| {{{[[##]]}}} 또는 {{{[[\#]]}}} || [[##]] ||
346
|| {{{[[[12:00]#]] 또는 [[[12:00\]]]}}} || [[[12:00]#]] ||
347
|| {{{[[[\X\]]]}}} || [[[\X\]]] ||
348
|| {{{[[\#1 to Infinity]]}}} || [[\#1 to Infinity]] ||
349
|| {{{[[#1 to Infinity#s-2]]}}}[* 문단 번호 링크 시 끝 문자에 #이 붙은 효과가 나므로 백슬래시가 따로 필요하지 않습니다.] || [[#1 to Infinity#s-2]] ||
350
|| {{{[[S\#ARP]]}}} 또는 {{{[[S#ARP#]]}}} || [[S\#ARP]] ||
351
|| {{{[[\#fanPD Studio]]}}} || [[\#fanPD Studio]] ||
352
|| {{{[[문서:/// (너 먹구름 비)|/// (너 먹구름 비)]]}}} || [[문서:/// (너 먹구름 비)|/// (너 먹구름 비)]] ||
353
354
== 마크업 미적용 텍스트 ==
355
일반 텍스트 사이에 코드를 넣거나, 해당 텍스트에 [[마크업 언어|마크업]]이 적용되지 않도록 할 수 있습니다.[* 마크업 언어에 관한 설명은 해당 문서 참조. 프로그래밍과 거리가 먼 사람이라 이해가 가지 않으신다면, 위키 한정으로는 그냥 "위키 문법이 미적용된다"고 이해하셔도 좋습니다.]
356
357
|| {{{{{{텍스트}}}}}} ||
358
359
"\{{{"와 "}}}"안에 들어간 텍스트는 마크업이 적용되지 않고, 이렇게 {{{고정폭 글꼴}}}로 표시됩니다. 텍스트 사이에 코드를 넣는 경우나 이 문법 도움말 문서처럼 특정 마크업을 설명할 때 사용됩니다.
360
----
361
362
'''{{{#red 주의}}}''': 기술적인 문제로 인해 "\{{{"와 "}}}" 사이에 "{" 또는 "}"를 3개 이상 연속으로 사용할 수 없습니다. {, {{, }, }}는 정상적으로 출력되며, 사이에 띄어쓰기가 있는 경우에도 정상적으로 출력됩니다. 다만 중괄호를 열고 닫는 것이 짝이 맞는 경우엔 작동합니다. [[https://namu.wiki/w/알파위키:연습장3?rev=3699|시연]]
363
364
'''{{{#green 참고}}}''': 한 문자에만 마크업을 적용되지 않게 하려면 그 문자 바로 앞에 \\(역슬래시)를 넣으면 됩니다. [[../#문법 무효화|문법 도움말 기본편 참조]].
365
366
== 들여쓰기 ==
367
텍스트를 들여쓰고자 할 경우, 줄 앞에 띄어쓰기(공백)을 하나 이상 입력합니다. 들여쓴 텍스트 내에서 또 들여쓰고자 할 경우, 입력했던 공백보다 더 많은 공백을 입력합니다.
368
369
'''{{{#red 주의}}}''': 들여쓴 단계에 따라 줄 앞에 입력한 공백의 개수는 일정하게 유지해주십시오.
370
371
372
||<bgcolor=#fc6><color=#000><:>입력
373
||<bgcolor=#fc6><color=#000><:>출력
374
||
375
||{{{#!wiki style="font-family: monospace;"
376
들여쓰지 않은 텍스트
377
{{{#red ○}}}들여쓴 텍스트 (단계 1)
378
{{{#red ○○}}}들여쓴 텍스트 (단계 2)
379
{{{#red ○○○}}}들여쓴 텍스트 (단계 3)
380
{{{#red ○○○○}}}들여쓴 텍스트 (단계 4)}}}
381
||{{{#!wiki style="margin-bottom: 1rem;"
382
들여쓰지 않은 텍스트}}}
383
{{{#!wiki style="margin-bottom: 1rem;"
384
들여쓴 텍스트 (단계 1)}}}
385
{{{#!wiki style="margin-bottom: 1rem;"
386
들여쓴 텍스트 (단계 2)}}}
387
{{{#!wiki style="margin-bottom: 1rem;"
388
들여쓴 텍스트 (단계 3)}}}
389
{{{#!wiki style="margin-bottom: 1rem;"
390
들여쓴 텍스트 (단계 4)}}}
391
||
392
||<bgcolor=#fc6><color=#000><-2><:>{{{#!wiki style="font-family: monospace; display: inline;"
393
{{{#red ○}}}}}}은 띄어쓰기를 나타냅니다.
394
||
395
396
다른 단계의 들여쓰기는 서로 다른 문단으로 여기게 되어 가로로 들여쓰기가 됨과 동시에 문단끼리 세로 여백이 생기게 됩니다.
397
398
== 인용문 ==
399
* '''관련 기초 문법''': [[알파위키:문법 도움말#인용문|인용문 기초]]
400
=== 인용문의 정렬 ===
401
인용문은 기본적으로 왼쪽 정렬이며 오른쪽이나 가운데 정렬을 하고 싶다면 틀 안에 넣고 그 틀을 정렬하는 방식으로 가능합니다. 표에 넣고 그 표를 정렬하는 식은 버그가 있는데, 아래 버그 부분을 참고하세요.
402
403
{{{#!wiki style="float:left;padding-right:10px;margin-right:10px;border-right:1px solid lightgray;width:30%"
404
입력
405
----
406
{{{> 좌측 정렬 인용문[br](기본값)
407
408
{{{#!wiki style="margin:0px auto;display:table"
409
> 중앙 정렬 인용문}}}
410
411
{{{#!wiki style="float:right"
412
> 우측 정렬 인용문}}}[clearfix]}}}[br] [br] [br] }}}{{{#!wiki style=""
413
출력
414
----
415
> 좌측 정렬 인용문[br](기본값)
416
{{{#!wiki style="margin:0px auto;display:table"
417
> 중앙 정렬 인용문}}}
418
{{{#!wiki style="float:right"
419
> 우측 정렬 인용문
420
}}}[clearfix]}}}
421
422
=== 표 안의 인용문 ===
423
2020년 12월 기준, 일부 브라우저에서 표 내부에서 인용문 문법을 사용하면 폭 구현이 제대로 안되는 버그가 있습니다. 아래와 같이 인용문 안에 강제로 여백을 넣는 틀을 사용하고 내용을 입력하는 식으로 임시적인 해결이 가능합니다.
424
425
## 2020년 5월 기준, 마이크로소프트 엣지, 모질라 파이어폭스, 삼성 인터넷 구현 확인.
426
||<rowbgcolor=#fc6><rowcolor=#000> 입력 ||<width=250px> 출력 ||
427
||표 안에 그냥 인용문을 넣을 경우
428
{{{> 인용문
429
}}}||<^|1>아래와 같이 점선 안이 쪼그라 듦.
430
>인용문||
431
||여백을 주는 틀을 이용하는 경우.
432
433
{{{>{{{#!wiki style="margin:1em"
434
인용문}}}}}}
435
* {{{-1 margin은 padding과 바꾸어도 동일한 결과.}}}
436
* {{{-1 값(1em)은 2021년 시점[* 정확히는 인용문 여백이 기존에 쉼표 있다가 사라진 흔적 남은것이 수정된 이후 기준.] 기준 알파위키 기본 스킨 엔진의 값.}}}
437
||<^|1><:>
438
>{{{#!wiki style="margin:1em"
439
인용문}}}||
440
441
== 주석 ==
442
위키 문서 내에 출력되지 않는, 편집자만 읽을 수 있는 주석을 달 수 있습니다. 줄 시작시 {{{##}}}를 입력하고 내용을 적습니다. 그 줄에 해당하는 내용은 출력시 없는 줄로 처리됩니다.
443
444
※ 문단 편집을 눌러서 확인해 보세요.
445
||<table bordercolor=gray><width=300px><rowbgcolor=#fc6><rowcolor=#000> 입력 ||<width=300px> 출력 ||
446
||{{{## 내용
447
}}} ||
448
## 내용
449
||{{{## 주석입니다.
450
가나다라
451
## 주석은 페이지에 출력되지 않습니다.
452
마바사아
453
## 토론에서도 주석이 적용됩니다.
454
자차카타}}}||가나다라
455
## 주석은 페이지에 출력되지 않습니다.
456
마바사아
457
## 토론에서도 주석이 적용됩니다.
458
자차카타 ||
459
460
----
461
편집자의 실수로 인한 잘못된 수정이 잦을 경우 대상의 근처에 넣으면 좋지만, 주석을 넣었음에도 길이가 긴 줄 글의 경우 주석의 주목도가 낮아 못보는 경우가 생길 수 있습니다. 이럴 때는 1. 주목도가 높은 색이 있는 이모지를 넣거나 2. 주석 위아래로 주석을 넣은 빈줄을 넣어, 주목도를 더욱 끌어올릴 수 있습니다.
462
463
* ✔️ Check Mark 같은 몇몇 특문은 환경에 따라 색이 없기도 합니다.([[https://emojipedia.org/check-mark/]] 참조바람)
464
아래 예시들은 모든 환경에서 색이 넣어져 있음이 보장됩니다.
465
* 🔶 Large Orange Diamond
466
* ⭕ Hollow Red Circle
467
* ❌ Cross Mark
468
* ❗ Red Exclamation Mark
469
470
||<table bordercolor=gray><width=300px><colbgcolor=#fc6><colcolor=#000><-4> 활용 예시 ||
471
|| 입력 ||{{{## 🔶🔶🔶 ㄱ 국적은 오보임
472
... A는 ㄴ 국적의 선수다. }}}||{{{## 🔶🔶🔶
473
## ㄱ 국적은 오보임
474
## 🔶🔶🔶
475
... A는 ㄴ 국적의 선수다. }}}||{{{##
476
## 🔶🔶🔶 ㄱ 국적은 오보임
477
##
478
... A는 ㄴ 국적의 선수다. }}}||
479
|| 출력 ||<-3>... A는 ㄴ 국적의 선수다. ||
480
481
----
482
'''{{{#red 편집기 버그:}}}''' 편집기에서 ##의 앞에 한 칸 이상 띄워져 있으면 주석이 적용되지 않고 정상적으로 출력되지만, 편집기 상에서는 {{{#008000,#608b4e 주석이 적용된 것처럼 초록색으로 표시}}}됩니다.
483
||<table bordercolor=gray><rowbgcolor=#fc6><rowcolor=#000> 입력 || 편집기 || 출력 ||
484
||{{{가나다라
485
## 주석 앞 띄어쓰기
486
마바사아
487
}}} ||가나다라
488
{{{#008000,#608b4e ## 주석 앞 띄어쓰기}}}
489
마바사아
490
||가나다라
491
## 주석 앞 띄어쓰기
492
마바사아
493
||
494
495
=== 고정 주석 ===
496
{{{##@}}}를 입력하고 원하는 내용을 작성하면 해당 내용을 편집 페이지 최상단에 고정할 수 있습니다.
497
== 매크로 ==
498
*'''관련 기초 문법''': [[알파위키:문법 도움말#매크로|매크로 기초 문법]] (date/datetime, br, include, table of contents(목차), footnote(각주), age(나이), dday(남은 날))
499
=== pagecount ===
500
{{{[pagecount]}}}로 호출할 수 있습니다. 알파위키에 존재하는 문서 개수를 출력합니다. 정수값으로 출력됩니다.
501
502
{{{[pagecount(이름공간)]}}}과 같이 인수를 첨가하면 특정 이름공간의 문서 개수만을 확인할 수 있습니다. 일반 문서는 '문서'로 이름공간을 정하면 됩니다.
503
504
||<rowbgcolor=#fc6><rowcolor=#000> 유형 || 입력 || 출력 ||
505
|| 전체 ||{{{[pagecount]}}}||[pagecount]||
506
|| 문서 이름공간(일반 문서) ||{{{[pagecount(문서)]}}}||[pagecount(문서)]||
507
|| 틀 이름공간 ||{{{[pagecount(틀)]}}}||[pagecount(틀)]||
508
|| 분류 이름공간 ||{{{[pagecount(분류)]}}}||[pagecount(분류)]||
509
|| 파일 이름공간 ||{{{[pagecount(파일)]}}}||[pagecount(파일)]||
510
|| 사용자 이름공간 ||{{{[pagecount(사용자)]}}}||[pagecount(사용자)][* 알파위키의 사용자 수와 [[알파위키:통계#rfn-2|거의]] 같습니다.]||
511
|| 특수기능 이름공간 ||{{{[pagecount(특수기능)]}}}||[pagecount(특수기능)]||
512
|| 알파위키 이름공간 ||{{{[pagecount(알파위키)]}}}||[pagecount(알파위키)]||
513
|| 토론 이름공간 ||{{{[pagecount(토론)]}}}||[pagecount(토론)]||
514
|| 휴지통 이름공간 ||{{{[pagecount(휴지통)]}}}||[pagecount(휴지통)]||
515
|| 투표 이름공간 ||{{{[pagecount(투표)]}}}||[pagecount(투표)]||
516
|| 파일휴지통 이름공간 ||{{{[pagecount(파일휴지통)]}}}||[pagecount(파일휴지통)]||
517
|| 위키운영 이름공간 ||{{{[pagecount(위키운영)]}}}||[pagecount(위키운영)]||
518
|| 템플릿 이름공간 ||{{{[pagecount(템플릿)]}}}||[pagecount(템플릿)]||
519
|| 시스템 이름공간 ||{{{[pagecount(시스템)]}}}||[pagecount(시스템)]||
520
521
여기서 정식 이름공간이 아닌 인수를 쓸 경우 모든 문서의 개수가 출력됩니다.
522
523
||<rowbgcolor=#fc6><rowcolor=#000> 입력 || 출력 ||
524
||{{{[pagecount(더미)]}}}[* [[더미 문서]]는 '더미:'로 시작하지만 [[휴지통 문서]]와 달리 이름공간의 종류가 아닙니다.]||[pagecount(더미)]||
525
526
=== [anchor(루비)]루비 문자(ruby) ===
527
[[루비 문자]]([[후리가나]])를 입력합니다. 단, 매크로내 컬러 지정은 윗첨자에만 적용됩니다. 이 매크로는 [[Ruby]] 코딩 용도로 사용할 수 없습니다.[* Ruby 코드는 하술한 [[#문법 강조 (syntax highlighting)|문법 강조]]를 이용해야 합니다.]
528
529
예시
530
|| {{{ [ruby(글자,ruby=루비,color=red)] }}} ||
531
|| [ruby(글자,ruby=루비,color=red)] ||
532
533
== [anchor(테이블)]테이블 응용 문법 ==
534
*'''관련 기초 문법'''
535
* [[알파위키:문법 도움말#테이블|테이블 기초 문법]] (기본 형태, 가로 세로 합치기, 테이블과 셀 텍스트의 정렬, 테이블과 셀의 크기와 색상)
536
* [[알파위키:문법 도움말#이미지 파일|이미지 삽입법과 관련 매개변수]]
537
=== 테이블 캡션 ===
538
테이블에 캡션을 달 수 있습니다.
539
540
{{{|캡션| 테이블 || 내용 ||
541
}}}
542
543
|캡션| 테이블 || 내용 ||
544
545
테이블의 첫 셀을 구성하는 {{{|}}} 와 {{{|}}} 사이에 캡션을 입력합니다.
546
547
텍스트 뿐만 아니라 이미지나 동영상을 캡션으로 넣을 수도 있습니다.
548
549
'''{{{#red 주의}}}''': 캡션 내에서 {{{[[내용|출력]]}}} 형태 링크를 쓰면 문법이 깨질 수 있습니다. 또한 2019년 2월 현재 편집 중 미리보기를 할 때는 캡션이 회색으로 보이며 표 위가 아닌 밑으로 내려오는 버그가 존재합니다.
550
'''{{{#red 주의}}}''': 이미지와 동영상의 경우, '''border를 포함한''' 테이블의 width이 이미지나 동영상의 width(youtube 영상은 기본 640) 이상이여야 영상이 짤리지 않습니다.
551
552
=== 이미지 / 동영상 삽입 시 기본 셀 여백 제거 ===
553
이미지 또는 동영상과 같은 콘텐츠를 셀 안에 삽입할 때 생기는 상하 5px, 좌우 10px의 기본 셀 여백을 [[알파위키:문법 도움말#nopad|<nopad>]]가 아닌 다음 문법으로도 제거할 수 있습니다.
554
{{{{{{#!wiki style="margin: -5px -10px"
555
}}}}}}
556
-10px"까지 쓰고 '''반드시 줄을 바꿔줘야''' 합니다.
557
가끔씩 상하에 '''-4px의''' 기본 여백을 제거해야 되는 경우도 있습니다.
558
----
559
아래는 예시입니다.
560
561
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> [[파일:알파위키:로고1.png|width=100%]] ||}}}[br][br]문법을 적용하지 않은 이미지.[br]테두리(빨간색) 안에 상하 5px, 좌우 10px의 기본 여백(노란색) 발생.||
562
563
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> [[파일:알파위키:로고1.png|width=100%]] ||
564
565
----
566
567
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px"
568
[[파일:알파위키:로고1.png|width=100%]]}}} ||}}}[br]문법을 적용한 후.||
569
570
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px"
571
[[파일:알파위키:로고1.png|width=100%]]}}} ||
572
573
----
574
575
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px"
576
[youtube(jNQXAC9IVRw)]}}} ||}}}[br]동영상에 적용.||
577
578
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px"
579
[youtube(jNQXAC9IVRw)]}}} ||
580
581
=== 이미지 삽입 시 최대 넓이값 설정하기 ===
582
이미지를 셀 안에 삽입할 때 기본 넓이 100%를 설정한 상태에서 최대 넓이를 적용하시려면 다음 문법을 이용해 설정하실 수 있습니다.
583
{{{{{{#!wiki style="display:inline-block; max-width: 값px;"
584
}}}}}} max-width: 값px;"까지 쓰고 '''반드시 줄을 바꿔줘야''' 합니다.[br]그리고 display:inline-block;를 삭제하시면 이미지가 무조건 왼쪽으로 정렬됩니다.
585
586
다만 위 문법은 가끔식 원하는 넓이 값이 안 나오는 경우가 있습니다. 해당 경우 아래의 문법을 사용해보시길 바랍니다.
587
{{{{{{#!wiki style="display:block; margin:0 auto; max-width: 값px;"
588
}}}}}} 다만 위 문법인 경우 이미지를 가운데로 정렬시키며 만약에 이미지를 오른쪽으로 정렬해야 하는 경우에는 margin 값에 '0 0 0 auto'를 주시면 됩니다. 왼쪽으로 정렬해야 하는 경우는 margin 값에 '0 auto 0 0'를 주시면 됩니다.
589
----
590
아래는 예시입니다.
591
592
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> [[파일:알파위키:로고1.png|width=100%]] ||}}}[br][br]문법을 적용하기 전.||
593
594
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> [[파일:알파위키:로고1.png|width=100%]] ||
595
596
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="display:inline-block; max-width: 400px;"
597
[[파일:알파위키:로고1.png|width=100%]]}}} ||}}}[br]문법을 적용한 후.||
598
599
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="display:inline-block; max-width: 400px;"
600
[[파일:알파위키:로고1.png|width=100%]]}}} ||
601
602
=== 이미지 삽입 시 스케일링 방식 설정 ===
603
{{{#red '''주의'''}}}: [[웹 브라우저]]에 따라서 '''호환성 차이'''가 있을 수 있습니다.
604
605
[[CSS]] 표준에서 규정한 '''image-rendering''' 속성을 이용하여 [[웹 브라우저]]가 이미지를 스케일링 할 때에 쓰는 알고리즘을 지정할 수 있습니다.
606
{{{{{{#!wiki style="image-rendering: [설정값];"
607
}}}}}}
608
사용 가능한 설정값은 다음과 같습니다.
609
* '''auto''': 웹 브라우저의 기본 스케일링 방식을 적용합니다.
610
* '''crisp-edges''': 스케일링 과정에서 계단 현상을 제거합니다.
611
* '''smooth''': 스케일링 과정에서 계조를 매끄럽게 합니다. 일반적인 수준의 결과물이 나옵니다.
612
* '''high-quality''': 스케일링 과정에서 계조를 매끄럽게 합니다. smooth 값에 비해서 더욱 정밀한 스케일링 작업이 이루어집니다. '''웹 브라우저의 렌더링 성능에 영향을 줄 수 있으므로 주의해서 사용하세요!'''
613
* '''pixelated''': Nearest Neighbor 알고리즘을 통해 스케일링이 이루어집니다. 화질에 어떠한 영향도 끼치지 않습니다.
614
615
별도로 설정하지 않을 경우에는 기본값인 auto로 설정됩니다.
616
----
617
아래는 예시입니다.
618
619
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px; image-rendering: high-quality;"
620
[[파일:알파위키:로고1.png|width=100%]]}}} ||}}} image-rendering 값을 high-quality로 설정할 때 ||
621
622
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px; image-rendering: high-quality;"
623
[[파일:알파위키:로고1.png|width=100%]]}}} ||
624
625
----
626
627
||{{{||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px; image-rendering: pixelated;"
628
[[파일:알파위키:로고1.png|width=100%]]}}} ||}}} image-rendering 값을 pixelated로 설정할 때 ||
629
630
||<table align=center><table width=500><table bordercolor=red><table bgcolor=yellow> {{{#!wiki style="margin: -5px -10px; image-rendering: pixelated;"
631
[[파일:알파위키:로고1.png|width=100%]]}}} ||
632
== [anchor(접기)]접기의 응용 ==
633
* '''관련 기초 문법''': [[알파위키:문법 도움말#접기|접기 기초 문법]]
634
635
* {{{+1 '''응용 1:'''}}} 여백 제거
636
알파위키는 기본적으로 표 자체가 가지고 있는 상하 여백[* 상하 10px, 2022.05. 기준], 표의 칸 내부에 상하좌우 여백[* 상하 5px, 좌우 10px, 2022.05. 기준]이 있습니다. 따라서 표 내에서 접기를 이용해 표를 추가로 넣을 때 상당히 넓은 여백이 생기는데, 이 여백을 wiki 틀 문법으로 제거할 수 있습니다.[* 표 테두리 경계선 및 텍스트 크기의 변화 등의 이유로 텍스트가 중심에서 떨어지거나 경계선의 굵기가 굵어지는 등의 문제가 발생할 시에는 문제가 생긴 방향의 여백 제거값에서 -1을 더하면 됩니다.[br]''예시)'' -10px에서 -11px로, -5px에서 -6px로, 0에서 -1px로.]
637
||<colbgcolor=#fc6><colcolor=#000> 문법 ||{{{#!folding [ 문법 펼치기 · 접기 ]
638
{{{|| {{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
639
{{{#!folding [ 펼치기 · 접기 ]
640
{{{#!wiki style="margin:-5px -1px -11px"
641
||내용내용내용내용내용내용내용내용||
642
||내용내용내용내용내용내용내용내용||}}}}}}}}} ||}}}
643
* min-height:calc(1.5em + 5px)
644
접기가 위치한 틀의 최소 세로폭(min-height)을 알파위키 기본 한줄 높이 1.5em와 margin: ... -5px에서 지워진 5px을 더한 값으로 설정하여 일반적인 한줄 표 높이와 동일하게 맞춥니다.
645
* 펼치기 접기를 넣을 셀의 너비가 '''펼치기 접기 문구가 원래 가져야 했을 여백 값 포함 너비'''보다 크고 '''가운데 정렬'''이어야 합니다. 이 예시는 '여백 제거 적용'이라는 윗셀의 텍스트가 있어서 충분히 넓고 접기 문법이 있는 셀이 가운데 정렬이라서 티가 나지 않지만, 윗셀을 없애고 {{{#red 충분한 너비를 확보하지 못하면}}} 아래처럼 보입니다.
646
||<tablebgcolor=#fff,#2d2f34> {{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
647
{{{#!folding [ 펼치기 · 접기 ]
648
{{{#!wiki style="margin:-5px -1px -11px"
649
||내용내용내용내용내용내용내용내용||
650
||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
651
또한, 충분한 너비가 확보되더라도 다른 가운데 정렬이 아닌 {{{#red 왼쪽 정렬}}}을 사용하면 아래와 같이 보입니다.
652
||<tablebgcolor=#fff,#2d2f34> 여백 제거 적용 ||
653
||{{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
654
{{{#!folding [ 펼치기 · 접기 ]
655
{{{#!wiki style="margin:-5px -1px -11px"
656
||내용내용내용내용내용내용내용내용||
657
||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
658
프로필 표 같은 피치못할 사정으로 왼쪽 정렬을 꼭 사용해야 한다면 '[ 펼치기 · 접기 ]' 문구 앞쪽에 일반 띄어쓰기가 아닌 공백문자('⠀': 점자 패턴 공백 등)를 넣음으로써 접기 전 여백이 사라지는 문제를 완벽하지는 않지만 어색하지 않아 보이게 만들 수 있습니다.
659
||<tablewidth=400><width=100> '''항목''' ||<bgcolor=#fff,#2d2f34>{{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
660
{{{#!folding ⠀[ 펼치기 · 접기 ]
661
{{{#!wiki style="margin:-5px -1px -11px"
662
||<tablewidth=100%>내용내용내용내용내용내용내용내용||
663
||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
664
* 기존 문법 {{{<^|1><height=32> {{{#!wiki style="margin:0 -10px -5px" (내부 내용)}}}}}}의 height=32 옵션은 브라우저나 위키 스킨 설정에 따라 내부 글자 폰트의 크기가 달라지므로 일정한 높이를 구현할수 없어 일정한 크기를 보장할 수 없기 때문에 좋지 않습니다.}}}||
665
|| 결과 ||{{{#!wiki style="display:inline-block; vertical-align:top"
666
||<tablebgcolor=#fff,#2d2f34> 여백 제거 미적용 ||
667
|| {{{#!folding [ 펼치기 · 접기 ]
668
|| 내용내용내용내용내용내용내용내용 ||
669
|| 내용내용내용내용내용내용내용내용 ||}}} ||}}} {{{#!wiki style="display:inline-block; vertical-align:top"
670
||<tablebgcolor=#fff,#2d2f34> 여백 제거 적용 ||
671
|| {{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
672
{{{#!folding [ 펼치기 · 접기 ]
673
{{{#!wiki style="margin:-5px -1px -11px"
674
||내용내용내용내용내용내용내용내용||
675
||내용내용내용내용내용내용내용내용||}}}}}}}}} ||}}}||
676
677
* {{{+1 '''응용 2:'''}}} 여러 접기를 한 행에 넣기
678
표의 한 칸에 여러 접기 틀을 합쳐 넣을 수 있습니다.
679
||<colbgcolor=#fc6><colcolor=#000> 문법 ||'''{{{#red 주의}}}''': 틀 안의 내용이 충분히 커야 합니다.
680
{{{#!folding [ 문법 펼치기 · 접기 ]
681
{{{||<width=300><#090> '''{{{#fff 표 제목}}}''' ||
682
|| {{{#!wiki style="display:inline-block"
683
{{{#!folding [ 틀 1 ]
684
틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용}}}}}}{{{#!wiki style="display:inline-block"
685
{{{#!folding [ 틀 2 ]
686
틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용}}}}}}{{{#!wiki style="display:inline-block"
687
{{{#!folding [ 틀 3 ]
688
틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용}}}}}} ||}}}}}}||
689
|| 결과 ||{{{#!wiki
690
||<width=300><#090> '''{{{#fff 표 제목}}}''' ||
691
|| {{{#!wiki style="display:inline-block"
692
{{{#!folding [ 틀 1 ]
693
틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용}}}}}}{{{#!wiki style="display:inline-block"
694
{{{#!folding [ 틀 2 ]
695
틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용}}}}}}{{{#!wiki style="display:inline-block"
696
{{{#!folding [ 틀 3 ]
697
틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용}}}}}} ||}}}||
698
699
위의 방식을 그대로 쓰면 펼치기 접기 버튼의 간격이 좁습니다. 간격을 확보하기 위한 방법이 있습니다.
700
아래 두방법을 같이 적용하는 것이 가장 좋습니다. 예) [[틀:대한민국 관련 문서]]
701
702
* 방법 1
703
버튼 대괄호 좌우에 띄어쓰기가 아닌 [[공백]] 문자[* '⠀': 점자 패턴 공백 [br] '　': 전각 공백 등등]을 넣으면 그 크기만큼 간격이 생깁니다.
704
||<colbgcolor=#fc6><colcolor=#000> 문법 ||{{{#!folding [ 문법 펼치기 · 접기 ]
705
{{{||<width=300><#090> '''{{{#fff 표 제목}}}''' ||
706
|| {{{#!wiki style="display:inline-block"
707
{{{#!folding ⠀[ 틀 1 ]⠀
708
틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용}}}}}}{{{#!wiki style="display:inline-block"
709
{{{#!folding ⠀[ 틀 2 ]⠀
710
틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용}}}}}}{{{#!wiki style="display:inline-block"
711
{{{#!folding ⠀[ 틀 3 ]⠀
712
틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용}}}}}} ||}}}}}}||
713
|| 결과 ||{{{#!wiki
714
||<width=300><#090> '''{{{#fff 표 제목}}}''' ||
715
|| {{{#!wiki style="display:inline-block"
716
{{{#!folding ⠀[ 틀 1 ]⠀
717
틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용 틀 1 내용}}}}}}{{{#!wiki style="display:inline-block"
718
{{{#!folding ⠀[ 틀 2 ]⠀
719
틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용 틀 2 내용}}}}}}{{{#!wiki style="display:inline-block"
720
{{{#!folding ⠀[ 틀 3 ]⠀
721
틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용 틀 3 내용}}}}}} ||}}}||
722
723
* 방법 2
724
접기 틀 바깥의 wiki 틀에 min-width:(숫자)% 옵션을 줍니다. 최소한 (숫자)%의 너비를 보장하게 하는 옵션으로 숫자는 19(가로 5항목)~26(가로 3항목) 정도가 적당합니다.
725
표가 800px이상이거나, 100% 등 너비가 넓을 때 좋습니다.
726
||<colbgcolor=#fc6><colcolor=#000> 문법 ||{{{#!folding [ 문법 펼치기 · 접기 ]
727
{{{||<width=700><#090> '''{{{#fff 표 제목}}}''' ||
728
|| {{{#!wiki style="display:inline-block; min-width: 25%"
729
{{{#!folding ⠀[ 틀 1 ]⠀
730
||<width=1000> 틀 1 내용 틀 1 내용 ||}}}}}}{{{#!wiki style="display:inline-block; min-width: 25%"
731
{{{#!folding ⠀[ 틀 2 ]⠀
732
||<width=1000> 틀 2 내용 틀 2 내용 ||}}}}}}{{{#!wiki style="display:inline-block; min-width: 25%"
733
{{{#!folding ⠀[ 틀 3 ]⠀
734
||<width=1000> 틀 3 내용 틀 3 내용 ||}}}}}} ||}}}}}}||
735
|| 결과 ||{{{#!wiki
736
||<width=700><#090> '''{{{#fff 표 제목}}}''' ||
737
|| {{{#!wiki style="display:inline-block; min-width: 25%"
738
{{{#!folding ⠀[ 틀 1 ]⠀
739
||<width=1000> 틀 1 내용 틀 1 내용 ||}}}}}}{{{#!wiki style="display:inline-block; min-width: 25%"
740
{{{#!folding ⠀[ 틀 2 ]⠀
741
||<width=1000> 틀 2 내용 틀 2 내용 ||}}}}}}{{{#!wiki style="display:inline-block; min-width: 25%"
742
{{{#!folding ⠀[ 틀 3 ]⠀
743
||<width=1000> 틀 3 내용 틀 3 내용 ||}}}}}} ||}}}||
744
745
* 내부 접기들 안의 표 바깥 여백 삭제
746
||<colbgcolor=#fc6><colcolor=#000> 문법 ||{{{#!folding [ 문법 펼치기 · 접기 ]
747
{{{||<table bordercolor=#090><width=400><:>{{{#!wiki style="margin:0 -10px -5px"
748
{{{#!wiki style="display: inline-table; min-width:25%; min-height:2em"
749
{{{#!folding [ 표1 ]
750
{{{#!wiki style="margin:-5px 0 -5px"
751
||<table bordercolor=#fc6><width=1000> 표1 표1 표1 ||}}}}}}}}}{{{#!wiki style="display: inline-table; min-width:25%; min-height:2em"
752
{{{#!folding [ 표2 ]
753
{{{#!wiki style="margin:-5px 0 -5px"
754
||<table bordercolor=#fc6><width=1000> 표2 표2 표2 ||}}}}}}}}}{{{#!wiki style="display: inline-table; min-width:25%; min-height:2em"
755
{{{#!folding [ 표3 ]
756
{{{#!wiki style="margin:-5px 0 -10px"
757
||<table bordercolor=#fc6><width=1000> 표3 표3 표3 ||}}}}}}}}}
758
}}}||}}}}}}
759
* <width=1000>
760
내부 틀의 내용이 한줄을 넘어갈 크기 이상 정도로 적당히 크지 않으면 100%보다 적절히 큰 1000 정도로 두어야 표가 어그러 들지 않습니다.
761
위는 한칸짜리 표라서 한칸에 1000을 둔 것입니다. 칸의 크기는 각각 두칸이면 1000-1000, 세칸이면 1000-1000-1000 등으로 두면 됩니다.
762
* margin:-5px 0 -10px
763
접기 내부의 아래부분 마진(margin-bottom, 또는 margin의 세번째 값)은 마지막 항목이 -5px 작아야 최하단 여백이 삭제됩니다.
764
위와 같은 경우는 위 두개는 -5px 0 -5px 인데, 가장 아래 항목은 -5px 0 -10px 입니다.
765
||
766
|| 결과 ||{{{#!wiki
767
||<table bordercolor=#090><width=400><:>{{{#!wiki style="margin:0 -10px -5px"
768
{{{#!wiki style="display: inline-table; min-width:25%; min-height:2em"
769
{{{#!folding [ 표1 ]
770
{{{#!wiki style="margin:-5px 0 -5px"
771
||<table bordercolor=#fc6><width=1000> 표1 표1 표1 ||}}}}}}}}}{{{#!wiki style="display: inline-table; min-width:25%; min-height:2em"
772
{{{#!folding [ 표2 ]
773
{{{#!wiki style="margin:-5px 0 -5px"
774
||<table bordercolor=#fc6><width=1000> 표2 표2 표2 ||}}}}}}}}}{{{#!wiki style="display: inline-table; min-width:25%; min-height:2em"
775
{{{#!folding [ 표3 ]
776
{{{#!wiki style="margin:-5px 0 -10px"
777
||<table bordercolor=#fc6><width=1000> 표3 표3 표3 ||}}}}}}}}}
778
}}}||}}}||
779
780
781
== [[/TeX|수식]] ==
782
[include(틀:하위 문서, top1=알파위키:문법 도움말/심화/TeX)]
783
[[TeX]]을 이용해서 수학식 등을 입력할 수 있습니다.
784
785
== [anchor(html)]HTML을 이용하는 응용 텍스트 문법 ==
786
{{{#red '''경고'''}}}: 이 문법은 현재 지원 중이나 적용을 권장하지 않으며 '''차후에 지원이 종료될 수 있습니다.'''
787
788
{{{{{{#!html (코드)}}}}}} 형태로 작성합니다. 코드를 열었다면 무조건 닫아야만 적용됩니다.
789
790
[[HTML]]의 기본 구조 및 태그의 종류에 대한 내용은 나무마크 수준을 벗어나므로, [[HTML/태그]] 문서 또는 외부 자료를 참고하시기 바랍니다.
791
792
적용되는 대상에 먼저 나무마크 적용이 되어있으면 [[HTML|html]] 태그가 적용이 안 되니 주의하십시오. 반대로 html을 적용하고 나무마크를 적용할 수는 있습니다. 단, 일부 사용할 수 없는 코드도 있습니다.
793
794
새 렌더러 적용 후로 HTML 태그가 적용된 문자는 목차에서 표시되지 않으므로 주의하십시오. 또한 이것을 이용해 목차와 실제로 보이는 것이 다른 문단을 만들 수 있습니다.
795
796
=== 텍스트 배경 색상 ===
797
{{{#red '''주의'''}}}: 정식 문법이 아니며 지원 중단 가능성이 있는 비권장 문법입니다.
798
799
{{{ {{{#!html <span style="background-color: #배경색">서술할 내용</span>}}} }}}
800
801
아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
802
||{{{{{{#!html <span style="background-color: #999">배경색 적용</span>}}}}}}
803
글자가 있는 부분(공백 포함)에만 배경색이 적용됩니다.
804
||<bgcolor=#ffffff> {{{#!html <span style="background-color: #999">배경색 적용</span>}}} {{{#!html <span style="background-color: #999; font-weight:700; font-size:300%">배경색 적용</span>}}} ||
805
[[틀:글배경]], [[틀:글배경b]], [[틀:글배경r]], [[틀:글배경br]]을 이용할 수도 있습니다.
806
807
==== 텍스트 배경 색상과 다른 강조 문법의 중첩 ====
808
{{{#!html <span style="background-color: #EFEF00">서술할 내용1</span>}}}
809
{{{#!html <span style="color: #00AA00">서술할 내용2</span>}}}
810
{{{#!html <span style="color: #FFFFFF; background-color: #00AEE3">서술할 내용3</span>}}}
811
812
||{{{{{{#!html <span style="background-color: #배경색">서술할 내용1</span>}}}}}}
813
{{{{{{#!html <span style="color: #글자색">서술할 내용2</span>}}}}}}
814
{{{{{{#!html <span style="color: #글자색; background-color: #배경색">서술할 내용3</span>}}}}}}||
815
816
HTML 문법을 제대로 적지 않으면 평범한 글자가 됩니다. 중첩을 사용할 때 [[쌍반점|;(세미콜론)]] 뒤에 한 칸을 띄어 쓰면 됩니다. 이를 응용하여 다른 문법에 적용 가능합니다.
817
818
{{{#red '''주의'''}}}: HTML 문법 안에 알파위키 문법을 같이 사용할 수 없습니다. '''ex)''' {{{#!html <span style="color: #FFFFFF; background-color: #009900">'''볼드체'''</span>}}}
819
820
같이 쓰려면 {{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}
821
||{{{{{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}}}}||
822
이와 같이 {{{<b>}}}태그를 사용해야 합니다. 태그는 {{{{{{#!html <태그>}}}}}}와 같이 사용해야 합니다. [[#매개변수|틀에 매개변수]]를 입력할 때에는 {{{{{{#!html}}}}}} 없이 사용할 수 있습니다.
823
824
||<-5><bgcolor=#fc6><color=#000> HTML 태그 ||
825
|| 시작 || 종료 || 예시 || 설명 || 대체 가능 문법 ||
826
|| <b> || </b> || {{{#!html <b>가나</b>다라}}} ||볼드체: 글자를 굵게 합니다. || {{{'''가나'''다라}}} ||
827
|| <i> || </i> || {{{#!html <i>가나</i>다라}}} ||이탤릭체: 글자를 기울게 합니다. || {{{''가나''다라}}} ||
828
|| <strong> || </strong> || {{{#!html <strong>가나</strong>다라}}} ||글자를 강조합니다.[* <b> 태그랑 차이 없음.] || {{{'''가나'''다라}}} ||
829
|| <em> || </em> || {{{#!html <em>가나</em>다라}}} ||글자를 기울입니다.[* <i> 태그랑 차이 없음.] || {{{''가나''다라}}} ||
830
|| <s> || </s> || {{{#!html <s>가나</s>다라}}} ||글자에 취소선을 추가합니다.[* 이상한 것을 느꼈을텐데, 알파위키에서 제공하는 문법인 --취소선--을 쓰면 마우스를 올렸을 때 취소선이 사라지고 회색 글자만 보이지만, 이 태그는 글자 자체에 취소선을 입히는 것이다. 그러니 취소선 숨기기를 사용해도 이 html 태그를 이용한 취소선은 사라지지 않는다.] || {{{--가나--다라}}} ||
831
|| <sub> || </sub> || {{{#!html <sub>가나</sub>다라}}} ||아래 첨자를 정의합니다. || {{{,,가나,,다라}}} ||
832
|| <sup> || </sup> || {{{#!html <sup>가나</sup>다라}}} ||위 첨자를 정의합니다. || {{{^^가나^^다라}}} ||
833
|||| <br> || {{{#!html 가나<br>다라}}} ||<br>을 중심으로 개행합니다. || {{{가나[br]다라}}} ||
834
이 외에도 다양한 태그가 있습니다.
835
836
아니면 괄호 밖에서 사용해야 합니다. '''{{{#!html <span style="color: #FFFFFF; background-color: #009900">볼드체</span>}}}'''
837
||{{{'''{{{#!html <span style="color: #FFFFFF; background-color: #009900">볼드체</span>}}}'''}}}||
838
839
{{{#red '''주의'''}}}: 문서 목차에는 HTML 문법이 적용되지 않습니다.
840
841
=== 텍스트 그림자 및 네온 효과 ===
842
{{{#red '''주의'''}}}: 정식 문법이 아니며 지원 중단 가능성이 있는 비권장 문법입니다.
843
844
일반적인 경우 [[틀:글무리]]를 이용하면 됩니다. 예시는 다음과 같습니다.
845
846
||<rowbgcolor=#fc6><rowcolor=#000><width=80%> 입력 || 출력 ||
847
||{{{[include(틀:글무리, 둘레=3, 그림자=00f, 글자=fff, 내용=여기로, 링크=알파위키)]}}} ||[include(틀:글무리, 둘레=3, 그림자=00f, 글자=fff, 내용=여기로, 링크=알파위키)] ||
848
849
단, 다중 그림자 효과를 적용하는 상황처럼 부득이하게 필요한 경우 아래와 같은 문법을 이용할 수 있습니다.
850
{{{#!syntax html
851
{{{#!html <span style="text-shadow: 가로움직임px 세로움직임px 번짐정도px #그림자색; color:#글자색">서술할 내용</span>}}} }}}
852
알파위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다. 글자색을 그대로 쓸 생각이면 {{{; color:#글자색}}}부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
853
||{{{{{{#!html <span style="text-shadow: 3px 3px 0px #999">그림자 효과</span>}}}}}}
854
번짐이 없으면 그림자 효과가 됩니다.
855
||<bgcolor=#ffffff> {{{#!html <span style="text-shadow: 3px 3px 0px #999">그림자 효과</span>}}} {{{#!html <span style="text-shadow: 3px 3px 0px #999; font-weight:700; font-size:300%">그림자 효과</span>}}} ||
856
||{{{{{{#!html <span style="text-shadow: 0 0 6px #2BB; color:#066">네온 효과</span>}}}}}}
857
번짐 옵션을 6px 주어서 네온 사인 같은 효과를 얻습니다.
858
||<bgcolor=#ffffff> {{{#!html <span style="text-shadow: 0 0 6px #2BB; color:#066">네온 효과</span>}}} {{{#!html <span style="text-shadow: 0 0 6px #2BB; color:#066; font-weight:700; font-size:300%">네온 효과</span>}}} ||
859
||{{{{{{#!html <span style="text-shadow: 3px 3px 0px yellow, 6px 6px 9px #DA2; color:black">다중 효과</span>}}}}}}
860
그림자 + 번진 그림자(쉼표로 다중 적용)로 큰 글씨에서 진한 네온 효과
861
||<bgcolor=#999999> {{{#!html <span style="text-shadow: 3px 3px 0px yellow, 6px 6px 9px #DA2">다중 효과</span>}}} {{{#!html <span style="text-shadow: 3px 3px 0px yellow, 6px 6px 9px #DA2; color:black; font-weight:700; font-size:300%">다중 효과</span>}}} ||
862
863
=== 텍스트 외곽선 효과 ===
864
{{{#red '''주의'''}}}: 정식 문법이 아니며 지원 중단 가능성이 있는 비권장 문법입니다.
865
866
{{{ {{{#!html <span style="text-shadow: 외곽선두께px 0px #외곽선색, 0px 외곽선두께px #외곽선색, -외곽선두께px 0px #외곽선색, 0px -외곽선두께px #외곽선색, 외곽선두께px 외곽선두께px #외곽선색, 외곽선두께px -외곽선두께px #외곽선색, -외곽선두께px -외곽선두께px #외곽선색, -외곽선두께px 외곽선두께px #외곽선색; color:#글자색">서술할 내용</span>}}} }}}
867
알파위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다.
868
글자색을 그대로 쓸 생각이면 ; color:#글자색부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
869
870
위의 그림자 효과를 응용한 방식입니다.
871
상, 하, 좌, 우, 좌상, 우상, 좌하, 우하의 8방으로 그림자를 모두 적용한 방식으로 외곽선처럼 표시됩니다.
872
이 중 상, 하, 좌, 우의 그림자 효과만 적용할 경우 픽셀 폰트처럼 외곽선이 표시됩니다.
873
874
|| {{{ {{{#!html <span style="text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff, 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff; color:#11A048">외곽선 효과1</span>}}} }}} ||<bgcolor=#999> {{{#!html <span style="text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff, 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff; color:#11A048">외곽선 효과1</span>}}} {{{#!html <span style="text-shadow: 3px 0px #fff, 0px 3px #fff, -3px 0px #fff, 0px -3px #fff, 3px 3px #fff, 3px -3px #fff, -3px -3px #fff, -3px 3px #fff; color:#11A048; font-weight:700; font-size:300%">외곽선 효과1</span>}}} ||
875
|| {{{ {{{#!html <span style="text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; color:#11A048">외곽선 효과2</span>}}} }}} ||<bgcolor=#999> {{{#!html <span style="text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; color:#11A048">외곽선 효과2</span>}}} {{{#!html <span style="text-shadow: 3px 0px #fff, 0px 3px #fff, -3px 0px #fff, 0px -3px #fff; color:#11A048; font-weight:700; font-size:300%">외곽선 효과2</span>}}} ||
876
877
== 매크로 미지원 플랫폼에 동영상 삽입[anchor(동영상 심화)] ==
878
[include(틀:상세 내용, 문서명=틀:video)]
879
'''{{{#red 주의}}}''': 정식 문법이 아니며 지원 중단 가능성이 있는 비권장 문법입니다.
880
881
[[알파위키:문법 도움말#동영상|매크로가 지원되지 않는]] 사이트의 동영상을 알파위키 문서 내에 첨부하고 싶다면, 일반적인 경우 [[틀:video]]를 이용해서 매개변수와 함께 include 하시면 됩니다.
882
883
||<rowbgcolor=#fc6><rowcolor=#000><width=50%> 입력 || 출력 ||
884
||{{{[include(틀:video, src=https://d28xe8vt774jo5.cloudfront.net/champion-abilities/0017/ability_0017_P1.webm, width=320)]}}}
885
|| [include(틀:video, src=https://d28xe8vt774jo5.cloudfront.net/champion-abilities/0017/ability_0017_P1.webm, width=320)] ||
886
887
마찬가지로 오디오도 [[틀:video]]를 이용해 첨부할 수 있습니다.
888
||<rowbgcolor=#fc6><rowcolor=#000><width=50%> 입력 || 출력 ||
889
||{{{[include(틀:video,src=https://www.mois.go.kr/cmm/fms/FileDown.do?atchFileId=FILE_000000000010854&fileSn=0, height=50, width=100%)]}}}
890
||[include(틀:video,src=https://www.mois.go.kr/cmm/fms/FileDown.do?atchFileId=FILE_000000000010854&fileSn=0, height=50, width=100%)]||
891
892
하지만 필요한 경우, 아래와 같이 HTML 구문을 직접 이용해 동영상을 삽입하는 것도 가능합니다. (비권장)
893
894
{{{방법 1.
895
{{{#!html <video src="동영상 주소"></video>}}}
896
897
방법 2.
898
{{{#!html 동영상 플레이어 소스}}}
899
}}}
900
위와 같은 형식으로 문서 내의 원하는 위치에 쓰시면 됩니다. 문서 내에 쓰고 문서 저장을 하면 영상이 출력됩니다.
901
902
* 모든 페이지에서의 TLS(HTTPS) 통신을 지원하지 않는 사이트의 동영상 플레이어는 알파위키에서 나타나지 않습니다. [[https://namu.wiki/w/알파위키:보존문서/알파위키:연습장1?rev=1262|참고]] [[https://namu.wiki/raw/알파위키:보존문서/알파위키:연습장1?rev=1262|RAW]][* 2016년 7월 27일 확인]
903
904
* '''{{{#red 주의}}}''': 소리를 포함하고 있는 멀티미디어의 자동 재생(autoplay)은 알파위키 규정으로 금지되어 있습니다.
905
906
== 틀 ==
907
=== 기본 형식 ===
908
{{{{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px;"
909
{{{+1 여기에 제목을 넣어주세요.}}}[br][br]여기에 내용을 넣어주세요.}}}}}}
910
{{{#!wiki style="border:1px solid grey;border-top:5px solid orange;padding:12px;"
911
{{{+1 여기에 제목을 넣어주세요.}}}[br][br]여기에 내용을 넣어주세요.}}}
912
913
* {{{style="border:1px solid (색 코드);border-top:5px solid (색 코드);padding:12px;"}}}
914
테두리를 지정합니다. (색 코드) 부분에 원하는 색깔의 코드를 넣어 주면 됩니다. 아래는 많이 쓰이는 코드들입니다. 또한 blue, red 같이 CSS 웹 색상 이름을 사용해도 됩니다. 틀을 만들 때 글자를 1개라도 틀리거나 빠트리면 틀이 정상적으로 표시되지 않습니다.
915
* {{{#!wiki style="display: inline; background: orange; padding: 2px 3px; border-radius: 5px;"
916
{{{#fff '''orange'''}}}}}}
917
가장 일반적인 색으로, 주의 문구에 주로 쓰입니다. 예) [[틀:사건 사고]]
918
* {{{#!wiki style="display: inline; background: crimson; padding: 2px 3px; border-radius: 5px;"
919
{{{#fff '''crimson'''}}}}}}
920
orange보다 조금 더 강한 경고에 주로 쓰입니다. 예) [[틀:회원 수정3]]
921
* {{{#!wiki style="display: inline; background: black; padding: 2px 3px; border-radius: 5px;"
922
{{{#ddd '''black'''}}}}}}
923
crimson보다 조금 더 강한 경고에 주로 쓰입니다. 예) [[틀:이미지 라이선스/제한적 이용]]
924
* {{{#!wiki style="display: inline; background: navy; padding: 2px 3px; border-radius: 5px;"
925
{{{#fff '''navy'''}}}}}}
926
black보다도 더 강한 경고에 주로 쓰입니다. 예) [[틀:MPOV]]
927
* {{{#!wiki style="display: inline; background: gray; padding: 2px 3px; border-radius: 5px;"
928
{{{#fff '''gray'''}}}}}}
929
폐지, 부재 등 무언가가 없다는 의미에 주로 쓰입니다. 예) [[틀:폐선]]
930
* {{{#!wiki style="display: inline; background: yellowgreen; padding: 2px 3px; border-radius: 5px;"
931
{{{#000 '''yellowgreen'''}}}}}}, {{{#!wiki style="display: inline; background: green; padding: 2px 3px; border-radius: 5px;"
932
{{{#fff '''green'''}}}}}}
933
편집상의 주의 문구에 주로 쓰입니다. 예) [[틀:오락실 목록]], [[틀:토론 합의]]
934
* {{{#!wiki style="display: inline; background: #f77; padding: 2px 3px; border-radius: 5px;"
935
{{{#000 '''#FF7777'''}}}}}}
936
성적 요소가 있음을 알릴 때 주로 사용됩니다. 예) [[틀:선정성]]
937
* {{{#!wiki style="display: inline; background: #ABCDEF; padding: 2px 3px; border-radius: 5px;"
938
{{{#fff '''#ABCDEF'''}}}}}}
939
알파위키의 공식 문서 등에 주로 쓰입니다. 예) [[틀:공식 문서]]
940
* [[#s-4.2|텍스트 크기 문법]]을 이용하여 제목 크기 조절이 가능합니다. {{{{{{+1 여기에 제목을 넣어 주세요.}}}}}} 처럼 사용할 수 있습니다.
941
* 제목과 내용 사이에 한 줄을 띄워 주세요. {{{[br][br]}}} 처럼 줄 바꿈 매크로를 두 번 사용하면 됩니다.
942
943
=== 심화 문법 ===
944
{{{{{{#!wiki style="원하는 서식 목록"
945
서식이 적용된 텍스트}}}
946
}}}
947
원하는 서식에 입력할 수 있는 것들은 다음과 같습니다. 한 서식을 입력한 다음에 ''';'''([[세미콜론]])을 입력하여 다음 서식과 구분합니다. 또한 세미콜론 뒤에 공란을 입력하지 않아도 정상적인 출력이 가능합니다.
948
949
여기서 '''(수치)'''는 [[정수|정수값]]을 의미하며, 음수값도 적용이 됩니다. calc( 수치 단위 )로 할 경우 해당 식을 계산하여 처리도 가능하나, 덧셈과 뺄셈은 기호 근처에 띄어쓰기가 추가로 필요합니다.
950
* 테두리: {{{border-(방향):(선 굵기)px (선 스타일) (색상)}}}
951
예1: 상우하좌 각각 5, 10, 15, 20px 굵기의 테두리
952
{{{border:1px solid; border-width:5px 10px 15px 20px}}}
953
예2: 전방향 1px이지만 윗부분은 5px
954
{{{border:1px solid; border-top:5px solid}}}
955
* 방향: {{{top}}}=위, {{{bottom}}}=아래, {{{right}}}=오른쪽, {{{left}}}=왼쪽, 공백=전방향.
956
* 선 굵기: {{{thin, medium, thick}}} = 각각 1, 3, 5px, 또는 직접 입력 XXpx[* 반드시 단위를 붙일 것.]
957
* 선 스타일
958
||{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px none gray"
959
{{{none}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px solid gray"
960
{{{solid}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px double gray"
961
{{{double}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px dotted gray"
962
{{{dotted}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px dashed gray"
963
{{{dashed}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px inset gray"
964
{{{inset}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px outset gray"
965
{{{outset}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px groove gray"
966
{{{groove}}}}}}{{{#!wiki style="padding:2px;margin:2px;float:left;width:100; border:10px ridge gray"
967
{{{ridge}}}}}}||
968
* 선 색상: 지정 하지 않을 경우의 색상은 글씨 색깔을 따라 갑니다. border-(방향)-color로 border의 서술과 분리할 수 있으며, dark-style에 사용 할 수도 있습니다.
969
* 배경 색: {{{background-color:(색상)}}}
970
* 그림자 효과 : {{{text-shadow: }}}
971
* 둥근 모서리: {{{border-radius:(수치)px}}}
972
{{{#!wiki style=""
973
예시
974
{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid gray; border-radius:10px"
975
{{{border-radius:10px}}}:[br]모든 방향 10px}}}{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid gray; border-radius:10px 20px"
976
{{{border-radius:10px 20px}}}:[br]좌상, 우하는 10px, 우상, 좌하는 20px}}}{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid gray; border-radius:5px 10px 20px"
977
{{{border-radius:5px 10px 20px}}}:[br]좌상부터 시계방향으로 5px 10px 20px (좌하는 기본 5px)}}}{{{#!wiki style="display:inline-block; width:45%; padding:5px 10px; margin:3px; border:2px solid gray; border-radius:5px 10px 20px 40px"
978
{{{border-radius:5px 10px 20px 40px}}} :[br]좌상부터 시계방향으로 5px 10px 20px 40px}}}
979
}}}
980
* 틀 안의 여백: {{{padding-(방향):(수치)px}}}
981
기본값은 {{{padding:0px}}}
982
983
* 틀 밖의 여백: {{{margin-(방향):(수치)px}}} 또는 {{{margin:(북쪽&남쪽 공통 적용 수치)px (동쪽&서쪽 공통 적용 수치)px}}} 또는 {{{margin:(북쪽 수치)px (동쪽 수치)px (남쪽 수치)px (서쪽 수치)px}}}}
984
기본값은 {{{margin:0px}}}
985
{{{margin:0px auto}}}로 주었을 경우 표 밖의 가로 여백을 자동으로 맞춥니다. 즉, 표의 화면 가운데 정렬이 됩니다.
986
이 방법을 사용하면 표의 셀 내부에 이미지를 삽입할 때 여백을 없애는 것이 가능하며 양수값을 사용하면 여백이 추가되며, 음수 값을 사용할 경우 여백이 줄어듭니다.
987
||<colbgcolor=#fc6><colcolor=#000> 문법 ||<^|1>문법 미사용[br]{{{||<tan>[[파일:알파위키:로고1.png]]||
988
}}}||<^|1>문법 사용[br]{{{||<tan>{{{#!wiki style="margin:-5px -10px"
989
[[파일:알파위키:로고1.png]]}}}||}}}||
990
|| 출력 ||{{{#!wiki style=""
991
||<tan>[[파일:알파위키:로고1.png|width=200]]||}}}||{{{#!wiki style="float:left"
992
||<tan>{{{#!wiki style="margin:-5px -10px -5px -10px"
993
[[파일:알파위키:로고1.png|width=200]]}}}||}}}||
994
만약 margin이 접기나 표 밖으로 나오면 잘리며 스크롤 바가 생깁니다.[* 원래는 그냥 튀어 나왔으나, 2019년 10월 말 경부터 변경.]
995
996
* 틀 높이: {{{height:(수치)px}}}
997
998
* 틀 길이: {{{width:(수치)px 또는 (수치)%}}}: %의 기준은 화면의 너비.
999
1000
* 틀 최대 길이: {{{max-width:(수치)px 또는 (수치)%}}}: %의 기준은 화면의 너비.
1001
1002
* 폰트 색: {{{color:(색상)}}}
1003
1004
* 폰트 효과: {{{font-style: normal 또는 italic 또는 oblique}}}
1005
1006
* 글자 크기: {{{font-size: (수치)pt나 (수치)em 등.}}}[* 글자 크기를 세밀하게 조정. {\{{+? }}\}나 {\{{-? }}\}과는 별개의 수치로 지정되며 소숫점도 가능하다. 심지어 0까지도 조정 가능해 글자를 숨겨버릴 수도 있다. 사용 가능이 확인된 단위는 pt, em이 있는 것이 확인. +-?별 텍스트 크기는 [[알파위키:문법 도움말#텍스트 크기]] 참고.]
1007
1008
* 글자 위치: {{{text-align: left 또는 center 또는 right}}}
1009
1010
* 표의 좌, 우 정렬: {{{float:left 또는 right 또는 center}}}
1011
알파위키 이미지, 표의 정렬과 비슷하나 center의 경우 별도의 설정 없이는 표의 폭이 100%로 고정됩니다.
1012
float 기능을 사용하여 [[#s-17.3.3|표의 캡션]] 기능과 비슷하게 이미지에도 캡션을 넣을 수 있습니다. 알파위키에는 이미지 캡션 기능이 없으므로 이렇게 써야 합니다.
1013
||<colbgcolor=#fc6><colcolor=#000>예시[br]문법||{{{{{{#!wiki style="float:left;text-align:center"
1014
[[파일:알파위키:로고1.png|width=200]][br]알파위키 로고}}}}}}||{{{{{{#!wiki style="float:left;text-align:center"
1015
알파위키 로고[br][[파일:알파위키:로고1.png|width=200]]}}}}}}||
1016
||예시[br]출력||{{{#!wiki style="float:left;text-align:center"
1017
[[파일:알파위키:로고1.png|width=200]][br]알파위키 로고}}}||{{{#!wiki style="float:left;text-align:center"
1018
알파위키 로고[br][[파일:알파위키:로고1.png|width=200]]}}}||
1019
* {{{display}}} 속성: 표가 화면에서 어떻게 표시될지를 정합니다. 속성을 주지 않을 경우 기본값은 {{{block}}}입니다. 줄글 같이 취급하는 {{{inline}}}, 표로 취급하는 {{{table}}}, 안 보이게 하는 {{{none}}} 등이 있습니다.
1020
기본값인 block의 경우 강제로 표 너비의 최소를 화면의 100%로 맞춥니다. table 등으로 값을 줄 경우 이를 막을 수 있습니다.
1021
||<table width=100%><width=50%>display 속성을 주지 않을 경우
1022
(기본인 {{{display:block}}}이 됨)
1023
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange"
1024
[[파일:알파위키:로고1.png|width=200]]}}}||<width=50%>display 속성을 {{{display:table}}}로 준 경우
1025
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;display:table"
1026
[[파일:알파위키:로고1.png|width=200]]}}}||
1027
[clearfix]
1028
=== 매개변수 ===
1029
* '''관련 기초 문법''': [[알파위키:문법 도움말#틀·문서 삽입|틀·문서 삽입]] (include 매크로)
1030
1031
[[일반 틀]], [[기호 틀]], [[양식상자 틀]], [[기타 문법 틀]] 등에서 매개변수를 설정할 때 {{{#!html <span style="font-family: monospace;">&commat;매개변수&commat;</span>}}} 꼴로 선언할 수 있습니다.
1032
1033
아래 예시는 [[틀:다른 뜻 설명]]을 include하는 예시입니다.
1034
||<tablewidth=100%><rowbgcolor=#fc6><rowcolor=#000> '틀:다른 뜻 설명' 원문 일부 || include 구문 || 출력 ||
1035
||<|2>{{{#!html <span style="font-family: monospace;">{{{#!html &amp;nbsp; &commat;설명&commat;}}}</span>}}}||{{{[include(틀:다른 뜻 설명)]}}}||[[파일:다른 뜻 아이콘.svg|align=left&width=21.6px]] {{{#!html &nbsp; }}}||
1036
||{{{[include(틀:다른 뜻 설명, 설명=이것은 설명입니다.)]}}}||[[파일:다른 뜻 아이콘.svg|align=left&width=21.6px]] {{{#!html &nbsp; 이것은 설명입니다.}}}||
1037
위와 같이 '틀:다른 뜻 설명'에 {{{#!html <span style="font-family: monospace;">&commat;설명&commat;</span>}}}이 선언되어 있으므로 '설명'은 '틀:다른 뜻 설명'의 매개변수가 됩니다. 틀이 삽입될 문서 내에서 매개변수를 이용하기 위해서는 {{{매개변수=값}}}의 형태로 값을 넘겨주면 됩니다. '값' 자리에 아무것도 입력하지 않으면 아무것도 출력되지 않습니다. 또한, '값'에 해당하는 문자열에 쉼표({{{,}}})가 포함되어 있을 경우 제대로 표시되지 않습니다. 쉼표 앞에 [[백슬래시]]를 붙여 {{{\,}}}로 쓰면 해결됩니다.
1038
1039
----
1040
디폴트 매개 변수는 {{{#!html <span style="font-family: monospace;">&commat;매개변수=디폴트값&commat;</span>}}} 형태로 선언합니다.[* C++, Python 등에서 디폴트 매개 변수를 선언하는 방법과 유사합니다.] 이해를 돕기 위해 '틀:다른 뜻 설명'의 원문을 변형하여 보겠습니다.
1041
||<tablewidth=100%><rowbgcolor=#fc6><rowcolor=#000> '틀:다른 뜻 설명' 원문 일부 변형 || include 구문 || 출력 ||
1042
||<|2>{{{#!html <span style="font-family: monospace;">{{{#!html &amp;nbsp; &commat;설명=설명을 입력하십시오&commat;}}}</span>}}}||{{{[include(틀:다른 뜻 설명)]}}}||[[파일:다른 뜻 아이콘.svg|align=left&width=21.6px]] {{{#!html &nbsp; 설명을 입력하십시오}}}||
1043
||{{{[include(틀:다른 뜻 설명, 설명=이것은 설명입니다.)]}}}||[[파일:다른 뜻 아이콘.svg|align=left&width=21.6px]] {{{#!html &nbsp; 이것은 설명입니다.}}}||
1044
위와 같이 매개변수 '설명'의 디폴트 값이 "설명을 입력하십시오"로 선언되었으므로 아무것도 입력하지 않으면 디폴트 값인 "설명을 입력하십시오"가 출력됩니다.
1045
1046
이를 심화 문법에 응용하면 다음과 같이 매개변수 유무에 따라 출력 글자를 바꿀 수 있습니다. [[틀:토론 합의]]를 예시로 들면 다음과 같이 할 수 있습니다.
1047
{{{#!wiki style="word-break:keep-all"
1048
||<tablewidth=100%><rowbgcolor=#fc6><rowcolor=#000><width=52%> '틀:토론 합의' 원문 일부 || include 구문 ||<width=10%> 출력 ||
1049
||<|2>{{{#!html <span style="font-family: monospace;">{{{#!wiki style="display: none;display: &commat;this=inline;&commat;"<br>'''이 문서는'''}}}{{{#!wiki style="display: inline;display: &commat;this=none;&commat;"<br>'''이 문단은'''}}}</span>}}}||{{{[include(틀:토론 합의)]}}}||'''이 문서는'''||
1050
||{{{[include(틀:토론 합의, this=아무 텍스트)]}}}||'''이 문단은'''||}}}
1051
1052
----
1053
{{{#red '''주의'''}}}: 나무마크(알파위키 자체 문법)에는 매개변수를 사용할 수 없습니다. 예를 들어, 셀의 배경색에 {{{#!html <span style="font-family: monospace;">&lt;bgcolor=&commat;배경색=#ABCDEF&commat;&gt;</span>}}}와 같은 매개변수를 지정할 수 없습니다.
1054
1055
== 클래스 속성 삽입 ==
1056
* class 속성을 span 태그를 통해 삽입할 수 있습니다. div, a 등 다른 태그에서는 지원하지 않습니다.
1057
{{{#!syntax xml
1058
<span class="클래스명">...</span>
1059
<span class="클래스명1 클래스명2 클래스명3...">...</span>
1060
}}}
1061
class 속성에 공백이 없을 경우 큰따옴표를 사용하지 않아도 작동하지만 이는 비권장 사항입니다.
1062
1063
== 문법 강조 (syntax highlighting) ==
1064
기본적인 사용법은 다음과 같습니다.
1065
{{{{{{#!syntax 언어명
1066
코드}}}}}}
1067
프로그래밍 언어를 입력할 때, [[텍스트 에디터]]에 입력한 것처럼 보기 좋게 해줍니다.
1068
프로그래밍 언어의 이름과 코드 내용을 원하는 것으로 변경하여 사용하실 수 있습니다.
1069
1070
'언어명' 부분에 해당 언어 명칭을 아래와 같이 알파벳 소문자 형태로 작성하신 후 코드를 입력하시면 됩니다. 아래에 언급된 언어만 사용 가능합니다.
1071
* [[BASIC]] - {{{basic}}}
1072
* [[C언어|C]], [[C++]] - {{{cpp}}}
1073
* [[C\#]] - {{{csharp}}}
1074
* [[CSS]] - {{{css}}}
1075
* [[Erlang]] - {{{erlang}}}
1076
* [[Go(프로그래밍 언어)|Go]] - {{{go}}}
1077
* [[HTML]] - {{{html}}}
1078
* [[Java]] - {{{java}}}
1079
* [[JavaScript]] - {{{javascript}}}
1080
* [[JSON]] - {{{json}}}
1081
* [[Kotlin]] - {{{kotlin}}}
1082
* [[LISP]] - {{{lisp}}}
1083
* [[Lua]] - {{{lua}}}
1084
* [[markdown]] - {{{markdown}}}
1085
* [[Objective-C]] - {{{objectivec}}}
1086
* [[Perl]] - {{{perl}}}
1087
* [[PHP]] - {{{php}}}
1088
* [[PowerShell]] - {{{powershell}}}
1089
* [[Python]] - {{{python}}}
1090
* [[Ruby]] - {{{ruby}}}
1091
* [[Rust(프로그래밍 언어)|Rust]] - {{{rust}}}
1092
* [[SH#s-3|sh]] - {{{sh}}}
1093
* [[SQL]] - {{{sql}}}
1094
* [[Swift]] - {{{swift}}}
1095
* [[TypeScript]] - {{{typescript}}}
1096
* [[XML]] - {{{xml}}}
1097
[각주][include(틀:문서 가져옴, title=알파위키:문법 도움말/심화/HTML, version=49)]
93
[[파일:iam다중이에요.png]]