HTML 요소
HTML 문서는 HTML 요소로 정의됩니다.
HTML 요소
HTML 요소는 시작 태그(start tag)에서 종료 태그(end tag)까지의 모든 코드를 의미합니다.
| 시작 태그 | 요소 내용 | 종료 태그 |
|---|---|---|
| <p> | This is a paragraph | </p> |
| <a href="default.htm" > | This is a link | </a> |
| <br /> |
주의:시작 태그는 일반적으로 열린 태그(opening tag)로 불리며, 종료 태그는 일반적으로 닫힌 태그(closing tag)로 불립니다.
HTML 요소 문법
- HTML 요소는시작 태그시작
- HTML 요소는종료 태그종료
- 요소 내용시작 태그와 종료 태그 사이의 내용입니다
- 어떤 HTML 요소는빈 내용(empty content)
- 빈 요소시작 태그에서 종료합니다(시작 태그의 종료로 끝납니다)
- 대부분의 HTML 요소는속성
팁:다음 장에서 더 많은 내용을 배울 수 있습니다.
중첩된 HTML 요소
대부분의 HTML 요소는 중첩될 수 있습니다(다른 HTML 요소를 포함할 수 있습니다).
HTML 문서는 중첩된 HTML 요소로 구성되어 있습니다.
HTML 문서 예제
<html> <body> <p>This is my first paragraph.</p> </body> </html>
위 예제는 세 개의 HTML 요소를 포함하고 있습니다.
HTML 예제 설명
<p> 요소:
<p>This is my first paragraph.</p>
이 <p> 요소는 HTML 문서中的一个段落을 정의합니다.
이 요소는 시작 태그 <p>와 종료 태그 </p>를 가지고 있습니다.
요소 내용은: This is my first paragraph.
<body> 요소:
<body> <p>This is my first paragraph.</p> </body>
<body> 요소는 HTML 문서의 본문을 정의합니다.
이 요소는 시작 태그 <body>와 종료 태그 </body>를 가지고 있습니다.
요소 내용은 다른 HTML 요소(p 요소)입니다.
<html> 요소:
<html> <body> <p>This is my first paragraph.</p> </body> </html>
<html> 요소는 전체 HTML 문서를 정의합니다.
이 요소는 시작 태그 <html>와 종료 태그 </html>를 가지고 있습니다.
요소 내용은 또 다른 HTML 요소입니다(body 요소).
종료 태그를 잊지 마십시오
종료 태그를 사용하지 않았음에도 불구하고, 대부분의 브라우저는 올바르게 HTML을 표시합니다:
<p>This is a paragraph <p>This is a paragraph
위의 예제는 대부분의 브라우저에서 문제가 없지만, 이 방식에 의존하지 마십시오. 종료 태그를 사용하지 않는 것을 잊어버리면 예상치 못한 결과나 오류가 발생할 수 있습니다.
주의:미래의 HTML 버전에서는 종료 태그를 생략할 수 없습니다.
공백 HTML 요소
내용이 없는 HTML 요소는 공백 요소라고 합니다. 공백 요소는 시작 태그에서 닫혀 있습니다.
<br>는 닫힌 태그가 없는 공백 요소입니다(브라우저에서 <br> 태그가 줄바꿈을 정의합니다).
XHTML, XML 및 HTML의 미래 버전에서 모든 요소는 닫혀야 합니다.
시작 태그에 슬래시를 추가하여 <br />와 같이, HTML, XHTML 및 XML 모두 이 방식을 받아들이는 것이 올바른 방법입니다.
예를 들어 <br>는 모든 브라우저에서 유효하지만, <br />는 더 장기적인 보장입니다.
HTML 힌트: 소문자 태그 사용
HTML 태그는 대소문자를 구분하지 않습니다：<P>는 <p>와 동일합니다. 많은 웹사이트가 대문자의 HTML 태그를 사용합니다.
CodeW3C.com은 소문자 태그를 사용하며, 월드 와이드 웹 연맹(W3C)이 HTML 4에서추천소문자 사용하며, 앞으로의 (X)HTML 버전에서의무소문자 사용하십시오.
