[HTML] 부모와 자식 태그가 필요한 이유, 예시

안녕하세요

부모-자식 태그의 예시를 통해 필요성을 알아보겠습니다.

 

 

~목차~

1. 부모태그를 사용했을 때

2. 부모태그를 쓰지 않으면?

*번외* 순서대로 번호가 매겨진 리스트를 사용하고 싶으면?

 

 

1. 부모태그를 사용했을 때

    <ul>
     <li>HTML</li>
     <li>CSS</li>
    </ul>
    
    <ul>
     <li>Hong</li>
     <li>Jin</li>
    </ul>

[부모태그를 사용한 결과]

<li>의 부모태그로 <ul>를 사용하였습니다.

두개의 Unordered List를 만들어주는 역할을 합니다.

(ul은 Unordered List의 약자입니다.)

 

 

2. 부모태그를 쓰지 않으면?

부모태그가 없다면 어떨까요?

     <li>HTML</li>
     <li>CSS</li>

     <li>Hong</li>
     <li>Jin</li>

[결과]

두개의 리스트로 구분되지 못하고 하나의 리스트로 합쳐져버립니다.

<br>태그로 줄바꿈을 하면 똑같이 보이겠지만 리스트를 위한 태그가 있으니 이를 사용하는게 좋습니다.

 

 

*번외* 순서대로 번호가 매겨진 리스트를 사용하고 싶으면?

    <ol>
     <li>HTML</li>
     <li>CSS</li>
    </ol>

    <ol>
     <li>Hong</li>
     <li>Jin</li>
    </ol>

[결과]

두 개의 ordered list를 만들기 위해 <ul>대신 <ol> 태그를 사용한 코드입니다.

부모태그로서 <ol>을 사용하였습니다.