•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r6 vs r7
......
44
== 개요 ==
55
'''{{{+2 {{{#red 이 문법은 권장되지 않으며 차후에 삭제될 수 있습니다.}}} }}}'''
66
7
이 문서는 나무위키에서 작동하는 [[HTML]]을 다룹니다. 위에도 적혀 있듯이 비권장 문법이니 남용하지는 말아주세요.
7
이 문서는 알파위키에서 작동하는 [[HTML]]을 다룹니다. 위에도 적혀 있듯이 비권장 문법이니 남용하지는 말아주세요.
88
99
== [anchor(텍스트)]HTML 문법을 이용한 텍스트 효과 ==
1010
=== 텍스트 배경 색상 사용 ===
......
2626
2727
HTML 문법을 제대로 적지 않으면 평범한 글자가 됩니다. 중첩을 사용할 때 [[쌍반점|;(세미콜론)]] 뒤에 한 칸을 띄어 쓰면 됩니다. 이를 응용하여 다른 문법에 적용 가능합니다.
2828
29
{{{#red '''주의'''}}}: HTML 문법 안에 나무위키 문법을 같이 쓸 수 없습니다. '''ex)''' {{{#!html <span style="color: #FFFFFF; background-color: #009900">'''볼드체'''</span>}}}
29
{{{#red '''주의'''}}}: HTML 문법 안에 알파위키 문법을 같이 쓸 수 없습니다. '''ex)''' {{{#!html <span style="color: #FFFFFF; background-color: #009900">'''볼드체'''</span>}}}
3030
3131
같이 쓰려면 {{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}
3232
||{{{{{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}}}}||
......
5151
5252
==== 텍스트 그림자 및 네온 효과 ====
5353
{{{ {{{#!html <span style="text-shadow: 가로움직임px 세로움직임px 번짐정도px #그림자색; color:#글자색">서술할 내용</span>}}} }}}
54
나무위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다.
54
알파위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다.
5555
글자색을 그대로 쓸 생각이면 {{{; color:#글자색}}}부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
5656
||{{{{{{#!html <span style="text-shadow: 3px 3px 0px #999">그림자 효과</span>}}}}}}
5757
번짐이 없으면 그림자 효과가 됩니다.
......
6565
6666
=== 텍스트 외곽선 효과 ===
6767
{{{ {{{#!html <span style="text-shadow: 외곽선두께px 0px #외곽선색, 0px 외곽선두께px #외곽선색, -외곽선두께px 0px #외곽선색, 0px -외곽선두께px #외곽선색, 외곽선두께px 외곽선두께px #외곽선색, 외곽선두께px -외곽선두께px #외곽선색, -외곽선두께px -외곽선두께px #외곽선색, -외곽선두께px 외곽선두께px #외곽선색; color:#글자색">서술할 내용</span>}}} }}}
68
나무위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다.
68
알파위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다.
6969
글자색을 그대로 쓸 생각이면 ; color:#글자색부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
7070
7171
위의 그림자 효과를 응용한 방식입니다.
......
7676
|| {{{ {{{#!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>}}} ||
7777
7878
== [anchor(동영상)]HTML 문법을 이용한 비디오 삽입 ==
79
유튜브 이외의 동영상을 나무위키 문서 내에 첨부하고 싶다면, HTML5를 이용해야 합니다. 단, 이는 후술하고 있듯이 '''{{{#red 차후 지원이 중단될 수 있는 비권장 문법 입니다.}}}'''
79
유튜브 이외의 동영상을 알파위키 문서 내에 첨부하고 싶다면, HTML5를 이용해야 합니다. 단, 이는 후술하고 있듯이 '''{{{#red 차후 지원이 중단될 수 있는 비권장 문법 입니다.}}}'''
8080
8181
{{{
8282
방법 1.
......