HTML Elements (요소)

JavaScript & HTML/HTML

by husks 2018. 1. 3. 10:25

HTML Elements

HTML Elements는 보통 시작 태그와 종료 태그로 구성되며 그 사이에 내용이 삽입됩니다.

<시작태그>내용입니다.</종료태그>

1
<p>첫 번째 단락.</p>

* 내용이 없는 HTML요소도 있습니다. 대표적으로 <br> 태그이며 종료태그가 없습니다.

HTML Elements 안에 Elements가 포함

HTML Elements는 중첩이 가능합니다.

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

시작태그는 <html> 이며 종료태그는 </html> 입니다.

<html> 안에 다른 HTML Elements (<body>)가 내용으로 존재합니다.

1
2
3
4
5
6
7
<!doctype html>
<html>
  <body>
    <h1>여기는 제목 입니다.</h1>
    <p>여기는 내용 입니다.</p>
  </body>
</html>

<body> Elements는 문서의 본문을 정의합니다.

시작태그는 <body> 이며 종료태그는 </body> 입니다.

Elements 내용은 두개의 다른 HTML Elements (<h1>, <p>) 입니다.

1
2
3
4
<body>
  <h1>여기는 제목 입니다.</h1>
  <p>여기는 내용 입니다.</p>
</body>

<h1> Elements는 문서의 제목을 정의합니다.

시작태그는 <h1> 이며 종료태그는 </h1> 입니다.

요소 내용 은 다음과 같습니다. "여기는 제목 입니다."

1
<h1>여기는 제목 입니다.</h1>

<p> Elements는 문서의 단락을 정의합니다.

시작태그는 <p> 이며 종료태그는 </p> 입니다.

요소 내용 은 다음과 같습니다. "여기는 내용 입니다."

1
<p>여기는 내용 입니다.</p>

소문자 태그

HTML 태그는 대소문자를 구분하지 않지만 XHTML 같은경우 대문자와 소문자를 다르게 인식하기 때문에 소문자로 작성하는 버릇을 들이는 것이 좋다.

Husk's repository