HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで順序付きリスト（ol）の開始番号を設定する方法

順序付きリストの開始値を設定するには？

HTMLで順序付きリスト（<ol>）の開始番号を設定するには、start属性を使用します。基本的な書き方は以下の通りです。

<ol start="数値">

start属性に、リストを開始したい番号を指定します。例えば「5」と指定すれば、リスト項目は5からカウントが始まります。

コード例

以下のコードを実行して、start属性の実際の動作を確認してみましょう。この例では、プログラミング言語のランキングリストを5位から表示しています。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML olタグ</title>
   </head>
   <body>
      <p>プログラミング言語の人気ランキング：</p>
      <ol start="5">
         <li>Java</li>
         <li>C++</li>
         <li>C</li>
      </ol>
   </body>
</html>

覚えておきたいポイント

  • start属性には正の整数だけでなく、0や負の整数も指定できます。
  • type属性と組み合わせると、「A」「a」「I」「i」などの形式でも開始番号を制御できます。例：<ol type="A" start="3"> なら「C」から始まるアルファベット順リストになります。
  • start属性はHTML5でも標準的にサポートされており、すべての主要ブラウザで動作します。
  1. HTMLで要素の幅を設定する方法【width属性の使い方を解説】

    HTMLでは、width属性を使用することで要素の幅を設定できます。この属性は、<canvas>、<embed>、<img>、<input>、<video> などの要素と組み合わせて利用可能です。 width属性の基本的な使い方 width属性には、ピクセル単位の数値を指定します。例えば「width=300」と記述すると、要素の幅は300ピクセルに設定されます。高さを指定したい場合は、height属性を併用します。 width属性が使える主な要素 <img> … 画像の表示幅を指定 <video> … 動

  2. HTMLで要素に値を追加するには？value属性の使い方を解説

    HTMLで要素に値を設定するには、value属性を使用します。value属性は、フォーム送信時にサーバーへ送られる初期値や、要素が持つ現在の値を指定するために使われます。 value属性が使用できる要素 value属性は、以下のHTML要素で利用できます。 <button> … ボタンのラベルとして送信される値 <input> … 入力フィールドの初期値 <li> … 順序付きリスト（<ol>）内での項目の開始番号 <option> … 選択肢としてサーバーへ送信される値 <meter> … 計測範囲内における現在の値