태그: <p>, <span>, <a> 등과 같이 명령어의 형태가 '<>'로 되어있는 것

요소: <p> ~ </p>와 같이 태그의 시작(<>)과 끝</>

마크업: 요소들을 이용하여 웹 문서를 작성하는 것

<1. 요소는 제대로 중첩되어야 한다.>


<p>중첩된 요소가 있을 때는 <strong>바르게</strong>표현해야 한다.</p> (O)

<p>중첩된 요소가 있을 때는 <strong>바르게</p>표현해야 한다.</strong> (X)


마지막에 정의한 태그를 가장 먼저 닫아야 한다는 뜻이다.

<2. 요소 및 속성 이름은 소문자여야 한다.>


<p><a href="index.htm">첫페이지</a><p> (O)

<P><A HREF="index.htm">첫페이지</A><P> (X)


<a>요소에서 'href'와 같은 것을 속성이라고 부르며 = 다음에 오는 것을 값이라고 부른다.

<3. 요소는 항상 닫아야 한다.>


<p>요소는<strong>항상 닫아야</strong>합니다.</p> (O)

<p>요소는<strong>항상 닫아야 합니다. (X)

요소는 항상<br />닫아야 합니다. (O)

요소는 항상<br>닫아야 합니다. (X)

<img src="image/today.gif"alt="오늘"/> (O)

<img src="image/today.gif"alt="오늘"> (X)

자주 쓰는 빈 요소에는 <br />,<hr />,<img />,<input />,<area />, <meta />, <link /> 등이 있습니다.

<4. 속성 값에는 인용 부호를 붙여야 합니다.>


<a href="index.html">첫페이지</a> (O)

<a href=index.html>첫페이지</a> (X)

<img src="images/today.gif"alt="오늘"/>(O)

<img src=images.today.gifalt="오늘"/> (X)

<5. 속성은 속성값과 함께 써야 합니다.>


<input disabled="disabled"/> (O)

<input disabled/> (X)

<option selected="selected"></option> (O)

<option selected></option> (X)


속성은 속성값과 같이 선언해야 하며 생략하면 안 됩니다.

<6. img와 area 요소에는 alt 속성이 있어야 합니다.>


<img src="images/today.gif"alt="오늘"/> (O)

<img src="images/today.gif"/> (X)

<area shape="rect"coords="0,0,0,72"alt="오늘"href="today.htm" /> (O)

<area shape="rect"coords="0,0,0,72"href="today.htm" /> (X)

<7. 특수문자를 쓸 때는 Entity Name 또는 Entity code를 사용해야 합니다.>


<p>you&amp;me</p> (O) -> &amp;는 특수문자 '&'의 Entity Name

<p>you&#38;me</p> (O) -> &#38;는 특수문자 '&'의 Entity code

<p>you&me</p> (X)

<8. 주석처리 방법>


주석은 다음과 같이 처리합니다.


<!--주석내용-->

<!--여기서 부터 공지사항-->