ホームページの作り方
TOP html講座 css講座 アクセスアップ Link
TOP　>　html講座　>　リスト
リスト<ul><ol><li>タグ
リストを作成します。レシピサイトなら材料のリストだったり、このHPだったら右のメニューもリストを使っています。
HPが多少すっきりするのでお勧めです。
項目ごとにli、タイトルをlh、それらをliで囲みます。
<ul>
<lh>材料</lh>
<li>ニンジン</li>
<li>たまねぎ</li>
<li>ピーマン</li>
<li>キャベツ</li>
<li>しょうが</li>
<ul>
    材料
  • ニンジン
  • たまねぎ
  • ピーマン
  • キャベツ
  • しょうが
また、typeを指定するとマークを変えられます。
<ul>
<lh>材料</lh>
<li type="disc">ニンジン</li>
<li type="circle">たまねぎ</li>
<li type="square">ピーマン</li>
<ul>
    材料
  • ニンジン
  • たまねぎ
  • ピーマン
ulをolに変えると数字になります。
    材料
  1. ニンジン
  2. たまねぎ
  3. ピーマン
HPの作り方