yossyのお勉強部屋 | ブログで使える簡単なタグ

ブログで使える簡単なタグ：2005.12.29 Thursday

ネタがないので、タイトル通りブログで使える簡単なタグをご紹介

まず、タグ (tag) とは "荷札、札をつける" といった意味の言葉で、ここでのタグとは、HTMLタグのことを言っています。
HTML タグとは「<title>」、「</title>」のように不等号 (< >) で囲まれた文字のことで、開始タグと終了タグの2種類があり、1括りになったものが基本です。
IE(Internet Explorer)やNN(NetscapeNavigation)などのブラウザと呼ばれるものは、このHTMLタグを元にホームページを表示しています。

まぁ、そんなことを知らずともyossyみたくしたいことを、ググってコピペすれば簡単に利用できます(笑)
でも、書き方は覚えておいた方が、応用が利きます（￣+ー￣）キラーン

では、書き方から説明。
先ほど、開始タグと終了タグで１セットと言いましたが、終了タグを省略できるものもあります。例えば「 」の改行タグ。これは、改行したいところに だけを書けば

なんですねぇ～♪

ただ、ブログでは「 」となっているところが多いかと思います。
それは、作成するときに記述する方法によって違ってくるんですね。
yossyが使っている「びぃぶろぐ」はXHTMLによってかかれているようなので、基本はHTMLと大差ないですが、微妙に違うところがあり終了タグを書かなくてよい(省略できる)ものも、終了タグをきちんと書かないといけないんです。なので開始タグ(空要素)のみの「 」などは、「 」と「 」の後に、終了を示す為、半角スペースを空けた後、「/」が必要なんです。
なんで、半角スペースを空けるかというと、続けて「 」と書くとうまく読み込めないものがあるからだそうです。
まぁ、なくてもある程度は問題なく動いてくれますが･･･

肝心のタグについてですが、とりあえずびぃぶろぐにないタグでよく使いそうなものを(yossyもよくやっています)ピックアップしてみようと思います

ちなみに、XHTMLについてはみなさんご自身でググって自分が「わかりやすい！」って思えるサイトを探してくださいね

まぁ、わかんなくてもさほど支障はないかと思います。基本は、自分が楽しんでブログ作りを出来ることにありますから(笑)

文字の色を変える

これは色を変えたい文字の前後に「フォントタグ」を入れ変えたい文字を囲み、変えたい色を「color」という属性で指定します。: 例：「あいうえお」を紫にする。

あいうえお
タグ：あいうえお
「color="purple"」は、「color」が属性、「purple」が属性値となる。
属性値は色の変えたい色の指定をするので、例では紫だけどもちろん他の色の指定もできます。ただし、色は英語で書かないとダメなのです･･･。苦手なyossyは16進数で書くことが多いです。16進数はRGB(左からred,green,blueの頭文字です。#の次に各色を2桁毎に指定をしていきます。#800080(赤80、緑0、青80)で紫になります)を数字で指定します。検索するならカラーコードなどをキーワードにすると、検索されやすいかと思います。

フォントタグの属性は「color」以外にもあり、その他代表的なのは文字の大きさを変える「size」や文字の書体を変える「face」があります。

画像を表示させる

事前に表示させたい画像を「画像の管理」画面でアップロードをします。表示させたい場所に「イメージタグ」を記述し、アップロードした画像の名前を指定します。: 例：yossy駄作の画像を表示する。

タグ：<img src="http://yossy.blog.bai.ne.jp/images/1.jpg" width="201" height="72" alt="画像1" />
ここでの属性は「src」「width」「height」「alt」と複数指定されています。
imgは「image」、srcは「source」の略だそうです。
※　イメージタグも「 」と同じで、開始タグだけなので最後に「/」を書く必要があります。
srcで、画像のありかを指定し、alt属性では画像が表示できない場合に、代わりに表示するテキスト(文字)を指定します。
※ alt属性値に指定するテキスト(文字)は、読み上げソフトで音声になったりするので、適切なものを指定するように心がけて下さい。

「width」「height」は、他のタグでも利用する属性です。
「width」は、幅を指定する属性で、「height」は、高さを指定する属性です。

| 実用 | 13:49 | - | trackbacks(109) | ↑TOP |

トラックバック

この記事のトラックバックURL

http://yossy.blog.bai.ne.jp/trackback/32374

トラックバック

Syarat Pendirian PT

yossy､Τｪ˙ｶｯʴｲｰ | ｼﾍπ

| Syarat Pendirian PT | 2022/05/30 2:23 AM |

먹튀텔레캅?????貂?

yossyﾂΤﾎ˙ﾂｪʴ卍ｶﾂｯﾊｴπｲﾂｰ | ﾂｼﾃ済?

| 먹튀텔레캅?????貂? | 2022/06/12 6:06 PM |

먹튀사이트臉牝�

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ?#960;ﾆ | ｨ?･

| 먹튀사이트臉牝� | 2022/06/26 1:34 AM |

군포출장窒舌

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ?#960;ﾆ | ｨ?･

| 군포출장窒舌 | 2022/07/23 4:29 AM |

Rtp Gacor777

yossy､Τｪ˙ｶｯʴｲｰ | ｼﾍπ

| Rtp Gacor777 | 2022/08/07 9:56 PM |

busy polska niemcy

yossy､Τｪ˙ｶｯʴｲｰ | ｼﾍπ

| busy polska niemcy | 2022/09/18 6:05 PM |

ways

yossy､Τｪ˙ｶｯʴｲｰ | ｼﾍπ

| ways | 2022/09/20 3:45 PM |

presupuesto

yossy､Τｪ˙ｶｯʴｲｰ | ｼﾍπ

| presupuesto | 2022/10/08 10:14 AM |

yossy､Τｪ˙ｶｯʴｲｰ | ｼﾍπ

| Login | 2023/01/14 4:25 PM |

fafaslot

yossy､Τｪ˙ｶｯʴｲｰ | 20051229

| fafaslot | 2023/07/20 4:02 PM |

먹튀검증업체装穣端

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 먹튀검증업체装穣端 | 2023/07/21 2:03 PM |

토토사이트臉牝�

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 토토사이트臉牝� | 2023/10/07 4:51 PM |

먹튀?

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 먹튀? | 2023/10/09 7:25 AM |

먹튀검증伊装

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 먹튀검증伊装 | 2023/10/11 11:52 AM |

먹튀마스터興催�

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 먹튀마스터興催� | 2023/10/11 12:18 PM |

먹튀사이트臉牝�

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 먹튀사이트臉牝� | 2023/10/11 1:24 PM |

메이저놀이터且戚斗

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 메이저놀이터且戚斗 | 2023/12/10 9:31 AM |

먹튀검증伊装

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 먹튀검증伊装 | 2023/12/10 11:08 AM |

토토塘

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 토토塘 | 2023/12/10 12:20 PM |

토토그라운드虞錘球

yossy｢Τ･˙ｨ｣ʴｫ｢ﾒ??ｩ֥�ﾆǻȤ ｡뵊??ʥｴ??｡ｧ｢ｴ博n｢ｴ?｢ｯ｡ﾍ｡ﾆ

| 토토그라운드虞錘球 | 2023/12/10 1:07 PM |

sga508