HTML start 속성 완벽 가이드 – 순서 목록의 시작 번호 지정하기

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

문법(Syntax)

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

<ol start="숫자"></ol>

start 속성에는 시작하고자 하는 정수 값을 지정하며, 이후 항목들은 해당 값부터 순차적으로 증가합니다.

예제

다음 예제를 통해 HTML start 속성의 실제 사용 방법을 확인해 보겠습니다.

<!DOCTYPE html>
<html>
<style>
    body {
        color: #000;
        height: 100vh;
        background-color: #8BC6EC;
        background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    }
</style>
<body>
<h1>HTML start 속성 데모</h1>
<p>과목 목록:</p>
<ol start="10">
<li>물리학</li>
<li>화학</li>
<li>수학</li>
<li>생물학</li>
<li>경제학</li>
</ol>
</body>
</html>

실행 결과

위 코드를 실행하면 목록이 1이 아닌 10번부터 시작하여 물리학(10), 화학(11), 수학(12), 생물학(13), 경제학(14) 순으로 번호가 매겨지는 것을 확인할 수 있습니다.

HTML start 속성 완벽 가이드 – 순서 목록의 시작 번호 지정하기

활용 팁

start 속성은 다음과 같은 상황에서 특히 유용합니다.

여러 개로 나뉜 긴 목록을 페이지별로 분리해서 표시할 때, 각 페이지에서 이전 번호를 이어받아야 하는 경우
특정 규칙이나 관례상 1이 아닌 숫자부터 번호를 매겨야 하는 경우 (예: 법률 조항, 시험 문항 등)

또한 start 속성은 reversed(역순) 속성이나 type(번호 형식) 속성과 함께 사용할 수 있어, 더욱 유연한 목록 표현이 가능합니다.