HTML: 두 판 사이의 차이

(ㅁㄴㅇㄹ)
3번째 줄: 3번째 줄:
== <nowiki><h2>개요</h2></nowiki> ==
== <nowiki><h2>개요</h2></nowiki> ==
[[파일:Html-helloworld.png|300픽셀|오른쪽|섬네일|메모장에서 [[HTML5]]로 작성한 Hello, world!]]
[[파일:Html-helloworld.png|300픽셀|오른쪽|섬네일|메모장에서 [[HTML5]]로 작성한 Hello, world!]]
<nowiki><p><strong></nowiki>'''HyperText Markup Language'''<nowiki></strong>. 웹 페이지를 구성하는 마크업 언어로, 지금 당신이 보고있는 이 페이지도 HTML로 이루어져 있다.</p></nowiki>
<nowiki><p><b></nowiki>'''HyperText Markup Language'''<nowiki></b>. 웹 페이지를 구성하는 마크업 언어로, 지금 당신이 보고있는 이 페이지도 HTML로 이루어져 있다.</p></nowiki>


<nowiki><p>이 문서는 리브레 위키 <a href="/wiki/불문율"></nowiki>[[불문율|암묵의 룰]]<nowiki></a>에 따라 HTML로 작성되었다.</p></nowiki>
<nowiki><p>이 문서는 리브레 위키 <a href="/wiki/불문율"></nowiki>[[불문율|암묵의 룰]]<nowiki></a>에 따라 HTML로 작성되었다.</p></nowiki>


== <nowiki><h2>태그</h2></nowiki> ==
== <nowiki><h2>태그</h2></nowiki> ==
<nowiki><p>HTML은 기본적으로 <strong></nowiki>'''태그'''<nowiki></strong>라는 방식으로 마크업을 하게된다. 태그는 부등호(<code></nowiki><code>&lt;&gt;</code></code><nowiki></code>)가 태그 이름, 속성 및 속성값을 감싸는 형태로 되어 있고, 보통은 원하는 부분 앞뒤로 시작 태그와 종료 태그를 달아서 범위를 지정한다. 이 경우 종료 태그에는 앞에 슬래시(<code></nowiki><code>/</code><nowiki></code>)가 들어간다.</p></nowiki>
<nowiki><p>HTML은 기본적으로 <b></nowiki>'''태그'''<nowiki></b>라는 방식으로 마크업을 하게된다. 태그는 부등호(<code></nowiki><code>&lt;&gt;</code></code><nowiki></code>)가 태그 이름, 속성 및 속성값을 감싸는 형태로 되어 있고, 보통은 원하는 부분 앞뒤로 시작 태그와 종료 태그를 달아서 범위를 지정한다. 이 경우 종료 태그에는 앞에 슬래시(<code></nowiki><code>/</code><nowiki></code>)가 들어간다.</p></nowiki>


<nowiki><p>예외적으로 <code></nowiki><code>&lt;br&gt;</code><nowiki></code>처럼 종료 태그가 없는 단일 태그도 있다. <a href="/wiki/XHTML"></nowiki>[[XHTML]]<nowiki></a>에서는 이런 단일 태그라도 종료 태그를 삽입해야한다. 이 경우 <code></nowiki><code>&lt;br /&gt;</code><nowiki></code>처럼 태그 내부에 띄어쓰기와 하이픈을 넣으면 된다.</p></nowiki>
<nowiki><p>예외적으로 <code></nowiki><code>&lt;br&gt;</code><nowiki></code>처럼 종료 태그가 없는 단일 태그도 있다. <a href="/wiki/XHTML"></nowiki>[[XHTML]]<nowiki></a>에서는 이런 단일 태그라도 종료 태그를 삽입해야한다. 이 경우 <code></nowiki><code>&lt;br /&gt;</code><nowiki></code>처럼 태그 내부에 띄어쓰기와 하이픈을 넣으면 된다.</p></nowiki>

2015년 4월 27일 (월) 22:15 판

이 문서는 암묵의 룰로 작성되었습니다. 위키러님의 눈이 이상한 게 아닙니다. 당황하지 말고 이 문서의 룰을 파악해 보세요.

<h2>개요</h2>

파일:Html-helloworld.png
메모장에서 HTML5로 작성한 Hello, world!

<p><b>HyperText Markup Language</b>. 웹 페이지를 구성하는 마크업 언어로, 지금 당신이 보고있는 이 페이지도 HTML로 이루어져 있다.</p>

<p>이 문서는 리브레 위키 <a href="/wiki/불문율">암묵의 룰</a>에 따라 HTML로 작성되었다.</p>

<h2>태그</h2>

<p>HTML은 기본적으로 <b>태그</b>라는 방식으로 마크업을 하게된다. 태그는 부등호(<code><></code>)가 태그 이름, 속성 및 속성값을 감싸는 형태로 되어 있고, 보통은 원하는 부분 앞뒤로 시작 태그와 종료 태그를 달아서 범위를 지정한다. 이 경우 종료 태그에는 앞에 슬래시(<code>/</code>)가 들어간다.</p>

<p>예외적으로 <code><br></code>처럼 종료 태그가 없는 단일 태그도 있다. <a href="/wiki/XHTML">XHTML</a>에서는 이런 단일 태그라도 종료 태그를 삽입해야한다. 이 경우 <code><br /></code>처럼 태그 내부에 띄어쓰기와 하이픈을 넣으면 된다.</p>

<h2>속성</h2>

<p>'''속성'''(Attribute)은 시작 태그 안에 들어가서 태그에 대한 추가적인 설명을 한다. 일반적으로는 <code>속성="속성값"</code>의 형태를 취한다.</p>

<p>속성은 태그에 따라 반드시 들어가야하는 속성도 있고, 그렇지 않은 속성도 있다.</p>

<h2>HTML5</h2>