HTML5でホームページを作ろう　リスト作成


HTML5でホームページを作ろう


HTML


■リスト

<li>……</li>
  • 項目
  • 項目
  • 項目
  • circle
type属性　マーカーの形を変える事が出来ます。
　　　　　種類　●dick　○circle　■square
　　　　　他種類(ol要素の中のみ)　1,2,3…1　a,b,c…a　A,B,C…A　i,ii,iii…i　I,II,III…I
　　　　　デフォルトは●です。
value属性　ol要素の中だけで使えます。
　　　　　 その項目の数字を指定できます。

終了タグは省略可能で、次にli要素が来る、親要素の一番最後の要素になる場合は省略できます。
テーブル要素の左端などで使うと枠からはみ出したりすることがあるので注意。


■順序付きのリスト

<ol> <li>……</li> </ol>
  1. 項目1
  2. 項目2
  3. 項目3
type属性　マーカーの形を変える事が出来ます。
　　　　　種類　1,2,3…1　a,b,c…a　A,B,C…A　i,ii,iii…i　I,II,III…I
　　　　　デフォルトは1です。
start属性　リストの最初の数字を指定できます。
reversed属性　リストの数字の順序を逆にできます。通常はstart属性も使用します。


■順序の関係無いリスト

<ul> <li>……</li> </ul>
  • 項目
  • 項目
  • 項目
type属性　マーカーの形を変える事が出来ます。
　　　　　種類　●dick　○circle　■square

順序に関係のあるリストはol要素を使ってください。


■記述リスト

<dl> <dt>……</dt> <dd>……</dd> </dl>
サイトタイトル
初級HTML,CSS講座
作成者
管理人
fx5800p
dt要素とdd要素はセットで使います。
dt要素に対応した内容をdd要素の中に書けば良いです。
また、1体1だけでなく、1対多数でも多数対1でも多数対多数でも良いです。


戻る