c - Rakuten Inc
100万ポイント山分け!1日5回検索で1ポイントもらえる
>>
人気記事ランキング
ブログを作成
楽天市場
3830043
HOME
|
DIARY
|
PROFILE
【フォローする】
【ログイン】
< 新しい記事
新着記事一覧(全11076件)
過去の記事 >
全て |
カテゴリ未分類
|
HTML文字画像リンク
|
HTMLタグ(テーブル)
|
HTML(応用編)
|
楽天で購入した商品
|
スポーツ,アウトドア,車,バイク
|
心緒
|
インテリア,ライト,収納,ベビー,キッズ
|
アフィリエイト入門編
|
TV・オーディオ・カメラ
|
自己管理,美容,インナー
|
DVD,CD,本,旅,楽器
|
生活,美容,健康,家電
|
金運アップ,風水,自己トレ
|
ユーザービリティとSEO
|
楽天市場のPR
|
アフィリエイト
|
音楽
|
食品,グルメ,飲料
|
ダイエット,健康,食品
|
園芸,DIY,ペット,おもちゃゲーム
|
日用品雑貨,キッチン用品,寝具
|
パソコン・周辺機器
|
ファッション,ジュエリー,アクセサリー,靴
|
防災,介護,医療
|
ブランド雑貨,時計
|
酒場放浪記
|
天気気象予報
|
気になる動画
|
最近チェックした商品
|
血圧測定
|
気になるニュース
|
人生の名言集
2007.01.10
楽天広場HTML講座 複雑なリストの作り方
テーマ:
ホームページ作成の悩み(545)
カテゴリ:
HTML文字画像リンク
・リストのつくり方(2)
今回は、アルファベットやローマ字を使ったリストの作り方を学んで行きます。
アルファベットやローマ字を使ったリストを作るには
<ol
type
="
a,A,1,i,I
のいずれか1つ"><li>~</li></ol>
タグを記入します。
その中にリストの項目分の
<li>
項目名
</li>
を記入します。
最後に
</ol>
タグを記入します。
例えば次の例を見てください
モンブラン
チョコレートケーキ
チーズケーキ
↓
入力ソース
<ol
type
="
A
">
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>
type
=~
値
"を
a
にした時
モンブラン
チョコレートケーキ
チーズケーキ
↓
入力ソース
<ol
type
="
a
">
<li>モンブラン</li>
<li>チョコレートケーキ</li>
<li>チーズケーキ</li>
</ol>
数字のリストを作る場合には<ol>タグを使いましたが
このタグに
type
属性をつけて、値に
A,a,I,i,1
を指定します。
また、
<li>
タグに指定すれば、その項目だけを
アルファベットなどに変えることが出来ます。
<ol
type
="
a,A,1,i,I
" のいずれか1つ"><li>~</li></ol>
<li="値">には
a,A,1,i,I
のいずれかを指定
モンブラン
チョコレートケーキ
チーズケーキ
↓
入力ソース
<ol
type
="
A
">
<li>モンブラン</li>
<li
type
="
a
">チョコレートケーキ</li>
<li
type
="
I
">チーズケーキ</li>
</ol>
こんな感じですね。
<li="値">
タグを使うことによって、より複雑な
リストをつくることができます。
[
トップページへ戻る
]
お気に入りの記事を「いいね!」で応援しよう
いいね!
0
シェアする
Last updated 2008.11.03 10:57:10
[HTML文字画像リンク] カテゴリの最新記事
引用するタグ
2012.03.02
定義型リストの作り方
2012.03.02
フォントの変え方
2008.06.20
もっと見る
< 新しい記事
新着記事一覧(全11076件)
過去の記事 >
ホーム
フォローする
過去の記事
新しい記事
新着記事
上に戻る
【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね!
--
/
--
次の日記を探す
おめでとうございます!
ミッションを達成しました。
広告を見てポイントを獲得する
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
エラーにより、アクションを達成できませんでした。下記より再度ログインの上、改めてミッションに参加してください。
ログインする
x
© Rakuten Group, Inc.
共有
Facebook
Twitter
Google +
LinkedIn
Email
Create
a Mobile Website
スマートフォン版を閲覧
|
PC版を閲覧
人気ブログランキングへ
無料自動相互リンク
にほんブログ村 女磨き
LOHAS風なアイテム・グッズ
みんなが注目のトレンド情報とは・・・?
So-netトレンドブログ
Livedoor Blog a
Livedoor Blog b
Livedoor Blog c
JUGEMブログ
Excitブログ
Seesaaブログ
Seesaaブログ
Googleブログ
なにこれオシャレ?トレンドアイテム情報
みんなの通販市場
無料のオファーでコツコツ稼ぐ方法
無料オファーのアフィリエイトで稼げるASP
評判のトレンドアイテム情報
Hsc
人気ブログランキングへ
その他
Share by: