HTML 요소와 관계

 

HTML 기본 문법

 

<태그>내용</태그> = 요소(Element)

<태그 속성="값">내용</태그>

<태그> = 시작(열린) 태그(Tag)

</태그> = 종료(닫힌) 태그

내용 = 요소의 내용(Contents)

속성(Attribute)="값(Value)" = 기능의 확장

 

HTML 부모와 자식 관계

 

<태그>			-> 1 요소
    <태그> 		-> 2 요소
        내용
    </태그>
</태그>

부모와 자식 관계는 상대적인 요소

- 1 요소는 2 요소의 부모 요소

- 2 요소는 1 요소의 자식 요소

 

<태그>						-> 1 요소
    <태그>					-> 2 요소
        <태그>내용</태그>			-> 3 요소
    </태그>
</태그>

3 요소를 기준으로

- 2 요소는 3 요소의 부모 요소

- 1 요소는 3 요소의 상위(조상) 요소

 

상위 요소란 나(기준이 되는 요소)를 기준으로 나를 깜싸고 있는 모든 요소들을 지칭한다

- 부모 요소 또한 포함된다

 

1 요소를 기준으로

- 2 요소는 1 요소의 자식 요소

- 3 요소는 1 요소의 하위(후손) 요소

 

하위 요소란 나(기준이 되는 요소)를 기준으로 내가 감싸고 있는 모든 요소들을 지칭한다

- 자식 요소 또한 포함된다