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

HTML 순서 있는 목록(ol)의 시작 값 설정 방법 – start 속성 완벽 가이드

HTML에서 순서 있는 목록(ordered list)의 시작 번호를 변경하고 싶다면 start 속성을 사용하면 됩니다. 기본적으로 <ol> 태그는 1부터 번호를 매기지만, start 속성을 활용하면 원하는 숫자부터 목록을 시작할 수 있습니다.

start 속성 기본 문법

<ol start = " ">

위 코드에서 따옴표 안에 목록을 시작하고 싶은 숫자를 입력하면 됩니다. 예를 들어 5번부터 시작하려면 start="5"처럼 작성합니다.

사용 예제

아래 코드를 실행하면 start 속성이 실제로 어떻게 동작하는지 확인할 수 있습니다. 이 예제에서는 목록이 5번부터 시작되도록 설정했습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ol Tag</title>
   </head>
   <body>
      <p>프로그래밍 언어 사용 순위:</p>
      <ol start = "5">
         <li>Java</li>
         <li>C++</li>
         <li>C</li>
      </ol>
   </body>
</html>

실행 결과

위 코드를 브라우저에서 실행하면 다음과 같이 목록이 5부터 시작됩니다.

  • 5. Java
  • 6. C++
  • 7. C

참고 사항

start 속성은 HTML5에서 공식적으로 지원되며, 모든 최신 브라우저에서 정상적으로 동작합니다. 또한 type 속성과 함께 사용하면 로마자나 알파벳 형식의 목록에서도 시작 위치를 자유롭게 지정할 수 있습니다.