html 4. 요소

HTML 요소는 시작 태그, 내용, 그리고 종료 태그로 정의됨.
<tagname> 여기에 내용 을 입력 </tagname>

HTML 요소의 예:

<h1> 첫 번째 제목 </h1>
<p> 첫 번째 단락 입니다 . </p>

참고: 일부 HTML 요소는 내용이 없다(예: <br> 요소). 이러한 요소를 빈 요소라고 함. 빈 요소에는 종료 태그가 없다!

중첩된 HTML 요소

HTML 요소는 중첩될 수 있다(즉, 요소가 다른 요소를 포함할 수 있다).

모든 HTML 문서는 중첩된 HTML 요소로 구성된다.

다음 예제에는 네 개의 HTML 요소( <html>, <body>, <h1> 및 <p>)가 포함되어 있다.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

해당 <html>요소는 루트 요소이며 전체 HTML 문서를 정의함.

<html>시작 태그 와 종료 태그가 있음 </html>.

그러면 해당 <html>요소 내부에 또 다른 요소가 있음 <body> .

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

해당 <body>요소는 문서의 본문을 정의함.

<body>시작 태그 와 종료 태그가 있음 </body>.

그다음, 해당 <body>요소 안에는 또 다른 두 개의 요소가 있음: <h1>와 <p>:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

해당 <h1>요소는 제목을 정의함

<h1>시작 태그 와 종료 태그가 있음 </h1>.

<h1>My First Heading</h1>

해당 <p>요소는 단락을 정의.

<p>시작 태그 와 종료 태그가 있음 </p>.

<p>My first paragraph.</p>

일부 HTML 요소는 종료 태그를 빼먹더라도 올바르게 표시됨

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

하지만 절대로 이것에 의존하면 안됨. 종료 태그를 잊어버리면 예상치 못한 결과와 오류가 발생할 수 있음

내용이 없는 HTML 요소를 빈 요소라고 함.

이 <br>태그는 줄 바꿈을 정의하며, 닫는 태그가 없으면 빈 요소임.

<p>This is a <br> paragraph with a line break.</p>

HTML 태그는 대소문자를 구분하지 않음. <P>는 와 를 의미 <p>.

HTML 표준에서는 태그를 소문자로 표기하도록 요구하지 않지만, W3C는 HTML에서 소문자 사용을 권장하며 , XHTML과 같이 더욱 엄격한 문서 유형에서는 소문자 사용을 의무화함.