HTML 요소



HTML 문서는 HTML 요소로 정의됩니다.

开始标签 *元素内容结束标签 *
<p>这是一个段落</p>
<a href="default.htm">这是一个链接</a>
<br> 换行 

* 시작 태그를 여는 태그, 종료 태그를 닫는 태그라고 하는 경우가 많습니다.


HTML 요소 구문

HTML 요소는 시작 태그로 시작합니다

HTML 요소는 닫는 태그로 종료됩니다

요소의 내용은 여는 태그와 닫는 태그 사이의 내용입니다

일부 HTML 요소에 빈 내용이 있습니다

빈 요소는 여는 태그에서 닫힙니다(여는 태그의 끝으로 끝남)

대부분의 HTML 요소는 속성을 가질 수 있습니다.

참고: 이 튜토리얼의 다음 장에서 속성에 대해 자세히 알아볼 것입니다.


중첩된 HTML 요소

<pMost html="" 요소는 중첩될 수 있습니다. (다른 ="" 요소를 포함할 수 있음)

HTML 문서는 중첩된 HTML 요소로 구성됩니다.


HTML 문서 예

<!DOCTYPE html>
<html>
<body>
    <p>这是第一个段落。</p>
</body>
</html>
위의 예에는 세 개의 HTML 요소가 포함되어 있습니다. . <p> 요소:

<p>这是第一个段落。</p>
이 <p> 요소는 HTML 문서의 단락을 정의합니다.


이 요소에는 시작 태그 <p>와 종료 태그 </p>가 있습니다. 요소의 내용은 다음과 같습니다.

<body> 요소:

<body>
<p>这是第一个段落。</p>
</body>
<body> 요소는 HTML 문서의 본문을 정의합니다.

이 요소에는 시작 태그 <body>와 종료 태그 </body>가 있습니다.
요소의 내용은 또 다른 HTML 요소(p 요소)입니다.
<html> 요소:


<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>

<html> 요소는 전체 HTML 문서를 정의합니다.

이 요소에는 시작 태그 <html>와 종료 태그 </html>가 있습니다.
요소의 내용은 또 다른 HTML 요소(body 요소)입니다.


닫는 태그를 잊지 마세요

닫는 태그를 사용하는 것을 잊어버리더라도 대부분의 브라우저는 HTML을 올바르게 표시:

<p>这是一个段落
<p>这是一个段落
위의 예는 닫는 태그가 선택 사항이므로 브라우저에도 정상적으로 표시됩니다.

그러나 이 접근 방식에 의존하지 마십시오. 닫는 태그를 사용하는 것을 잊어버리면 예상치 못한 결과나 오류가 발생할 수 있습니다.


HTML 빈 요소

내용이 없는 HTML 요소를 호출합니다. 요소가 비어 있습니다. 빈 요소는 여는 태그에서 닫힙니다.

<br>은 닫는 태그가 없는 빈 요소입니다(<br> 태그 정의 래핑).

XHTML, XML 및 HTML의 향후 버전에서는 모든 요소를 ​​닫아야 합니다.

<br />와 같이 여는 태그에 슬래시를 추가하는 것은 빈 요소를 닫는 올바른 방법이며 HTML, XHTML 및 XML에서 허용됩니다.

<br>는 모든 브라우저에서 유효하지만 <br />를 사용하는 것은 실제로는 장기적인 보장입니다.

HTML 팁: 소문자 태그 사용 H

HTML 태그는 대소문자를 구분하지 않습니다. <P> . 많은 웹사이트에서는 대문자 HTML 태그를 사용합니다.

W3Cchool은 소문자 태그를 사용합니다. 왜냐하면 소문자는 HTML 4의 W3C(World Wide Web Consortium)에서 권장하고 (X)HTML의 향후 버전에서는 필수이기 때문입니다.