태그의 Parent와 Child 관계

• a : 문서를 링크 시킨다.
  • href : 연결할 주소를 지정한다.
  • target : 링크를 클릭 할 때 창을 어떻게 열지 설정한다.
  • title : 해앋 링크에 마우스 커서를 올릴때 도움말 설명을 설정 한다.

<h3>Parent, Child 태그 관계</h3>
<p>
    <a href="<https://www.acmicpc.net/>">백준으로 이동</a>
</p>

위와 같이 태그가 태그를 감싸는 형태가 있을 때 p가 a태그의 부모, a가 p의 자식이다.

이러한 관계를 parent, child관계라고 한다.

a가 꼭 p의 자식태그일 필요는 없지만 parent, child관계가 고정된 태그들이 있다.

목차 만들기

parent, child관계에 있는 태그를 활용해서 목차를 만들자.

목차를 만들기 위해서 li 태그를 이용해야 한다. 이때 리스트를 앞에 숫자가 있는 방식, 모양이 있는 방식 두 가지 방식으로 만들 수 있다.

• ul : unordered list
• ol : ordered list

ul, ol을 li의 parent태그로 넣어주면 된다. 반드시 넣을 필요는 없다.

<h3>Parent, Child 태그 관계</h3>
<p>
    <li>NAVER</li>
    <li>카카오</li>
    <li>엔씨소프트</li>
</p>
<p>
    <ul>
        <li>NAVER</li>
        <li>카카오</li>
        <li>엔씨소프트</li>
    </ul>
</p>
<p>
    <ol>
        <li>NAVER</li>
        <li>카카오</li>
        <li>엔씨소프트</li>
    </ol>
</p>