[HTML]04_순서없는 목록 만들기(<ul>,<li>태그)

1. 순서없는 목록 만들기🤔

: <ul>, <li>

: html에서 목록을 만들기 위해서 <ul>과 <li> 두 가지 태그를 사용해야 한다.

• <ul>: Unordered List의 약자
• <li>: List의 약자

<ul>
  <li>사과</li>
  <li>바나나</li>
  <li>포도</li<
</ul>

• 사과
• 바나나
• 포도

  2. 목록 기호 변경하기🤫

  : CSS 속성의 'list-style-type' 사용

  <ul style="list-style-type: disc / circle / square / none">
    <li> 사과 </li>
    ..
  </ul>

  • disc(기본값): 속이 채워진 원형의 기호(default)
  • circle: 속이 비워진 원형의 기호
  • square: 사각형의 기호
  • none: 기호가 보이지 않는다.