ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

■HTMLでYahoo!ブログ■

■ HTMLの基礎知識 ■

Yahoo!のブログではタグの使用が物凄く限られています。
ヘルプを見ても説明が不十分な気がしましたので、もう少し詳細をここでHTMLで掲載します。


タグ打ちする際には全て半角の英数を使う事が基本https://img.yahoo.co.jp/i/jp/blog/p2/images/emo/58.gif
英数字の大文字・小文字のどちらでも良い
良い例1 <FONT SIZE="7">最大の文字サイズ</FONT>
良い例2 <FONT size="7">最大の文字サイズ</FONT>

途中で大文字小文字を使わない事、正常にHTMLが働きませんhttps://img.yahoo.co.jp/i/jp/blog/p2/images/emo/58.gif
悪い例1 <FonT SiZE="7">最大の文字サイズ</FONT>

タグと属性の間には必ず半角スペースを空けることhttps://img.yahoo.co.jp/i/jp/blog/p2/images/emo/58.gif
<FONT SIZE="7">最大の文字サイズ</FONT>

「開始タグ」「終了タグ」→ <FONT>−</FONT> のように「/」スラッシュで閉じる事を忘れずにhttps://img.yahoo.co.jp/i/jp/blog/p2/images/emo/58.gif

ここに掲載しているタグはそのまま使えますので
コピー&ペースト(貼り付け)でご使用できます。

■Yahooブログで使えるHTML■


サンプル

<B>太字</B>
<I>斜体(イタリック)</I>
<S>取り消し線</S>
<STRIKE>取り消し線</STRIKE>
<SUP>上付き文字</SUP>
<SUB>下付き文字</SUB>
<FONT>文字の大きさ・色</FONT>
<MARQUEE>文字のスクロール</MARQUEE>
<RB>ふりがな(ルビ)</RB> 
<RP>ふりがな(ルビ)</RP>
<RUBY>ふりがな(ルビ)</RUBY>
文字の変更サンプル

<FONT>フォント</FONT> 文字の大きさ(SIZE) 色(COLOR)
<FONT>の使い方は下記を参考に

■文字のサイズの指定方法■

数値の値は1〜7で数値が大きいほど、文字の大きさが大きくなる
サンプル

<FONT SIZE="7">サイズ7</FONT>
<FONT SIZE="6">サイズ6</FONT>
<FONT SIZE="5">サイズ5</FONT>
<FONT SIZE="4">サイズ4</FONT> ← ※WEBサイトの標準文字サイズ
<FONT SIZE="3">サイズ3</FONT>
<FONT SIZE="2">サイズ2</FONT> ← ※Yahooブログの標準文字サイズ
<FONT SIZE="1">サイズ1</FONT>
文字のサイズの変更サンプル

■文字の色の指定方法(例1)■

色の名称を英語で入れる、
勿論、カタカナ・ひらがな・ローマ字は不可
サンプル

<FONT COLOR="RED">赤色の字</FONT>
<FONT COLOR="BLUE">青色の字</FONT>
<FONT COLOR="GREEN">緑色の字</FONT>

<FONT COLOR="GOLD">金色の字</FONT>
<FONT COLOR="SILVER">銀色の字</FONT>

<FONT COLOR="LIGHTBLUE">明るい青色の字</FONT>
<FONT COLOR="DARKBLUE">暗い青色の字</FONT>

<FONT COLOR="AQUA">水色の字</FONT>
<FONT COLOR="PINK">ピンク色の字</FONT>
文字の色の変更(例1)サンプル


■文字の色の指定方法(例2)■

RGB値を使っての色の指定方法があります。
R=はRED(赤) G=はGREEN(緑) B=はBLUE(青)
16進数の0〜9とA〜Fまでの英数字を6桁で表現する方法です
サンプル

<FONT COLOR="#ff0000">赤色の字</FONT>
<FONT COLOR="#00ff00">緑色の字</FONT>
<FONT COLOR="#0000ff">青色の字</FONT>

<FONT COLOR="#ffff00">黄色の字</FONT>
<FONT COLOR="#ff00ff">紫色の字</FONT>
<FONT COLOR="#00ffff">青緑の字</FONT>

<FONT COLOR="#00ffff">青緑の字</FONT>
<FONT COLOR="#999999">灰色の字</FONT>
<FONT COLOR="#ff9900">橙色の字</FONT>
文字の色の変更(例2)サンプル


■文字のサイズと色の変更(例)■


サンプル
<FONT SIZE="5" COLOR="#ff0000">大きく赤色の字</FONT>

<FONT COLOR="#ff0000" SIZE="5">大きく赤色の字</FONT>

■文字が太くてサイズと色の変更(例)■


サンプル
<B>
<FONT COLOR="#ff0000" SIZE="5">太く大きく赤色の字</FONT>
</B>

<FONT COLOR="#ff0000" SIZE="5"><B>太く大きく赤色の字</B></FONT>

閉じる コメント(16)

顔アイコン

たすかるぅ

2006/3/27(月) 午前 0:20 もこやまにゃん

顔アイコン

転載させてくださいね(=´ェ`=)

2006/4/3(月) 午後 10:41 mik*n36**

顔アイコン

初めまして。HTMLを使いたくて調べていたらこちらにたどり着きました。転載させてください。m(__)m

2006/4/7(金) 午後 7:16 [ - ]

顔アイコン

転記させてくださいm(_)m

2006/4/10(月) 午後 10:40 [ るし ]

顔アイコン

転載させてください<(_ _)>

2006/6/16(金) 午前 9:36 [ - ]

参考になりましたぁ☆ありがとうございます☆

2006/9/25(月) 午前 9:30 [ 朋子 ]

顔アイコン

Yahooのhelpじゃ、何にも出来なかったけど、これから私の拙いブログも少し成長できそうです!有難う御座います!

2006/10/25(水) 午後 7:38 [ - ]

いろいろ勉強になります〜参考にさせていただきます。お気に登録しますね。

2007/2/9(金) 午前 9:09 タカ

すごいべんきょういなりましたぁぁ たすかります

2007/5/4(金) 午後 5:49 [ har*k*love*ir*ku ]

顔アイコン

ブログ初心者です。これから参考にさせていただきたいと思います♪

2008/5/23(金) 午後 11:55 [ mab*121 ]

顔アイコン

転載させてもらいます

2008/11/1(土) 午後 10:27 [ REMOTE ]

顔アイコン

何も分からず始めたブログ
これからもしょっちゅう覗かせてくださいね。
勉強になります。

2008/11/3(月) 午前 10:48 [ - ]

顔アイコン

勉強になりました。転機させて下さい。

2008/11/24(月) 午前 3:37 [ Tolechan ]

顔アイコン

転載させてください。

2009/1/1(木) 午前 10:30 [ 蓮華 ]

顔アイコン

転載させていただきます。

2009/2/1(日) 午後 0:27 [ - ]

顔アイコン

転載させていただきました

2009/5/27(水) 午後 3:55 修行中


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント
ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11/30までキャンペーン実施中!
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事