閉じる
閉じる

あまめも

<ol>リストを好きな番号から連番にしたい時

list

こんにちは! あますた(@amaguristar)です。

  • 「HTMLの<ol>リストで好きな番号からスタートさせたいけどやり方が分からない」
  • 「リストの表示を1以外から表示したいけどどうするの?」

そんな時ありませんか? 直ぐに解決可能です。

 

start属性をセット

下記のようなリストを作成。

<ol>
    <li>テスト1</li>
    <li>てすと2</li>
    <li>テスト3</li>
</ol>

当然表示は下記のようになります。

  1. テスト1
  2. てすと2
  3. テスト3

これを「4」から始める場合は次のように書きます。

<ol start="4">
    <li>テスト1</li>
    <li>てすと2</li>
    <li>テスト3</li>
</ol>

実際に表示させると。

  1. テスト1
  2. てすと2
  3. テスト3

まとめ

<ol>タグで好きな番号から始める時はstart属性を設定。

<ol start="ここに好きな番号"> 〜 </ol>

関連記事

  1. [甘]ブログの見出しのデザインが気になったから少し調べてみた。

  2. take090-thumbnail

    【WaznFilm更新】「Markdownって良く聞くけど、どん…

  3. [甘]コンタクトフォームを「Contact Form 7」プラグ…

  4. 【基礎】MySQLを使用した時のDBの「テーブル」「カラム」「レ…

  5. 【HTML】サイトで漢字にルビ(読み仮名)ふりたいんだけどなんて…

  6. サイトデザイン

    「サイトでキーワードを目立つ様に囲みたい!」そんな時はcssでク…

こんなメモもありますよ♪

  1. ノマンカクワンカ外観

Twitter

ページ上部へ戻る