リスト(箇条書き)にするためのHTML;FC2ブログ・プチカスタマイズ   

リスト(箇条書き)にするためのHTML|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | 基本のタグを覚えよう| リスト(箇条書き)にするためのHTML に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > リスト(箇条書き)にするためのHTML・基本のHTMLとスタイルシート > 基本のタグを覚えよう > リスト(箇条書き)にするためのHTML


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




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 リスト(箇条書き)にするHTMLにも色々あったりする。

基本の記号付リスト

  • オーソドックスな記号付リストはこれ

<ul><li>オーソドックスな記号付リスト</li></ul>

 この<ul><li>オーソドックスな記号付リスト</li></ul>はHTMLのバージョンにかかわらずどんなテンプレートでも使うことができる。

 type="  "を付けて、記号を変えることもできるのだが、表示されない場合が多いのでできれば使わないほうが無難。

 


番号付リスト

 番号付リストもどんなテンプレートでも使うことができる。

  1. 番号付リスト
  2. 番号付リスト2
  3. 番号付リスト3

 このような、番号付リストのHTMLは下のようになる。

<ol>
  <li>番号付リスト
  <li>番号付リスト2
  <li>番号付リスト3</li></ol>

 


テンプレートのスタイルシートの中で使う場合、画像を指定することもできる。

 例えば、このテンプレートの場合、左サイドバーに記号リストの画像が指定されている(最新記事の部分)。

 スタイルシートの記載は↓

.menuText ul li {
 padding: 0px 0px;
 margin: 4px 0px 4px 0px;
 list-style-image: url("http://blog-imgs-29.fc2.com/w/e/b/weblog29/bt_01.gif");
}

 

 上のスタイルシートは、左サイドメニューの記号付リストの記号を画像に指定した場合だが、ul li { list-style-image: url("http://blog-imgs-29.fc2.com/w/e/b/weblog29/bt_01.gif");}を記事部分のスタイルシートに書き込めば、記事部分の記号付リストにも適応される。

 

 たまに、画像を使う気がなかったのに、ブログ全体の記号付リストのスタイルシートが使われていて、『あらまあ』と思うときも合ったりして。



サイト内の同タグへのリンク: HTML  スタイルシート  テンプレート  箇条書き  リスト  記号付リスト  番号付リスト 
他のサイトへのタグリンク : HTML スタイルシート テンプレート 箇条書き リスト 記号付リスト 番号付リスト

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[基本のタグを覚えよう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/72-b7d26f38
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。