목차 태그 <list>

목차를 만드는 태그 ul, ol, li

 

 

일반적인 목차를 만들때는 list 태그를 사용한다.

(list 태그를 사용하면 br 태그를 여러번 입력 할 필요 없이 자동으로 줄바꿈이 되며 목차를 생성해 준다.)

 

<li>가나다라</li>
<li>아에이오우</li>
<li>abcd</li>

---

 

 

list 태그에서 다른 목차와 구분 짓기 위해서 li 위에 부모태그인 ul 를 넣어줌으로써 두개의 목차로 구분지을 수 있다. 

 

<ul>
<li>가나다라</li>
<li>아에이오우</li>
<li>abcd</li>
</ul>

---

 

 

list의 부모태그는 ol(ordered list)과 ul(unordered list)이 있는데 (사용 방법은 동일) ol은 앞에 넘버가 붙는다.

 

 

 

 

* vscode에서 ctrl+click 시 다중 커서 가능.