Home > 20071105


20071105

記事に箇条書きなどのリストを付ける
記事の中にリストを加えるには、2種類の方法があります。
１．タグを使用する
２．高機能テキストエディタを使用する（記事作成画面の「W」ボタン）

高機能テキストエディタはリストボタンが出て、簡単に作れますので説明は不要とします。というか、使ったことが皆無に近いので・・・。なので、タグを使用したリスト作成方法を説明しようかと思います。

説明するリストは以下の汎用的な2種類にします。

１．マークリスト
記述例
<ul type="disc">
<li>FC2BLOG</li>
<li>FC2BLOG</li>
<li>FC2BLOG</li>
</ul> 		表示結果
  • FC2BLOG
  • FC2BLOG
  • FC2BLOG
記述例
<ul type="circle">
<li>FC2BLOG</li>
<li>FC2BLOG</li>
<li>FC2BLOG</li>
</ul> 		表示結果
  • FC2BLOG
  • FC2BLOG
  • FC2BLOG
記述例
<ul type="square">
<li>FC2BLOG</li>
<li>FC2BLOG</li>
<li>FC2BLOG</li>
</ul> 		表示結果
  • FC2BLOG
  • FC2BLOG
  • FC2BLOG

２．ナンバーリスト
記述例
<ol type="1">
<li>FC2BLOG</li>
<li>FC2BLOG</li>
<li>FC2BLOG</li>
</ol> 		表示結果
  1. FC2BLOG
  2. FC2BLOG
  3. FC2BLOG
記述例
<ol type="a">
<li>FC2BLOG</li>
<li>FC2BLOG</li>
<li>FC2BLOG</li>
</ol> 		表示結果
  1. FC2BLOG
  2. FC2BLOG
  3. FC2BLOG
記述例
<ol type="i">
<li>FC2BLOG</li>
<li>FC2BLOG</li>
<li>FC2BLOG</li>
</ol> 		表示結果
  1. FC2BLOG
  2. FC2BLOG
  3. FC2BLOG
※リスト「a」「i」は、大文字でも可能

このような感じでリストを記事に掲載することができます。また、タグ記述だけではなく、css編集によって更に高度なリストのカスタマイズ（リストの位置や形・インデント・画像リスト化など）も可能です。

リストの画像化は別途説明したいと思います。
●画像を使ったリストを作成する

Home > 20071105

Search
Adsense

Calendar
« 2007/11 »
S M T W T F S
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top