ホームページ作り−重複リスト
箇条書きの中に箇条書きを作る。
重複リストの作り方
箇条書きの中に箇条書きを作る方法について最後に考えます。 これは<ul>〜</ul>の間にもう一度<ul></ul>を入れればOKです。 連番リスト(olタグ)の場合も同様です。
- 文章を作成する
- 見出しを入れる
- 段落を作る
- 文字を強調する
- リストを作成する
- マークの箇条書き
- 連番の箇条書き
- 定義リスト
例えば上のような箇条書きにするためには、HTMLソースを次のように記述します。
<ul type="circle"> <li>文章を作成する</li> <ul type="disc"> <li>見出しを入れる</li> <li>段落を作る</li> <li>文字を強調する</li> </ul> <li>リストを作成する</li> <ul type="disc"> <li>マークの箇条書き</li> <li>連番の箇条書き</li> <li>定義リスト</li> </ul> </ul>
リストの中に作ったリストの部分を赤文字で表示しています。 そして最初のリストとゴチャゴチャにならないように、 字下げしています。 HTMLを分かりやすく書くことも常日頃から心がけておきましょう。