jiraynor’s 하루 2시간 프로그래밍 - HTML 02. 요소 (Element) 영상 보러가기
HTML 요소
HTML 요소
HTML 요소는 시작 태그에서 끝 태그까지의 모든 것입니다.
<tagname>컨텐츠는 여기에...</tagname>
일부 HTML 요소의 예
<h1>표제입니다.</h1>
<p>문단입니다.</p>
| 시작 태그 | 요소 컨텐츠 | 종료 태그 |
<h1> |
표제입니다. | </h1> |
<p> |
문단입니다. | </p> |
<br> |
none | none |
Note: 일부 HTML 요소에는 콘텐츠가 없습니다(<br> 요소 등).
이러한 요소를 빈 요소라고 합니다. 빈 요소에는 끝 태그가 없습니다!
중첩된 HTML 요소
HTML 요소를 중첩할 수 있습니다(즉, 요소가 다른 요소를 포함할 수 있습니다).
모든 HTML 문서는 중첩된 HTML 요소로 구성됩니다.
다음은 4개의 HTML 요소( <html>, <body>, <h1> 및 <p> )를 포함하는 예를 나타냅니다.
예제 1
<!DOCTYPE html>
<html>
<body>
<h1>표제입니다.</h1>
<p>문단입니다.</p>
</body>
</html>
예제 설명
<html> 요소는 루트 요소로 HTML 문서 전체를 정의합니다.
시작 태그 <html> 와 종료 태그 </html> 가 있습니다.
다음은 <html> 요소 내부에 <body> 요소가 있습니다.
<body>
<h1>표제입니다.</h1>
<p>문단입니다.</p>
</body>
<body> 요소는 문서의 본문을 정의합니다.
시작 태그 <body> 와 종료 태그 </body> 가 있습니다.
다음은 <body> 요소 내부에는 <h1> 과 <p> 의 두 가지 요소가 있습니다.
<h1>표제입니다.</h1>
<p>문단입니다.</p>
<h1> 요소는 제목을 정의합니다.
시작 태그 <h1> 과 종료 태그 </h1> 이 있습니다.
<h1>표제입니다.</h1>
<p> 요소는 문단을 정의합니다.
시작 태그 <p> 와 종료 태그 </p> 가 있습니다.
<p>문단입니다.</p>
종료태그 필수 입력
일부 HTML 요소는 종료 태그를 입력하지 않은 경우에도 올바르게 표시됩니다.
<!DOCTYPE html>
<html>
<body>
<h1>표제입니다.
<p>문단입니다.
</body>
</html>
하지만, 절대 이것에 의존하지 마세요! 종료 태그를 입력하지 않으면 예기치 않은 결과와 오류가 발생할 수 있습니다!
빈 HTML 요소
내용이 없는 HTML 요소를 빈 요소라고 합니다.
<br> 태그는 줄 바꿈을 정의합니다. 종료 태그가 없는 빈 요소입니다.
<p>이것은 <br> 줄바꿈이 있는 문단입니다.</p>
HTML은 대소문자를 구분하지 않음
HTML 태그는 대소문자를 구분하지 않습니다. <P> 는 <p> 와 같은 의미입니다.
단, XHTML과 같이 엄격한 문서 유형에 대해서는 소문자를 요구합니다.