[HTML/CSS] #4.목록 태그

HTML에는 목록을 나타내고 싶을 때 쓸 수 있는 태그가 몇가지 있다.

바로 li태그와 ul, ol태그이다. 이들은 다음과 같은 형식에 맞춰 사용한다.

 

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

<ul>
  <li>vegetable</li>
  <li>cream</li>
  <li>sugar</li>
</ul>

 

보다시피 ol & ul태그는 부모 태그, li태그는 자식 태그로 들어간다.

따라서 ol & ul태그와 li태그는 아주 밀접한 관계이며 둘 중 하나라도 빠진다면 존재 가치가 없어진다.

 

결과는 다음과 같다.