HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> リストタグ >> 番号付きのリストのマークをグループごとに変更する

リストタグ

番号付きのリストのマークをグループごとに変更する

<ol type=""><li>

番号付きリストで書かれた文章の文頭には、標準では「1.」→「2.」…のように数字が表示されますが、<ol>タグに「type=""」という属性を追加すると、グループごと(<ol>タグ内の<li>タグすべてに適用)にこの表記方法を変更することができます。

表記方法は以下の5つが用意されています。

  • type="1"
    • 数字(1.2.3.…)
  • type="I"
    • 大文字のローマ数字(I.II.III…)
  • type="i"
    • 小文字のローマ数字(i.ii.iii…)
  • type="A"
    • 大文字の英字(A.B.C.…)
  • type="a"
    • 小文字の英字(a.b.c.)
タグをコピーする

記述例

<ol type="A">
<li>番号付きリストの文頭を大文字のアルファベットに</li>
<li>文章2</li>
</ol>
  1. 番号付きリストの文頭を大文字のアルファベットに
  2. 文章2

☆ワンポイントアドバイス

リスト間の余白の調整や、文字下げ(インデント)の調整はスタイルシートで行います。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。