HTML - ul 태그

ul은 unordered list다.
리스트로 보여주고 싶을 때 사용한다.
ul 태그 안에 li 태그 여러 개가 들어간다.
li 태그 안에 값을 넣으면 된다.

<ul>
  <li>서울</li>
  <li>인천</li>
  <li>부산</li>
  <li>대구</li>
</ul>

앞에 숫자가 아니고 bullet point(불릿 포인트)가 생긴다.
앞에 숫자가 나오게 하려면 ol 태그(ordered list)를 이용하면 된다.
보통 문서에서 많이 본 기호다.

• 서울
• 인천
• 부산
• 대구

CSS로 기호를 사라지게 할 수도 있고 다르게 변경 시킬 수 있다.


circle 적용

• 서울
• 인천
• 부산
• 대구

<ul style="list-style-type: circle;">
  <li>서울</li>
  <li>인천</li>
  <li>부산</li>
  <li>대구</li>
</ul>

square 적용

• 서울
• 인천
• 부산
• 대구

<ul style="list-style-type: square;">
  <li>서울</li>
  <li>인천</li>
  <li>부산</li>
  <li>대구</li>
</ul>

앞에 검은 점을 사라지게 적용

• 서울
• 인천
• 부산
• 대구

<ul style="list-style-type: none;">
  <li>서울</li>
  <li>인천</li>
  <li>부산</li>
  <li>대구</li>
</ul>