HTML ol 태그 start 속성으로 살펴보는 li 시작 숫자 변경

<ol> 태그 start 속성

<ol> 태그 start 속성은 시작되는 번호를 설정하는 속성입니다. 숫자, 알파벳, 로마 숫자에서 설정하는 법을 살펴보겠습니다.

숫자 시작값 조절

<ol> 태그의 기본 셋팅은 가장 최소값부터입니다. 첫 단위를 조절하고 싶은 경우 start 속성을 입력후 속성값에 원하는 번호를 입력합니다.

<h2>고체 원소 2</h2>
  <ol start="51">
    <li>나트륨 Na</li>
    <li>마그네슘 Mg</li>
    <li>알루미늄 Al</li>
    <li>규소 Si</li>
  </ol>

예제 ▷

알파벳 대문자 시작값 조절

알파벳 대문자 표기는 type="A" 속성 추가로 작성됩니다. start 속성에 원하는 숫자를 입력해서 시작 번호를 설정합니다.

<h2>고체 원소 13</h2>
  <ol type="A" start="26">
    <li>납 Pb</li>
    <li>비스무트 Bi</li>
    <li>폴로늄 Po</li>
    <li>아스탄틴 At</li>
  </ol>

예제 ▷

알파벳 소문자 시작값 조절

알파벳 소문자 표기는 type="a" 속성 추가로 작성됩니다. start 속성에 원하는 숫자를 입력해서 시작 번호를 설정합니다. 소문자 개수는 26이므로, 27개부터는 aa, 28번째 ab 등과 같은 중복형식으로 표기됩니다.

<h2>고체 원소 14</h2>
  <ol type="a" start="26">
    <li>프랑슘 Fr</li>
    <li>라듐 Ra</li>
    <li>란타넘 La</li>
    <li>세륨 Ce</li>
  </ol>

예제 ▷

로마숫자 대문자 시작값 조절

로마숫자 대문자 표기는 type="I" 속성 추가로 작성됩니다. start 속성에 원하는 숫자를 입력해서 시작 번호를 설정합니다.

<h2>고체 원소 15</h2>
  <ol type="I" start="4">
    <li>프라세오디 Pr</li>
    <li>네오디뮴 Nd</li>
    <li>사마륨 Sm</li>
    <li>유로퓸 Eu</li>
  </ol>
<h2>고체 원소 16</h2>
  <ol type="I" start="19">
    <li>가돌리늄 Gd</li>
    <li>터븀 Tb</li>
    <li>디스프로슘 Dy</li>
    <li>홀뮴 Ho</li>
    <li>어븀 Er</li>
  </ol>

예제 ▷

로마숫자 표기법
https://ko.wikipedia.org/wiki/%EB%A1%9C%EB%A7%88_%EC%88%AB%EC%9E%90

로마숫자 소문자 시작값조절

로마숫자 소문자 표기는 type="i" 속성 추가로 작성됩니다. start 속성에 원하는 숫자를 입력해서 시작 번호를 설정합니다. 로마숫자 소문자의 경우 50을 나타내는 단어가 소문자 엘 (l) 이라 아래 처럼 표기에 가독성이 떨어질 수 있습니다.

<h2>고체 원소 17</h2>
  <ol type="i" start="49">
    <li>툴륨 Tm</li>
    <li>이터븀 Yb</li>
    <li>루테늄 Lu</li>
    <li>악티늄 Ac</li>
  </ol>
<h2>고체 원소 18</h2>
  <ol type="i" start="98">
    <li>토륨 Th</li>
    <li>프로탁티늄 Pa</li>
    <li>우라늄 U</li>
    <li>넵투늄 Np</li>
  </ol>

예제 ▷