4편 목차 태그 - HTML 문법

4편 목차

 

목차의 태그는 list의 앞글자 <li>로 사용한다

 

목차 끼리의 구분 할수있도록 경계를 둘때는

unordered list 의 약자인<ul>를 사용한다

 

아래코드는 순서가 없기에 직접 사용자가 숫자도 써서 순서를 나타냈다

 

 

위 코드처럼

<ul> 태그 밑에는 <li> 태그가 띄어져있는걸 볼수 있다

이때 <ul> 태그는 <li> 태그의 부모태그라고 하고

<li> 태그는 <ul> 태그의 자식태그라고 한다

 

순서가 있는 목차를 생성하고 싶을때는

order list의 약자인 <ol> 태그를 사용하면 된다

 

 

 

위 코드를 보면 굳이 <ol> 태그를 사용할때는 1. , 2. , 3. 과 같은 숫자를 쓸필요도 없고

나중에 목록이 엄청 많아졌을때 하나의 목록을 빼고 싶다면

<ul> 태그를 사용했을때처럼 일일이 고치지 않아도 되는 장점을 가지고 있다