HTML 요소
HTML 요소는 보통 시작 태그와 종료 태그로 구성되며 그 사이에 내용이 삽입됩니다.
< tagname > 콘텐츠는 여기에 있습니다 ... < / tagname >
HTML 요소 는 시작 태그에서 종료 태그까지의 모든 것입니다.
< p > 첫 번째 단락. < / p >
| Start tag | Element content | End tag |
|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> |
|
내용이없는 HTML 요소를 빈 요소라고합니다. 빈 요소에는 <br> 요소 (줄 바꿈을 나타냄)와 같은 끝 태그가 없습니다
중첩 된 HTML 요소
HTML 요소는 중첩 될 수 있습니다 (요소에는 요소가 포함될 수 있음).
모든 HTML 문서는 중첩 된 HTML 요소로 구성됩니다.
이 예제에는 4 개의 HTML 요소가 포함되어 있습니다.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
My First Heading
My first paragraph.
예제 설명
<html>요소는 정의 전체 문서를 .
그것은 가지고 시작 태그 <HTML> 및 종료 태그 </ HTML>입니다.
요소 내용 은 다른 HTML 요소 ( <body>요소)입니다.
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<body>요소는 정의 문서 본문을 .
그것은 가지고 시작 태그 <body>와 종료 태그 </ body>입니다.
요소 내용 은 두 개의 다른 HTML 요소 ( <h1>및 <p>)입니다.
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<h1>요소는 정의 제목을 .
그것은 가지고 시작 태그 <H1> 및 종료 태그 </ H1>입니다.
요소 내용 은 다음과 같습니다. My First Heading.
<h1>My First Heading</h1>
<p>요소는 정의 단락을 .
그것은 가지고 시작 태그 <p> 및 엔드 </ p> 태그.
요소 내용 은 다음과 같습니다. 첫 번째 단락.
<p>My first paragraph.</p>
예제 설명
<html>요소는 정의 전체 문서를 .
그것은 가지고 시작 태그 <HTML> 및 종료 태그 </ HTML>입니다.
요소 내용 은 다른 HTML 요소 ( <body>요소)입니다.
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<body>요소는 정의 문서 본문을 .
그것은 가지고 시작 태그 <body>와 종료 태그 </ body>입니다.
요소 내용 은 두 개의 다른 HTML 요소 ( <h1>및 <p>)입니다.
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<h1>요소는 정의 제목을 .
그것은 가지고 시작 태그 <H1> 및 종료 태그 </ H1>입니다.
요소 내용 은 다음과 같습니다. My First Heading.
<h1>My First Heading</h1>
<p>요소는 정의 단락을 .
그것은 가지고 시작 태그 <p> 및 엔드 </ p> 태그.
요소 내용 은 다음과 같습니다. 첫 번째 단락.
<p>My first paragraph.</p>
예제 설명
<html>요소는 정의 전체 문서를 .
그것은 가지고 시작 태그 <HTML> 및 종료 태그 </ HTML>입니다.
요소 내용 은 다른 HTML 요소 ( <body>요소)입니다.
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<body>요소는 정의 문서 본문을 .
그것은 가지고 시작 태그 <body>와 종료 태그 </ body>입니다.
요소 내용 은 두 개의 다른 HTML 요소 ( <h1>및 <p>)입니다.
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<h1>요소는 정의 제목을 .
그것은 가지고 시작 태그 <H1> 및 종료 태그 </ H1>입니다.
요소 내용 은 다음과 같습니다. My First Heading.
<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>닫는 태그가없는 빈 요소입니다 (이 <br>태그는 줄 바꿈을 정의합니다).
비어있는 요소는 다음과 같이 시작 태그에서 "닫을"수 있습니다. <br /> <br />
HTML5에서는 빈 요소를 닫을 필요가 없습니다. 그러나보다 엄격한 유효성 검사를 원하거나 XML 파서로 문서를 읽을 수 있도록해야하는 경우 모든 HTML 요소를 올바르게 닫아야합니다.
소문자 태그 사용
HTML 태그는 대소 문자를 구분하지 않습니다. <P>는 <p>와 같습니다.
HTML5 표준은 소문자 태그를 필요로하지 않지만 W3C 는 HTML에서 소문자를 권장 하고 XHTML과 같이 더 엄격한 문서 유형의 경우 소문자를 요구 합니다.
