[HTML 독학 #3] HTML 요소(element)란?

HTML은 요소가 있는데요. 요소는 스타트태그부터 끝마침 태그까지를 모두 포함하는것입니다.(시작 태그부터 종료태그까지 한 묶음) 요소는 총 5가지로 나뉘는데요. 그 내용은 아래와 같습니다.

<tagname>컨텐츠</tagname>
1.시작태그(2.속성이름, 3.속성값)
4.내용
5.종료태그

(주의할점 : 일부 HTML 요소에는 컨텐츠 자체가 없는 경우도 있는데요. 컨텐츠가 없는 태그는 종료태그 또한 없습니다.)

이러한 요소들은 서로가 서로안에 포함될 수 있는데요. 아래 이미지를 보시면 <html></html> 태그 안에는 <body>태그가 포함되어 있고요. <body>태그안에는 <h1>,<p>태그가 포함되어 있습니다.

<h1>태그를 볼까요? <h1>태그는 종료태그인 </h1>태그안에 'My Fist Heading' 이라는 컨텐츠를 포함하고 있습니다.

때로는 html 태그는 컨텐츠를 포함하고 있지 않은 경우도 있는데요. 아래와 같은 <br>태그는 컨텐츠를 포함하고 있지 않는 태그입니다. 이렇게 컨텐츠를 포함하고 있지 않은 태그는 종료태그 또한 존재하지 않습니다.

<br>태그는 엔터를 치는 효과인데요. 오른쪽 이미지처럼 <br>태그를 쓰면 줄바뀜 효과가 있습니다.

(주의할점 : 태그를 쓸때 html 문법상 소문자와 대문자는 구별하지 않습니다만, 문법적으로는 소문자를 쓰길 권장드립니다.)

유키의 티스토리