Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML에 목록 항목을 추가하는 방법 총정리


HTML의 <li>(list item) 태그는 순서 있는 목록(<ol>), 순서 없는 목록(<ul>), 디렉터리 목록, 메뉴 목록 등에 새로운 목록 항목을 추가할 때 사용합니다. 이 태그는 아래와 같은 추가 속성도 함께 지원합니다.

속성

설명
type
A
a
I
i
1
disc
square
circle
더 이상 사용되지 않음(Deprecated) − 목록 항목의 표시 유형을 지정합니다.
value
number
목록 항목의 값을 지정합니다.

예제

다음 코드를 직접 실행하면서 HTML에서 목록 항목을 추가하는 방법을 확인해 보세요. −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML li Tag</title>
   </head>
   <body>
      <p>Rank</p>
      <ul>
         <li>India</li>
         <li>Australia</li>
         <li>South Africa</li>
      </ul>
   </body>
</html>

활용 팁

참고: type 속성은 HTML5 표준에서 더 이상 권장되지 않습니다. 목록의 불릿 모양이나 번호 스타일을 지정할 때는 CSS의 list-style-type 속성을 사용하는 것이 좋습니다. 또한 순서 있는 목록에서 특정 항목부터 번호를 시작하고 싶다면 value 속성을 활용하면 됩니다.