重複リスト

HOMEへ
HOMEホームページ作り > 重複リスト

ホームページ作り−重複リスト

箇条書きの中に箇条書きを作る。

重複リストの作り方

箇条書きの中に箇条書きを作る方法について最後に考えます。 これは<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を分かりやすく書くことも常日頃から心がけておきましょう。

ページトップへ

前へ  INDEXへ