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」は、高さを指定する属性です。