div li - 段落・リスト関連

作成:2007-01-26、更新:2008-04-04
段落・リスト関連。



div li - 段落・リスト関連
  1. 段落
    <div align="left"></div>
    
    1. 段落を形成し、前後の行が1行空かない。
    2. align:配置。left、center、right。
  2. 段落
    <p align="left"></p>
    
    1. 段落を形成し、前後の行が1行空く。
    2. align:配置。left、center、right。
  3. センタリング
    <center></center>
    
    1. 文字や画像などをセンタリング(中央揃え)。
  4. 改行
    <br>
    
    1. 改行。
  5. 改行禁止
    <nobr></nobr>
    
    1. 改行禁止。
  6. 罫線
    <hr size="3" width="70%" align="center" noshade>
    
    1. 罫線。
    2. size:太さ。ピクセル数で指定。
    3. width:横幅。ピクセルか%で指定。
    4. align:配置。left、center、right。
    5. noshade:影をなくす(黒線にする)。
  7. リスト図形
    <ul type="disk">
    <li></li>
    </ul>
    
    1. ●などのマークでリスト表示。
    2. <li>を追加した分だけリストが増える。
    3. </li>は省略可能。
    4. type:disk(●)、circle(○)、square(□)。
    5. typeは、ulに書くと全体に適用、liに書くと個別に適用。
  8. リスト英数
    <ol start="20">
    <li type="1" value="10"></li>
    </ol>
    
    1. 英数字でリスト表示。
    2. <li>を追加した分だけリストが増える。
    3. </li>は省略可能。
    4. type:1(数字)、A(大文字英字)、a(小文字英字)、I(大文字ローマ数字)、i(小文字ローマ数字)。
    5. start:リストの開始番号を任意の番号に設定。
    6. value:リストの途中から番号を変更。
    7. typeは、ulに書くと全体に適用、liに書くと個別に適用。
  9. インデントリスト
    <dl>
    <dt></dt>
    <dd></dd>
    </dl>
    
    1. 解説インデントリスト形成。
    2. <dt>に解説するタイトルを書き、<dd>にその解説を書きます。
  10. 引用
    <blockquote></blockquote>
    
    1. 他のサイトや文献などを引用するときや、文章をインデントしたいときに使用。