최신 웹 개발 튜토리얼

HTML 요소


HTML 문서는 HTML 요소에 의해 만들어집니다.

는 HTML 구문에서 대부분의 요소 사이에있는 내용으로, 시작 태그와 끝 태그로 기록됩니다. HTML 태그는 꺾쇠 괄호로 둘러싸인 요소의 이름으로 구성되어있다. 종료 태그는 시작 태그와 구별하는 개구 꺽쇠 후 슬래시있다.


HTML 요소

HTML 요소는 사이에있는 내용으로, 종료 태그로 시작 태그로 기록됩니다

<tagname>content</tagname>

HTML 요소는 종료 태그로 시작 태그에서 전부입니다 :

<p> 나의 첫번째 HTML 단락. </p>
시작 태그 요소의 내용 종료 태그
<h1> 나의 첫번째 제목 </h1>
<p> 내 첫 번째 단락. </p>
<br> 

일부 HTML 요소는 종료 태그가 없습니다.


중첩 된 HTML 요소

HTML 요소는 중첩 될 수 있습니다 (elements can contain elements) .

모든 HTML 문서는 중첩 된 HTML 요소로 구성되어 있습니다.

이 예는 4 개 HTML 요소가 포함되어 있습니다 :

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
»그것을 자신을 시도

HTML 예 설명

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

이것은 시작 태그 갖는 <html>종료 태그 </html> .

내용 요소는 다른 HTML 요소이다 (the <body> element) .

<html>
<body>

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

</body>
</html>

<body> 엘리먼트는 문서 본문을 정의한다.

이것은 시작 태그 갖는 <body>종료 태그 </body> .

내용 요소는 두 개의 다른 HTML 요소이다 ( <h1> and <p> ) .

<body>

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

</body>

<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 요소

내용이없는 HTML 요소는 빈 요소라고합니다.

<br> 닫는 태그가없는 빈 요소 (the <br> tag defines a line break) .

빈 요소 일 수있다 "closed" 이런 개구 태그 : <br /> .

HTML5가 폐쇄되는 빈 요소를 필요로하지 않습니다. 당신이 엄격한 검증을 원하거나, XML 파서하여 문서를 읽을 수 있도록해야하는 경우, 당신은 모든 HTML 요소를 닫아야합니다.


HTML 팁 : 소문자 태그

HTML 태그는 대소 문자를 구별하지 : <P> 동일한 의미 <p> .

HTML5의 표준은 소문자로 태그를 필요로하지 않지만, W3C는 recommends HTML4에서 소문자 및 demands XHTML과 같은 엄격한 문서 유형 소문자.

w3ii에서 우리는 항상 소문자 태그를 사용합니다.