楽しむYahoo!ブログの作り方♪

【祝! 3,150,000 アクセス達成!感謝ヽ(・∀・)ノ】

全体表示

[ リスト ]

超簡単!!Yahooブログで使えるHTMLタグリスト

■ここでは、Yahooブログで使えるHTMLタグ(正式サポートしているタグのみ)の
 使い方の解説をします。

基本的には、タグは <B> 文字 </B> といったように

 <○○>変化させる文字</○○> という形で

変化を付けたい文字を記号で挟んで「/」を付けた記号で締めくくって
テキスト文字の表示に変化を付けるものです。


※ご注意※
上の文中にある <> や </> は便宜上、全角文字で説明していますが
入力する時は、半角文字で入力して下さい。


★記事投稿時にWiki文法使用のチェックマークを入れないで投稿すると
 その記事はHTML用の記事 になります。

 一度、HTML用記事として作成したものを、後から修正でWiki文法用記事には出来ません。


●Yahoo!ブログ−『使い方ガイド(初級編)』・記事を投稿してみよう!
http://blogs.yahoo.co.jp/FRONT/TUTORIAL/3_3.html

Yahooブログで使えるHTMLタグの種類は、
上のページに書いてあるように、基本的には12種類だけしか使えません。


★では、そのタグでの表示がどのようになるのかを下に示します♪

B は 太い文字にするタグ です

U は 下線を引くタグ です

I は文字を 斜めにするタグ です

S は 取り消し線のタグ です

STRIKE も 取り消し線のタグ です

SUB は 下付き文字のこと です

SUP は 上付き文字のこと です


RUBY は RT(よみの部分)、RB(漢字の部分)のタグと一緒に使い
下の「初心者」のような漢字にふりがなをふるタグです

しょしんしゃ
初心者


MARQUEE は文字を動かして表示するタグです

FONT タグを使って、
color属性をブルー(blue)、size属性を 3 にして表示しています

赤 size=7 blod

■この赤文字は

<b><font size=7 color=red>赤 size=7 blod</font></b>

と入力しています。

★HTMLタグの基本的な入力方法は

「ジャンル別にさがせるHTMLタグリスト」(HTMLタグリスト)
http://www.tagindex.com/html_tag/text_font/index.html

上記のサイトなどを参考に勉強して下さい♪



▼個人的には、現在の正式に使用が認められているHTMLタグの種類だけのままでは
 多彩な表現の記事は、ほとんど作れませんので私はあまり使いません。
 現状では、Wiki文法使用記事のほうが、はるかに多彩な表現が出来て
 画像の様々な表示方法や、音楽ソースや、ブログパーツ類も使えますので
 使えるHTMLタグの種類が増えない限り、ほとんどの記事をWikiで書くと思います。



★超おすすめ記事★
■ ブログ初心者が知っておきたい★10の法則★【1】
http://blogs.yahoo.co.jp/uragoe_2ch/39028314.html


転載は条件付き http://blogs.yahoo.co.jp/uragoe_2ch/5912555.html
トラックバックの方法 http://blogs.yahoo.co.jp/uragoe_2ch/819764.html

クリックの ↓ ご協力願います♪
https://blog.blogmura.com/in/023222.html 日本ブログ村
http://www01.bestblogrank.zmapple.com/cgi-bin/6/ranklink.cgi?id=OYAJI BESTブログランキング


記事作成元
『楽しむYahoo!ブログの作り方♪』
http://blogs.yahoo.co.jp/uragoe_2ch/39327953.html

閉じる コメント(60)

顔アイコン

初めまして〜♪

ブログを始めたばっかりです。
Wiki文法がまだイマイチ解りません。
少しずつ勉強中です。
参考にさせて頂いています。

2008/12/8(月) 午後 9:35 ぐじ

顔アイコン

転載します

2009/3/8(日) 午前 9:35 [ ××× ]

初めまして(^^)

知恵袋からきました!
今後の参考にしたいので、
お気に入りブログに登録させて頂きます。
宜しくお願いします。

2009/3/13(金) 午前 10:34 めぐママ

顔アイコン

こんにちは

とても参考になりました<m(__)m>
ポチっとさせて戴きます<m(__)m>

2009/4/5(日) 午後 1:14 パイン

顔アイコン

初めまして

こんにちは!!分かりやすくてとてもいいですね★
よろしくお願いします!!

2009/4/23(木) 午後 5:11 [ キャンディー ]

顔アイコン

初めまして♪少し質問なんですが
≪うまいもんドットコム≫がありますよね!

のように、そこのサイトにとんでいけるように
するには、どうすればいいんしょうか?
教えてください!

2009/7/11(土) 午後 4:53 [ - ]

アバター

ちいちゃんさん : 文字リンクにするには?
という意味の質問ですか?
それともアフィリエイトリンクを作るには?
という意味の質問でしょうか?

★文字リンクを作る場合は以下を参考にして下さい。

■ 超簡単!!文字リンクの方法♪
http://blogs.yahoo.co.jp/uragoe_2ch/3896082.html

Yahooブログヘルプ
http://help.yahoo.co.jp/help/jp/blog/blog-47.html
・リンク2 言葉や文章にリンクを設置

★アフィリエイトリンクを作る方法は
http://help.yahoo.co.jp/help/jp/blog/memb/memb-02.html
こちらのヘルプに書いてある通りにすれば
アフィリエイトリンクが貼り付けられます。

2009/7/11(土) 午後 5:27 OYAJI

顔アイコン

助かりました◆
ありがとうございましたm(_ _)m
ファンポチしました★

2009/7/11(土) 午後 5:39 [ - ]

顔アイコン

あの〜、もう一ついいですか!?
【文字をスクロール】と
【文字リンク】の二つをブログの記事で
使うのは無理なんでしょうか!?

2009/7/11(土) 午後 6:20 [ - ]

アバター

ちいちゃんさん : この記事は「HTML用の記事」に使える
タグを説明している記事だという事は理解していますか?
MARQUEEタグはHTML用の記事でのみ反映しますので
Wiki文法用の記事では使えません。

一方、文字リンクはWiki文法でのみ利用出来るタグなので
Wiki文法用の記事でしか使えません。

Yahooブログでは「HTML用の記事」「Wiki文法用の記事」しか
作れませんので、それらを混合して使える記事は作れません。

それでも、どうしても文字リンクもして
文字のスクロールもしたいのであれば、
アニメGIF画像を作って文字列をスクロールさせるか
フラッシュファイルなどを作って文字をスクロールさせるしか
方法はありませんね。

2009/7/11(土) 午後 7:13 OYAJI

顔アイコン

そうですか!
ありがとうございました★

2009/7/11(土) 午後 7:17 [ - ]

アバター

ちいちゃんさん : それらを覚えるのも良いですけど、
それよりも前に、違反行為・禁止行為になっている記事や
画像を修正したほうが良いですよ。
違反をしたままだと(そのままだと)突然にブログを
強制削除されてしまう危険性がありますよ。
■ 肖像権について(有名人の写真掲載はダメなの?)
http://blogs.yahoo.co.jp/uragoe_2ch/38720150.html
■ 著作権違反とはどういう事か?について
http://blogs.yahoo.co.jp/uragoe_2ch/27332884.html
■ Yahoo!ブログの禁止行為一覧
http://blogs.yahoo.co.jp/uragoe_2ch/40297209.html
これらの記事をよく読んで違反しないようにして下さいね。

2009/7/11(土) 午後 7:20 OYAJI

顔アイコン

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

2009/8/17(月) 午前 11:21 [ ray ]

顔アイコン

あの・・・はじめまして。私今このぶろぐをみて<SUB>
をやってみたんですけど、その小さくなる部分を色付きの文字にするにはどうすればいいのでしょう?

2009/9/3(木) 午後 7:24 チョコチップ

アバター

奈夢さん : 初めまして。
タグを組み合わせれば良いだけですよ。たとえば

<SUB><font color=red>下付き文字</font></SUB>

とすれば、赤色の下付き文字になります。

2009/9/3(木) 午後 8:19 OYAJI

顔アイコン

何度もすいません!赤とかでわなくピンクとか違う色にするには、どううてばいいのでしょう?

2009/9/4(金) 午後 5:36 チョコチップ

アバター

奈夢さん : カラーコード表を使ってください。
http://www5.plala.or.jp/vaio0630/hp/c_code.htm
こちらや
http://www.wanichan.com/web/resources/color.html
こちらなど、たくさんのカラーコード表のサイトがあります。
<font color=red> ←この場合だと red(赤)ですが
この部分を hotpink や deeppink にすればいいです。

2009/9/4(金) 午後 6:31 OYAJI

顔アイコン

転載させてください!
傑作+

2009/10/4(日) 午後 0:00 奈雪【閉鎖】

顔アイコン

初めましてm(_ _)m
大変参考になりました。
また、ちょこちょこと見に寄らせて頂きます。

2009/11/14(土) 午前 9:26 [ 定春 ]

顔アイコン

すご

2017/10/27(金) 午後 0:42 [ y302 ]


.


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

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

みんなの更新記事