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

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

r19 vs r20
......
2323
아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
2424
||{{{{{{#!html <span style="background-color: #999">배경색 적용</span>}}}}}}
2525
글자가 있는 부분(공백 포함)에만 배경색이 적용됩니다.
26
||<bgcolor=#ffffff> {{{#!html <span style="background-color: #999">배경색 적용</span>}}} {{{#!html <span style="background-color: #999; font-weight:700; font-size:300%">배경색 적용</span>}}} ||
26
||<bgcolor=#fff> {{{#!html <span style="background-color: #999">배경색 적용</span>}}} {{{#!html <span style="background-color: #999; font-weight:700; font-size:300%">배경색 적용</span>}}} ||
2727
[[틀:글배경]], [[틀:글배경b]], [[틀:글배경r]], [[틀:글배경br]]을 이용할 수도 있습니다.
2828
2929
==== 텍스트 배경 색상과 텍스트 색깔 중첩 사용 ====
3030
{{{#!html <span style="background-color: #EFEF00">서술할 내용1</span>}}}
31
{{{#!html <span style="color: #00AA00">서술할 내용2</span>}}}
32
{{{#!html <span style="color: #FFFFFF; background-color: #00AEE3">서술할 내용3</span>}}}
31
{{{#!html <span style="color: #0a0">서술할 내용2</span>}}}
32
{{{#!html <span style="color: #fff; background-color: #00AEE3">서술할 내용3</span>}}}
3333
3434
||{{{{{{#!html <span style="background-color: #배경색">서술할 내용1</span>}}}}}}
3535
{{{{{{#!html <span style="color: #글자색">서술할 내용2</span>}}}}}}
......
3737
3838
HTML 문법을 제대로 적지 않으면 평범한 글자가 됩니다. 중첩을 사용할 때 [[쌍반점|;(세미콜론)]] 뒤에 한 칸을 띄어 쓰면 됩니다. 이를 응용하여 다른 문법에 적용 가능합니다.
3939
40
{{{#red '''주의'''}}}: HTML 문법 안에 알파위키 문법을 같이 쓸 수 없습니다. '''ex)''' {{{#!html <span style="color: #FFFFFF; background-color: #009900">'''볼드체'''</span>}}}
40
{{{#red '''주의'''}}}: HTML 문법 안에 알파위키 문법을 같이 쓸 수 없습니다. '''ex)''' {{{#!html <span style="color: #fff; background-color: #009900">'''볼드체'''</span>}}}
4141
42
같이 쓰려면 {{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}
43
||{{{{{{#!html <b><span style="color: #FFFFFF; background-color: #009900">볼드체</span></b>}}}}}}||
42
같이 쓰려면 {{{#!html <b><span style="color: #fff; background-color: #009900">볼드체</span></b>}}}
43
||{{{{{{#!html <b><span style="color: #fff; background-color: #009900">볼드체</span></b>}}}}}}||
4444
이와 같이 {{{<b>}}}태그를 사용해야 합니다. 태그는 {{{{{{#!html <태그>}}}}}}와 같이 사용해야 합니다.
4545
4646
||<-5> HTML 태그 ||
......
5454
|| <sup> || </sup> || {{{#!html <sup>가나</sup>다라}}} ||위 첨자를 정의합니다. || {{{^^가나^^다라}}} ||
5555
이 외에도 다양한 태그가 있습니다.
5656
57
아니면은 괄호 밖에서 사용해야 합니다. '''{{{#!html <span style="color: #FFFFFF; background-color: #009900">볼드체</span>}}}'''
58
||{{{'''{{{#!html <span style="color: #FFFFFF; background-color: #009900">볼드체</span>}}}'''}}}||
57
아니면은 괄호 밖에서 사용해야 합니다. '''{{{#!html <span style="color: #fff; background-color: #009900">볼드체</span>}}}'''
58
||{{{'''{{{#!html <span style="color: #fff; background-color: #009900">볼드체</span>}}}'''}}}||
5959
6060
{{{#red '''주의'''}}}: 문서 목차에는 HTML 문법이 적용되지 않습니다.
6161
......
6565
글자색을 그대로 쓸 생각이면 {{{; color:#글자색}}}부분을 제외하면 됩니다. 아래 표의 예시는 비교를 위하여 원본과 3배본을 함께 서술하였습니다.
6666
||{{{{{{#!html <span style="text-shadow: 3px 3px 0px #999">그림자 효과</span>}}}}}}
6767
번짐이 없으면 그림자 효과가 됩니다.
68
||<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>}}} ||
68
||<bgcolor=#fff> {{{#!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>}}} ||
6969
||{{{{{{#!html <span style="text-shadow: 0 0 6px #2BB; color:#066">네온 효과</span>}}}}}}
7070
번짐 옵션을 6px 주어서 네온 사인 같은 효과를 얻습니다.
71
||<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>}}} ||
71
||<bgcolor=#fff> {{{#!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>}}} ||
7272
||{{{{{{#!html <span style="text-shadow: 3px 3px 0px yellow, 6px 6px 9px #DA2; color:black">다중 효과</span>}}}}}}
7373
그림자 + 번진 그림자(쉼표로 다중 적용)로 큰 글씨에서 진한 네온 효과
7474
||<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>}}} ||
......