도움말:HTML 편집하기

{{목차 오른쪽}}
'''HTML'''이란 하이퍼텍스트 마크업 언어(Hypertext Markup Language)의 약자로, 웹사이트의 포맷을 만드는 데 사용되는 언어입니다.

==특징==
* 위키 문서는 대부분 [[도움말:위키 문법|위키 문법]]으로 이루어져 있지만 가끔씩 HTML을 사용하기도 합니다.
** 주로 콘텐츠 레이아웃을 복잡하게 꾸밀 때 HTML이 사용됩니다.
* 기본적으로 HTML 태그는 꺾쇠표(<>) 안에 글자가 있는 식으로 되어 있습니다.
* HTML은 원본 편집 모드에서만 작성할 수 있습니다.

==사용법==
* HTML 태그는 <nowiki><태그 이름></nowiki>로 시작해서 <nowiki></태그 이름></nowiki>로 끝납니다.
** 태그의 시작과 끝 사이에 있는 텍스트에 태그가 적용됩니다.
* 추가적으로 스타일이나 클래스를 설정할 수 있는 경우에는 다음과 같은 식으로 합니다.
<center><태그 이름 class="<font style="color: silver;">클래스</font>" style="<font style="color: silver;">스타일</font>"><font style="color: silver;">내용</font></태그 이름></center>

==HTML 목록==
다음은 위키에서 사용할 수 있는 HTML 태그 목록입니다.
<div style="column-count: 3;">
* <code><nowiki><abbr></nowiki></code>
* <code><nowiki><b></nowiki></code>*
* <code><nowiki><blockquote></nowiki></code>
* <code><nowiki><br /></nowiki></code>
* <code><nowiki><caption></nowiki></code>
* <code><nowiki><cite></nowiki></code>
* <code><nowiki><code></nowiki></code>
* <code><nowiki><dd></nowiki></code>*
* <code><nowiki><del></nowiki></code>
* <code><nowiki><dfn></nowiki></code>
* <code><nowiki><div></nowiki></code>
* <code><nowiki><dl></nowiki></code>*
* <code><nowiki><dt></nowiki></code>*
* <code><nowiki><em></nowiki></code>*
* <code><nowiki><h1></nowiki></code>*
* <code><nowiki><h2></nowiki></code>*
* <code><nowiki><h3></nowiki></code>*
* <code><nowiki><h4></nowiki></code>*
* <code><nowiki><h5></nowiki></code>*
* <code><nowiki><h6></nowiki></code>*
* <code><nowiki><hr></nowiki></code>*
* <code><nowiki><i></nowiki></code>*
* <code><nowiki><ins></nowiki></code>
* <code><nowiki><kbd></nowiki></code>
* <code><nowiki><li></nowiki></code>*
* <code><nowiki><ol></nowiki></code>*
* <code><nowiki><p></nowiki></code>*
* <code><nowiki><pre></nowiki></code>**
* <code><nowiki><q></nowiki></code>
* <code><nowiki><rb></nowiki></code>
* <code><nowiki><rp></nowiki></code>
* <code><nowiki><rt></nowiki></code>
* <code><nowiki><ruby></nowiki></code>
* <code><nowiki><s></nowiki></code>
* <code><nowiki><samp></nowiki></code>
* <code><nowiki><small></nowiki></code>
* <code><nowiki><span></nowiki></code>
* <code><nowiki><strong></nowiki></code>
* <code><nowiki><sub></nowiki></code>
* <code><nowiki><sup></nowiki></code>
* <code><nowiki><table></nowiki></code>*
* <code><nowiki><td></nowiki></code>*
* <code><nowiki><th></nowiki></code>*
* <code><nowiki><tr></nowiki></code>*
* <code><nowiki><u></nowiki></code>
* <code><nowiki><ul></nowiki></code>*
* <code><nowiki><var></nowiki></code>
* <code><nowiki><!-- --></nowiki></code>
</div>
<nowiki>*</nowiki>이 태그와 동일한 기능을 수행하는 [[도움말:위키 문법|위키 문법]]이 존재합니다. 이 경우 해당 위키 문법을 쓰는 것을 권장합니다. 보다 자세한 사항은 [[#알아둘 점]] 문단을 참고하십시오.<br/>
<nowiki>**</nowiki><nowiki><pre></nowiki>는 파서 태그입니다. 이 태그는 내부에 있는 모든 마크업을 무시합니다. 이 점에서 <nowiki><nowiki></nowiki> 태그와 유사합니다.

==지원 중단 태그==
다음은 지원 중단된 태그 목록입니다. 이 태그들은 여전히 사용 가능하나 추후 버전에서 작동하지 않을 수 있습니다.
{|class="wikitable"
|+ 지원 중단 태그
|-
! scope="col" | 태그
! scope="col" | 대체
! scope="col" | 예시
! scope="col" | 예시 결과
|-
| <code><nowiki><big></nowiki></code>
| <code><nowiki><span style="font-size: larger;"></nowiki></code>
| <code><nowiki><span style="font-size: larger;">큰 텍스트</span></nowiki></code>
| <span style="font-size: larger;">큰 텍스트</span>
|-
| <code><nowiki><center></nowiki></code>
| <code><nowiki><div style="text-align: center;"></nowiki></code>
| <code><nowiki><div style="text-align: center;">중앙 텍스트</div></nowiki></code>
| <div style="text-align: center;">중앙 텍스트</div>
|-
| rowspan="2" | <code><nowiki><font color="x" size="y" face="z"></nowiki></code>
| rowspan="2" | <code><nowiki><span style="color: x; font-size: y; font-family: z;"></nowiki></code> 
| <code><nowiki><span style="color: red;">경고 텍스트</span></nowiki></code>
| <span style="color: red;">경고 텍스트</span>
|-
| <code><nowiki><span style="font-family: Times New Roman;">Times New Roman 글꼴입니다</span></nowiki></code>
| <span style="font-family: Times New Roman;">Times New Roman 글꼴입니다</span>
|-
| rowspan="2" | <code><nowiki><strike></nowiki></code>
| <code><nowiki>del</nowiki></code> (편집 표시용)
| <code><nowiki><del>예</del> 아니요</nowiki></code>
| <del>예</del> 아니요
|-
| <code><nowiki><s></nowiki></code> (그 외 용도)
| <code><nowiki>광자 어뢰 개당 <s>$44.99</s> '''$24.99'''</nowiki></code>
| 광자 어뢰 개당 <s>$44.99</s> '''$24.99'''
|-
| rowspan="5" | <code><nowiki><tt></nowiki></code>
| <code><nowiki><code></nowiki></code> (소스 코드 표시용)
| <code>줄 바꿈 없는 공백을 사용하려면 <nowiki><code>&amp;nbsp;</code></nowiki> 코드를 사용합니다</code>
| 줄 바꿈 없는 공백을 사용하려면 <code>&amp;nbsp;</code> 코드를 사용합니다
|-
| <code><nowiki><kbd></nowiki></code> (사용자 입력값 표시용)
| <code><nowiki><kbd>비밀번호</kbd></nowiki></code>
| <kbd>비밀번호</kbd>
|-
| <code><nowiki><var></nowiki></code> (변수 표시용)
| <code><nowiki><var>나이</var>=65</nowiki></code>
| <var>나이</var>=65
|-
| <code><nowiki><samp></nowiki></code> (출력값 표시용)
| <code><nowiki><samp>유효하지 않은 비밀번호. 다시 시도하십시오.</samp></nowiki></code>
| <samp>유효하지 않은 비밀번호. 다시 시도하십시오.</samp>
|-
| 그 외 용도
| <code><nowiki><span style="font-family: monospace;">텍스트</span></nowiki></code> 
| <span style="font-family: monospace;">텍스트</span>
|-
| '''표 칸 가로 정렬:''' <code>align=''X''</code><br/><span style="font-family: monospace, monospace;">''X''</span>는 <span style="font-family: monospace, monospace;">"left"</span>, <span style="font-family: monospace, monospace;">"center"</span>,<span style="font-family: monospace, monospace;">"right"</span> 중 하나 (큰따옴표 없이도 사용)<br/>
| <code>style="text-align: X;"</code> 
| <code>style="text-align: right;" &#124; 오른쪽 정렬</code>
| style="text-align: right;" | 오른쪽 정렬
|-
| '''표 칸 세로 정렬:''' <code>valign=''X''</code><br/><span style="font-family: monospace, monospace;">''X''</span>는 <span style="font-family: monospace, monospace;">"top"</span>, <span style="font-family: monospace, monospace;">"middle"</span>, <span style="font-family: monospace, monospace;">"bottom"</span> 중 하나 (큰따옴표 없이도 사용)
| <code>style="vertical-align: X;"</code> 
| <code>style="vertical-align: top;" &#124; 위쪽 정렬</code>
| style="vertical-align: top;" | 위쪽 정렬
|-
| '''표 칸 배경 색상:''' <code>bgcolor=''X''</code>
| <code>style="background-color: X;"</code> 
| <code>style="background-color: pink" &#124; 분홍색</code>
| style="background-color: pink" | 분홍색
|}

==알아둘 점==
;너무 복잡해지지 않도록 하십시오
: 문서를 꾸밀 때는 최대한 [[도움말:위키 문법|위키 문법]]을 사용하는 게 좋습니다. HTML 태그는 위키 문법보다 복잡하게 이루어져 있으며 신규 사용자가 보기에 어려울 수 있습니다. [[도움말:틀|틀]]을 이용해 복잡한 HTML 태그 및 CSS를 대체할 수 있습니다.

;CSS를 활용하십시오
: [[도움말:CSS|CSS]]를 이용하면 복잡한 스타일을 ''<code>class="..."</code>'' 하나로 나타낼 수 있습니다. 필요한 경우 클래스와 인라인 스타일을 함께 사용할 수도 있습니다. 클래스와 스타일은 [[도움말:표|표]]와 같은 위키 문법에 사용할 수 있습니다. 단, 인라인 스타일 사용은 가능하면 자제하는 것이 좋습니다. 보다 자세한 사항은 [[도움말:인라인 스타일 피하기|이곳]]을 참고하십시오.

==함께 보기==
*[[도움말:표]]
*[[도움말:편집하기]]
*[[m:Help:Editing|위키미디어 도움말 문서]]
*[[m:Help:HTML in wikitext|위키문법에서 쓰이는 HTML]]
*[[wikipedia:Wikipedia:Span tags|Span 태그 정보]]

==도움 및 문의==
{{도움 및 문의}}

[[분류:도움말]]

[[be:Help:HTML]]
[[de:Hilfe:HTML]]
[[en:Help:HTML]]
[[es:Ayuda:HTML]]
[[fr:Aide:HTML]]
[[it:Aiuto:HTML]]
[[ja:ヘルプ:HTML]]
[[nl:Help:HTML]]
[[pl:Pomoc:HTML]]
[[pt:Ajuda:HTML]]
[[ro:Ajutor:HTML]]
[[ru:Справка:HTML]]
[[tr:Yardım:HTML]]
[[uk:Довідка:HTML]]
[[vi:Trợ giúp:HTML]]
[[zh:Help:HTML]]