洋楽ヒット曲…Music1K

▼オススメ商品の紹介です。どうぞ、ご来店ください。
リンク▲オススメ商品の紹介・・家電/ファッション/母の日/トラベル（楽天am_shop_416a_F2）
リンク▲オススメ商品の紹介・・家電/ホーム/ヘルス/飲料（ｱﾏｿﾞﾝam_shop_416a_F2）

▼0512A▼


HTMLタグの利用例(1)

タグ（段落） や　特殊文字表示タグの利用

　
●段落の文章表示（前後に改行の挿入）

●< 　>　カッコの文字タグ→　<　 >
●" 　(")記号の文字タグ→　"
●& アンド記号の文字タグ　→　&
●1)♠ 2)♣ 3)♥ 4)♦　記号の文字タグ　→
1)♠ 2)♣ 3)♥ 4)♦　

記事内のHTMLタグの表示について・・・＜＞の代用
●< 　>　カッコの文字タグは、HTML文書では、半角文字ですが、下記の記事の中では全角文字の＜＞を代用します。ブラウザの【HTMLソースの表示】で、HTMLタグ文書の内容を確認する場合に、特殊記号タグで「< 　>」を利用して表記するよりも、「＜＞」（全角の代用文字）のほうが全体の内容が確認しやすいと思うので、この表記法を使用しました。
※但し、記事の中からコピーしてHTMLタグを利用したい場合は、ノートパッド（メモ帳）、又はテキストエディタ（ソフト）の文章をコピーして、【置換】機能の操作で、「＜ → < 」に置換、さらに、「＞ → > 」に置換すれば、そのまま利用できるHTMLタグが作成できます。


＜span＞　タグや特殊文字の表示タグの利用

●文章の一部をインライン要素として変更できる
タグ→＜span　style="font-size:large;color:red;"＞インライン要素＜/span＞

タグ→
＜span style="font-size:large; color:white; background-color:blue;"＞＜/span＞


●コーヒー色
タグ→＜span style="color:maroon; background-color:ffddaa;"＞
●コーヒー色＜/span＞

1)▼リストの作成


＜ul＞タグによるリスト表示例

• リンク▲【ひろの青い空】
• リンク▲【夕焼け雲】
• リンク▲【ひろくんのブログ
• リンク▲【星空の散歩道】

タグ→
＜ul style="font-size:small; color:green; line-height:1.4; "＞ ＜li＞＜a href="http://blog.goo.ne.jp/yume_hiro_001/"＞ リンク▲【ひろの青い空】＜/a＞＜/li＞
＜li＞＜a href="http://sky.ap.teacup.com/sirousagi_x1/"＞ リンク▲【夕焼け雲】＜/a＞ ＜/li＞
＜li＞＜a href="http://ameblo.jp/sirousagixx2/"＞ リンク▲【ひろくんのブログ＜/a＞ </li＞
＜li＞＜a href="http://blog.livedoor.jp/siroitori_x1/"＞ リンク▲【星空の散歩道】＜/a＞＜/li＞
＜/ul＞

＜ol＞タグによるリスト表示例

1. リンク▲【ひろの青い空】
2. リンク▲【夕焼け雲】
3. リンク▲【ひろくんのブログ
4. リンク▲【星空の散歩道】

タグ→
＜ol type="1"＞
＜li＞＜a href="http://blog.goo.ne.jp/yume_hiro_001/"＞
リンク▲【ひろの青い空】＜/a＞＜/li＞
＜li＞＜a href="http://sky.ap.teacup.com/sirousagi_x1/"＞
リンク▲【夕焼け雲】＜/a＞＜/li＞
＜li＞＜a href="http://ameblo.jp/sirousagixx2/"＞
リンク▲【ひろくんのブログ＜/a＞＜/li＞
＜li＞＜a href="http://blog.livedoor.jp/siroitori_x1/"＞
リンク▲【星空の散歩道】＜/a＞＜/li＞
＜/ol＞

▲0512A▲