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

HTML
    start 속성 – 목록 번호 시작 값 지정 방법

HTML의 <ol>(순서 있는 목록) 요소에서 start 속성은 첫 번째 목록 항목이 표시되는 번호의 시작 값을 지정하는 데 사용됩니다. 기본적으로 순서 있는 목록은 1부터 시작하지만, start 속성을 활용하면 원하는 숫자부터 번호를 매길 수 있습니다.

start 속성 문법

start 속성의 기본 사용법은 다음과 같습니다.

<ol start="num">

여기서 num은 첫 번째 목록 항목에 부여할 시작 숫자를 의미합니다. 예를 들어 start="5"로 설정하면 목록이 5, 6, 7... 순으로 번호가 매겨집니다.

start 속성 예제

아래 예제는 시험 성적 순위를 두 개의 목록으로 나누어 표시하는 코드입니다. 첫 번째 목록은 기본값(1)부터 시작하고, 두 번째 목록은 start 속성을 사용해 5번부터 시작합니다.

<!DOCTYPE html>
<html>
<body>
<h1>지난 학기 MCA 시험 결과</h1>
<h2>1~5등</h2>
<ol>
   <li>Steve</li>
   <li>David</li>
   <li>Kane</li>
   <li>William</li>
   <li>John</li>
</ol>
<h2>5~10등</h2>
<ol start="5">
   <li>Tom</li>
   <li>Jack</li>
   <li>Will</li>
   <li>Harry</li>
   <li>Tim</li>
</ol>
</body>
</html>

실행 결과

HTML ol start 속성 – 목록 번호 시작 값 지정 방법

위 예제에서는 학생들의 순위를 보여주는 두 개의 순서 있는 목록(<ol>)을 사용했습니다.

<h2>1~5등</h2>
<ol>
   <li>Steve</li>
   <li>David</li>
   <li>Kane</li>
   <li>William</li>
   <li>John</li>
</ol>
<h2>5~10등</h2>
<ol start="5">
   <li>Tom</li>
   <li>Jack</li>
   <li>Will</li>
   <li>Harry</li>
   <li>Tim</li>
</ol>

핵심 포인트

두 번째 목록에는 start 속성이 적용되어 있으며, 이를 통해 기본 시작 값인 1 대신 5부터 번호가 매겨집니다.

<ol start="5">
   <li>Tom</li>
   <li>Jack</li>
   <li>Will</li>
   <li>Harry</li>
   <li>Tim</li>
</ol>

이처럼 start 속성을 활용하면 하나의 페이지에서 여러 개의 목록을 연속된 번호로 자연스럽게 이어서 표시할 수 있습니다. 예를 들어 긴 순위표나 단계별 안내 문서를 여러 섹션으로 나눌 때 매우 유용합니다. 또한 type 속성(A, a, i 등)과 함께 사용하면 로마자나 알파벳 형식의 목록에서도 시작 위치를 자유롭게 조절할 수 있습니다.