| r6 vs r7 | ||
|---|---|---|
| ... | ... | |
| 4 | 4 | == 개요 == |
| 5 | 5 | '''{{{+2 {{{#red 이 문법은 권장되지 않으며 차후에 삭제될 수 있습니다.}}} }}}''' |
| 6 | 6 | |
| 7 | 이 문서는 | |
| 7 | 이 문서는 알파위키에서 작동하는 [[HTML]]을 다룹니다. 위에도 적혀 있듯이 비권장 문법이니 남용하지는 말아주세요. | |
| 8 | 8 | |
| 9 | 9 | == [anchor(텍스트)]HTML 문법을 이용한 텍스트 효과 == |
| 10 | 10 | === 텍스트 배경 색상 사용 === |
| ... | ... | |
| 26 | 26 | |
| 27 | 27 | HTML 문법을 제대로 적지 않으면 평범한 글자가 됩니다. 중첩을 사용할 때 [[쌍반점|;(세미콜론)]] 뒤에 한 칸을 띄어 쓰면 됩니다. 이를 응용하여 다른 문법에 적용 가능합니다. |
| 28 | 28 | |
| 29 | {{{#red '''주의'''}}}: HTML 문법 안에 | |
| 29 | {{{#red '''주의'''}}}: HTML 문법 안에 알파위키 문법을 같이 쓸 수 없습니다. '''ex)''' {{{#!html <span style="color: #FFFFFF; background-color: #009900">'''볼드체'''</span>}}} | |
| 30 | 30 | |
| 31 | 31 | 같이 쓰려면 {{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}} |
| 32 | 32 | ||{{{{{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}}}}|| |
| ... | ... | |
| 51 | 51 | |
| 52 | 52 | ==== 텍스트 그림자 및 네온 효과 ==== |
| 53 | 53 | {{{ {{{#!html <span style="text-shadow: 가로움직임px 세로움직임px 번짐정도px #그림자색; color:#글자색">서술할 내용</span>}}} }}} |
| 54 | ||
| 54 | 알파위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다. | |
| 55 | 55 | 글자색을 그대로 쓸 생각이면 {{{; color:#글자색}}}부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다. |
| 56 | 56 | ||{{{{{{#!html <span style="text-shadow: 3px 3px 0px #999">그림자 효과</span>}}}}}} |
| 57 | 57 | 번짐이 없으면 그림자 효과가 됩니다. |
| ... | ... | |
| 65 | 65 | |
| 66 | 66 | === 텍스트 외곽선 효과 === |
| 67 | 67 | {{{ {{{#!html <span style="text-shadow: 외곽선두께px 0px #외곽선색, 0px 외곽선두께px #외곽선색, -외곽선두께px 0px #외곽선색, 0px -외곽선두께px #외곽선색, 외곽선두께px 외곽선두께px #외곽선색, 외곽선두께px -외곽선두께px #외곽선색, -외곽선두께px -외곽선두께px #외곽선색, -외곽선두께px 외곽선두께px #외곽선색; color:#글자색">서술할 내용</span>}}} }}} |
| 68 | ||
| 68 | 알파위키에서는 px 단위의 값이 0이 아닐 때 항상 px를 써주어야 정상 표시됩니다. 표나 이미지의 크기를 정할 때와 같이, px를 생략하면 자동으로 픽셀 단위로 맞추어 주지는 않음에 주의해야 합니다. | |
| 69 | 69 | 글자색을 그대로 쓸 생각이면 ; color:#글자색부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다. |
| 70 | 70 | |
| 71 | 71 | 위의 그림자 효과를 응용한 방식입니다. |
| ... | ... | |
| 76 | 76 | || {{{ {{{#!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>}}} || |
| 77 | 77 | |
| 78 | 78 | == [anchor(동영상)]HTML 문법을 이용한 비디오 삽입 == |
| 79 | 유튜브 이외의 동영상을 | |
| 79 | 유튜브 이외의 동영상을 알파위키 문서 내에 첨부하고 싶다면, HTML5를 이용해야 합니다. 단, 이는 후술하고 있듯이 '''{{{#red 차후 지원이 중단될 수 있는 비권장 문법 입니다.}}}''' | |
| 80 | 80 | |
| 81 | 81 | {{{ |
| 82 | 82 | 방법 1. |
| ... | ... |