七鍵@楽天

PR

コメント新着

k.kyouka @ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ がいいですよ☆★
マロン@ かわいい キュート
foolish☆foo @ Re[1]:お久しぶりです。(07/15) >実演を踏まえてテストをしておりました…

バックナンバー

Mar , 2025
Feb , 2025
Jan , 2025

フリーページ

タグ辞書【A】


タグ辞書【ABBR】


タグ辞書【ACRONYM】


タグ辞書【ADDRESS】


タグ辞書【APPLET】


タグ辞書【AREA】


タグ辞書【B】


タグ辞書【BASE】


タグ辞書【BASEFONT】


タグ辞書【BDO】


タグ辞書【BGSOUND】


タグ辞書【BIG】


タグ辞書【BLINK】


タグ辞書【BLOCKQU…】


タグ辞書【BODY】


タグ辞書【BR】


タグ辞書【BUTTON】


タグ辞書【CENTER】


タグ辞書【CITE】


タグ辞書【CODE】


タグ辞書【COL】


タグ辞書【COLGROUP】


タグ辞書【COMMENT】


タグ辞書【CAPTION】


タグ辞書【DD】


タグ辞書【DEL】


タグ辞書【DFN】


タグ辞書【DIR】


タグ辞書【DIV】


タグ辞書【DL】


タグ辞書【DT】


タグ辞書【EM】


タグ辞書【EMBED】


タグ辞書【FIELDSET】


タグ辞書【FONT】


タグ辞書【FORM】


タグ辞書【FRAME】


タグ辞書【FRAMESET】


タグ辞書【H】


タグ辞書【HEAD】


タグ辞書【HR】


タグ辞書【HTML】


タグ辞書【I】


タグ辞書【IFRAME】


タグ辞書【ILAYER】


タグ辞書【IMG】


タグ辞書【INPUT】


タグ辞書【INS】


タグ辞書【ISINDEX】


タグ辞書【KBD】


タグ辞書【LABEL】


タグ辞書【LAYER】


タグ辞書【LEGEND】


タグ辞書【LI】


タグ辞書【LINK】


タグ辞書【LISTING】


タグ辞書【MAP】


タグ辞書【MARQUEE】


タグ辞書【MENU】


タグ辞書【META】


タグ辞書【MULTICOL】


タグ辞書【NOBR】


タグ辞書【NOEMBED】


タグ辞書【NOFRAMES】


タグ辞書【NOLAYER】


タグ辞書【NOSCRIPT】


タグ辞書【OBJECT】


タグ辞書【OL】


タグ辞書【OPTGROUP】


タグ辞書【OPTION】


タグ辞書【P】


タグ辞書【PARAM】


タグ辞書【PLAINTEXT】


タグ辞書【PRE】


タグ辞書【Q】


タグ辞書【RB】


タグ辞書【RP】


タグ辞書【RT】


タグ辞書【RUBY】


タグ辞書【S】


タグ辞書【SAMP】


タグ辞書【SCRIPT】


タグ辞書【SELECT】


タグ辞書【SMALL】


タグ辞書【SPACER】


タグ辞書【SPAN】


タグ辞書【STRIKE】


タグ辞書【STRONG】


タグ辞書【STYLE】


タグ辞書【SUB】


タグ辞書【SUP】


タグ辞書【TABLE】


タグ辞書【TBODY】


タグ辞書【TD】


タグ辞書【TEXTAREA】


タグ辞書【TFOOT】


タグ辞書【TH】


タグ辞書【THEAD】


タグ辞書【TITLE】


タグ辞書【TR】


タグ辞書【TT】


タグ辞書【U】


タグ辞書【UL】


タグ辞書【VAR】


タグ辞書【WBR】


タグ辞書【XMP】


タグ辞書【コメントアウト】


タグ辞書【!DOCTYPE】


piyo


サンプル


HP作成のためのコラム


スタイルシートをゼロからお勉強


HTMLタグに挑戦


Sep 9, 2004
XML
カテゴリ: タグ教室
今日は「順番があるリスト」(OL)のマークを変えてみます(〃⌒▽⌒)
とは言いましても・・・
昨日紹介しました「順番の無いリスト」(UL)のマークを変える方法と大差ありません。
こんなこともできるのか・・・くらいの感覚で眺めてくださいね( ̄▽ ̄人)

ではまず基本形から・・・

例)
<ol>
<li>test1</li>
<li>test2</li>

</ol>

表示結果)

  1. test1

  2. test2

  3. test3



何も指定しなければ「1.」「2.」「3.」という指定になりましたよね。
これに昨日と同じように手を加えてみましょう(〃⌒▽⌒)

例)
<ol style="list-style:lower-roman;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3




<ol style="list-style:upper-roman;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>



  1. test1

  2. test2

  3. test3



例)
<ol style="list-style:lower-alpha;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



例)
<ol style="list-style:upper-alpha;">
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ol>

表示結果)

  1. test1

  2. test2

  3. test3



いかがですか?
色々な指定をすることができるでしょ( ̄▽ ̄人)
「lower-roman」はローマ数字(小文字)で表示されます。
「upper-roman」はローマ数字(大文字)で表示されます。
「lower-alpha」はローマ字(小文字)で表示されます。
「upper-alpha」はローマ字(大文字)で表示されます。

こちらも色々使い道がありそうですよね(〃⌒▽⌒)
「UL」と「OL」の違いは大丈夫ですか?
こんがらがったらこのページに復習に来ましょう(笑

ではまた明日ー(゚▽^*)ノ⌒☆





お気に入りの記事を「いいね!」で応援しよう

最終更新日  Sep 9, 2004 03:50:35 PM
コメント(7) | コメントを書く
[タグ教室] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


| ̄0 ̄) ホゥ  
RainbowAngel  さん
なるほど~こんなことも出来ちゃうのね♪
これからもしっかり、七鍵ページで
色んな知識増やしていこ~っと(⌒▽⌒)

いつも、ありがとね~(゚▽^*)ノ⌒☆
(Sep 11, 2004 08:50:52 AM)

Re:タグを覚えよう【第32回目】 - リストを作ろう(4回目)(09/09)  
な~~る  さん
すばらしいっ!!こんなことも出来るのですね?
楽天を知って2ヶ月..には、超ビックリしました。
(私も1ヶ月くらいですけど)
私たちのために(勝手に代表的発言・・)、
色々教えてくれて有難うっ!!
又、コレ使えるところをかんがえよっ!! (Sep 11, 2004 10:33:35 AM)

Re:| ̄0 ̄) ホゥ(09/09)  
#七鍵  さん
RainbowAngelさん

やほー(〃⌒▽⌒)

そうなのよ、こんなことまでできちゃうのよ( ̄▽ ̄人)
慣れたらMsWordなんかよりよっぽど使いやすいよ(笑
# かなり言いすぎ(´・ω・`)

(Sep 11, 2004 10:52:02 AM)

Re[1]:タグを覚えよう【第32回目】 - リストを作ろう(4回目)(09/09)  
#七鍵  さん
な~~るさん

いらっしゃーい(〃⌒▽⌒)

HTMLとスタイルシートって・・・
組み合わせによっていろんなことができるのよ( ̄▽ ̄人)
基本的にはHTMLで文書(ページ)の構造を作成し
見栄えをスタイルシートで指定する・・・
らしいですよ(笑
今日辺りスタイルシートの解説かこっかな(〃⌒▽⌒)

(Sep 11, 2004 10:54:21 AM)

Re[2]:タグを覚えよう【第32回目】 - リストを作ろう(4回目)(09/09)  
な~~る  さん
#七鍵さん
>今日辺りスタイルシートの解説かこっかな(〃⌒▽⌒)
-----
わ~~いっ!!期待してますっ(⌒-⌒) (Sep 11, 2004 02:54:15 PM)

Re[3]:タグを覚えよう【第32回目】 - リストを作ろう(4回目)(09/09)  
#七鍵  さん
な~~るさん

いらっしゃーい(〃⌒▽⌒)

ごめんなさい、別ごと書いちゃいましたm(_ _)m
明日こそは(笑

(Sep 12, 2004 12:13:57 PM)

Re[4]:タグを覚えよう【第32回目】 - リストを作ろう(4回目)(09/09)  
な~~る  さん
#七鍵さん

>ごめんなさい、別ごと書いちゃいましたm(_ _)m
>明日こそは(笑
-----
いつでも、オッケーです。(*^^*ゞ (Sep 12, 2004 08:33:15 PM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: