HTML element는 무엇인가?
HTML element 는 start tag, some content, end tag로 정의된다.
<tagname> 내용 </tagname>
HTML element는 start tag 부터 end tag의 모든 것이다.
<h1>My First Heading</h1>
<p>My first paragraph.</p>
| Start tag | Element content | End tag |
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
<br>은 내용이 없기에 안 닫아도 되어서 end tag가 없다.
중첩된 HTML Elements
HTML element들은 중첩될 수 있다. element가 다른 element를 포함할 수 있다.
HTML document들은 중첩된 HTML element들로 구성된다.
4개의 HTML element들(<html>, <body>, <h1> and <p>)을 포함하는 예시 :
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html> element
<html> element 는 HTML document를 정의하는 root element 이다.
<html> 태그로 시작해서 </html>태그로 끝난다.
<html> element 안에 <body> element가 있다.
<body> element
<body> element 는 document의 본문을 정의한다.
<body> 태그로 시작해서 </body>태그로 끝난다.
<body> element 안에는 두 개의 element <h1> 와 <p>가 있다.
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<h1> element 는 head이다.
<h1> 태그로 시작해서 </h1>태그로 끝난다.
<h1>My First Heading</h1>
<p> element 는 paragraph를 정의한다.
<p> 태그로 시작해서 </p>태그로 끝난다.
End Tag를 빠트리지 않도록 주의하자.
어떤 HTML element는 end tag를 빠트리더라도 정상적으로 출력된다.
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
그러나 예상하지 못한 오류가 언제나 생겨날 수 있기 때문에 end tag로 닫아주는 것이 중요하다.
Empty HTML Element
내용이 없는 HTML element는 empty element라고 불린다.
<br> tag 는 개행 태그이고, 닫아주지 않으면 empty element가 된다.
<p>This is a <br> paragraph with a line break.</p>
HTML 은 대문자와 소문자를 구별하지 않는다.
<P> 는 <p>와 같다.
'TIL(Develop)' 카테고리의 다른 글
| Spring 입문 (1) | 2023.10.31 |
|---|---|
| Html 속성 Html Attributes (0) | 2023.09.06 |
| HTML은 무엇인가? What is HTML? (0) | 2023.09.04 |
| 파이썬 기본 출력 (0) | 2022.08.05 |
| 파이썬 기초 문법 (0) | 2022.08.05 |
