--.--
--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

12.25
Mon
・リストのつくり方


今回は、リストのつくり方について学んでいきます。


記号を使ったリストを作るには、リストの初めに<ul>タグを記入します。
その中にリストの項目分の<li>項目名</li>を記入します。

最後に</ul>タグを記入します。


例えば次の例を見てください



  • モンブラン

  • チョコレートケーキ

  • チーズケーキ




入力ソース

<ul>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ul>




◆リストの記号は何も指定しない場合は、●(黒丸)ですが
type属性を使って指定すれば○(白丸)や■(黒四角)

にすることが出来ます。

白丸にしたい場合はtype属性の値にcircleを
黒四角にしたい場合はsquareを指定します。


<ul type="キーワード"><li>~</li></ul>

キーワードにはdisk、circle、squareのいずれかを指定


白丸にしたい場合はtype属性の値にcircleを



  • モンブラン

  • チョコレートケーキ

  • チーズケーキ




入力ソース

<ul type="circle">
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ul>



黒四角にしたい場合はsquareを



  • モンブラン

  • チョコレートケーキ

  • チーズケーキ




入力ソース

<ul type="square">
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ul>




◆数字を使ったリスト


数字を使ったリストを作るには、リストの初めに<ol>タグを記入します。
その中にリストの項目分の<li>項目名</li>を記入します。

項目分の<li>タグを記入したら最後に</ol>タグを記入します。

<ol><li>~</li></ol>


数字を使ったリストを作るには



  1. モンブラン

  2. チョコレートケーキ

  3. チーズケーキ




入力ソース

<ol>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>



こんな感じですね。
リストタグを使うことによって、より解りやすく
まとめることができます。
関連記事
スポンサーサイト

comment 0 trackback 0
トラックバックURL
http://oyedihawakisi.blog37.fc2.com/tb.php/526-3b606052
トラックバック
コメント
管理者にだけ表示を許可する
 

 New Favorite blog Entries 最新記事 37サイト掲載中

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。