全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.12.13
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTML文字画像リンク
・リストのつくり方
記号を使ったリストを作るには、リストの初めに <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>
数字を使ったリストを作るには
↓
入力ソース
<ol>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>
こんな感じですね。
リストタグを使うことによって、より解りやすく
まとめることができます。
終了タグ</li>は省略可能です。
記号を使ったリストを作るには、リストの初めに <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>
数字を使ったリストを作るには
- モンブラン
- チョコレートケーキ
- チーズケーキ
↓
入力ソース
<ol>
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>
こんな感じですね。
リストタグを使うことによって、より解りやすく
まとめることができます。
終了タグ</li>は省略可能です。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2012.02.23 20:49:13
[HTML文字画像リンク] カテゴリの最新記事
-
引用するタグ 2012.03.02
-
定義型リストの作り方 2012.03.02
-
フォントの変え方 2008.06.20
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
