HTML-Elements(요소)

컴퓨터/HTML&CSS

728x90
반응형
<Start tag> 전체가 elements <End tag>

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 

문제가 있다면 말씀 부탁 드리겠습니다


안녕하세요.

 

Gon입니다.

 

공부를하면서 한글로 번역을 하지만 주요 Key word는 영어로 알아야된다는 필요성을 느끼게 되어 w3school을 참조하며 글을 올릴 예정입니다.

 

읽으실때 참조 바랍니다.

 

Elements - 요소

HTML 에서 Elements(요소)는 시작tag 와 내용 종료tag로 구성이 됩니다.

 

<Start tag>이것이 Element(요소)의 정의<End tag>

위 코드 블럭처럼 HTML에서 어떤 tag안에 감싸진 내용물 전체를 Element(요소)라고 정의 할수 있습니다.

 

또한 이 Element는 중첩이 될수 있습니다. 즉, Element를 감싸는 Element가 가능하다는 말 입니다.

 

<!DOCTYPE html>
<html>
	<body>
    	<h1>제목 Element</h1>
        <p>단락 Element</p>
	</body>
</html>

위의 코드블럭처럼 말이죠.

 

html의 element 안에는 body의 element가 있고 그 안에는 h1,p의 element가 있는 것 입니다. 

이것 처럼 element는 element 밖에 element가 더 쌓여지면서 HTML 안에서 의미가 부여되어 하나의 요소로서 작용될 수 있습니다.

 

Element의 개념을 어느정도 이해 하셨습니까?

중요한건 <시작tag와> 내용 <종료tag> 이것이기 때문에 Element의 마지막은 항상 종료tag의 부여가 중요합니다.

 

이후 추가적으로 Element에서 <br>또는 <!DOCTYPE html> 같은 특수한 Element도 있습니다 종료tag가 없는 것들이 말이죠.

이것들은 empty elements라고 불리는 특수한 tag들 입니다.

 

이런 개념을 이해하시고 소스코드를 본다면 좀더 이해하기가 쉬울 것이라고 생각이 됩니다.

 

감사합니다.

 

Gon

728x90
반응형

'컴퓨터 > HTML&CSS' 카테고리의 다른 글

HTML-Headings(제목)  (0) 2020.12.15
HTML-Attributes(속성)  (0) 2020.12.14
HTML - <h1> to <h6> Tags  (0) 2020.12.02
HTML - div tag  (0) 2020.11.30
HTML-meta tag  (0) 2020.11.27

Commnet

G91개발일지

Gon91(지구일)

91년생 공학엔지니어의 개발일지

TODAY :

YESTER DAY :

TOTAL :