Home > Tags > xhtml
xhtml
リスト
- 2009-03-23 (月)
- はじめに...
リストには、順不同リストのul要素と、順序のあるリストを作るol要素があります。
内容となるのは、どちらも li要素 です。
ul要素もol要素もブロック要素で、デフォルトでは要素の上下に一行分のマージンがあきます。
(cssで、見栄えを整えたり、インライン要素にすることもできます。リストに関するcssのカスタマイズについてはこちら）
たとえば、
レシピの材料を書く場合には ul を、 レシピの手順を書く場合には ol を、使ってみましょう。
材料：順不同
<ul>
<li>小麦粉</li>
<li>牛乳</li>
<li>砂糖</li>
<li>ベーキングパウダー</li>
</ul>
<li>小麦粉</li>
<li>牛乳</li>
<li>砂糖</li>
<li>ベーキングパウダー</li>
</ul>
- 小麦粉
- 牛乳
- 砂糖
- ベーキングパウダー
手順：番号付き
<ol>
<li>小麦粉とベーキングパウダー、砂糖をふるいにかけます。</li>
<li>牛乳を加えて混ぜます。</li>
<li>フライパンで焼きます。</li>
</ol>
<li>小麦粉とベーキングパウダー、砂糖をふるいにかけます。</li>
<li>牛乳を加えて混ぜます。</li>
<li>フライパンで焼きます。</li>
</ol>
- 小麦粉とベーキングパウダー、砂糖をふるいにかけます。
- 牛乳を加えて混ぜます。
- フライパンで焼きます。
- Comments (Close): 0
- Trackbacks (Close): 0
関連記事
Home > Tags > xhtml
- Search
- Feeds
- Meta