RSS
ホーム >
(2008年12月28日)
今年の6月からスタートして、3万アクセスをも超えちまったこの『くだらないブログ』は、今年で最後になっちまいましたぁ~!!
前回のサンタ画像をいろんなトコで見ちゃって超感激!!
仕事 忘れてオレっちの画像の行方を捜索しちゃってましたぁ~♪
(…てか全員行けなくてゴメンちゃい!)

「嬉しくて涙出てくらぁなぁ~!」

やっぱ、みんなのおかげやねぇ。飽き性のオレっちがこんな長続きする訳ねぇモン。みんなありがとねぇ~♪ムッチャ感謝しちょりまっせぇ~♪

んな訳で今年最後のブログ いっきまぁ~す!



…ちゅう事で、今回のブログは今年最後ともあり、初心に戻って まだやってなかったHTMLタグの基礎編をやっちゃいまぁ~す!
(…てか、なんで今までやってなかったのか不思議や…。)

んじゃぁ ver01流のブログでタグっちゃおう編、いきまっせぇ!

『HTMLタグ』ッちゅうのは…。

カンタンに言えば、ブログ文章や画像なんかを可愛くデコレーションしちゃうモン。ケータイとかでも『デコメ』とかあるよね!あれと一緒!
楽天ブログにあるエディタ機能だけでは物足りない方は、HTMLタグを覚えちゃいましょう!
< a

要素
href=

属性
"http://リンク先"

>文章</a>

要素

要素で始まり要素で終わる。ただそんだけやで!(中には違うヤツもあるよ)
その要素の中に属性を付けちゃえば、いろんな事ができちゃうッて事。

< a

要素
href=

属性
"http://リンク先"

><IMG src="http://画像先"></a>

要素

また、要素の中に要素を入れ子でやる事だってできちゃうから、トンでもねぇ装飾ができちゃう!カンタンでっしゃろ?にゃははははッ♪♪♪♪♪

んじゃぁ 早速、この例題を見ちゃって!

文字や画像を真ん中に揃えちゃう
<CENTER>あいうえお</CENTER>あいうえお

文章や画像を右に寄せちゃう
<DIV align="right">あいうえお</DIV>あいうえお

なんとなく分かってもらえたかな?分からん方はほっとくでぇ~!
んじゃぁ、まずは文字の装飾(基本編)からやぁ~!!

文字を太字にしちゃう
<B>あいう</B>えおあいうえお

文字を斜めにしちゃう
<I>あいう</I>えおあいうえお

文字に下線を引いちゃう
<U>あいう</U>えおあいうえお

文字に取消線を引いちゃう
<S>あいう</S>えおあいうえお

文字をあげちゃう
<SUP>あいう</SUP>えおあいうえお

文字をさげちゃう
<SUB>あいう</SUB>えおあいうえお

文字サイズを大きくしちゃう
<FONT size="+2">あいう</FONT>えおあいうえお

文字サイズを小さくしちゃう
<FONT size="-2">あいう</FONT>えおあいうえお

文字の色を変えちゃう
<FONT color="RED">あいう</FONT>えおあいうえお

文字のフォントを変えちゃう
<FONT face="MS 明朝">あいう</FONT>えおあいうえお

まぁ、文字の装飾は楽天ブログエディタにも搭載してるから必要性はねぇけど、この基礎がないと、他に入れ子で行う装飾が難しいッてこった。

んじゃぁ、今度は画像貼付(基本編)やでぇ~♪

画像を貼ッちゃう
<IMG src="http://画像ファイル先">

画像に枠を付けちゃう
<IMG src="http://画像ファイル先" border="1">

画像にコメントを付けちゃう (画像の上にマウスカーソルを持ってッてね)
<IMG src="http://画像ファイル先" alt="あいうえお">あいうえお

画像の幅を変えちゃう
<IMG src="http://画像ファイル先" width="横幅数" height="縦幅数">

画像の右に文章を入れる
<IMG src="http://画像ファイル先" align="left">あいうえおあいうえお

画像の右に文章を入れちゃう
<IMG src="http://画像ファイル先" align="right">あいうえおあいうえお

画像に中央揃えの文章を入れちゃう
<IMG src="http://画像ファイル先" align="middle">あいうえおあいうえお

画像に下揃えの文章を入れちゃう
<IMG src="http://画像ファイル先" align="bottom">あいうえおあいうえお

ブログに貼ッ付ける画像の横に、文章を入れたりするのは、テーブルタグでもできるけど、この方法が手ッ取り早い。
どうですかぁ?頭がパニック状態になってんじゃねぇやろうなぁ。

んじゃぁ、今度は皆さんがよく使うリンクタグ(基本編)いっちゃいましょう!

今のページからそのままのウインドウでリンクしちゃう
<A href="http://リンク先">あいう</A>えおあいうえお

今のページとは別のウインドウを開きリンクしちゃう
<A href="http://リンク先" target="_blank">あいう</A>えおあいうえお

リンクにコメントを付けちゃう (画像の上にマウスカーソルを持ってッてね)
<A href="http://リンク先" title="あいうえお">あいう</A>えおあいうえお

画像のリンクを作っちゃう
<A href="http://リンク先"><IMG src="http://画像ファイル先"></A>あいうえお

画像のリンク枠を消しちゃう (バナー画像と一緒やで)
<A href="http://リンク先"><IMG src="http://画像ファイル先" border="0"></A>あいうえお

これでオリジナルのバナーリンク画像もできちゃうよね!
みんなも自分のオリジナルのバナー画像作っちゃおう!!

スポンサード・リンク



皆さんの中には、基礎を全く知らずにタグッてた方もいると思う…。一番最初のタグ説明のブログは、無謀にもハイレベルな『横移動タグ』やったからなぁ…。

「…。」

てか、それ以降もトンでもねぇタグばっか説明してて、しまいにゃぁ『ピンボケ画像タグ』だの、前回やった『映画フイルム風タグ』だの、ありもしねぇ名前までつけてやってたモンね!

「てか、今までほとんどのタグの名前は、ウソです!」

言えば『リンクタグ』にしても、正式名称はアンカータグ。『インラインフレームもどきタグ』なんざぁ誰もつけねぇよ!ぎゃははははッ♪


他にもタグッてみたい方は
ご自身でお探しください →


これが ver01流 くだらない授業……どうでしたか?

「どんなモンでぃ、てぁんでぃ!バロちくしょぉ!」
↑ ↑ ↑
これでも ムッチャ可愛い無口でダンディなイケメン先生でぇ~す♪

「…。」

ラベル: ,

Anonymous エメラルドeyes さんは書きました...

●数あるブログの中からねこマンサイに来訪頂き感謝致します。ありがとうございました

訪問させて頂きました
レクチャーブログだったのですね♪
楽天にも在籍していてくださいませ。本もどさりと購入した直後では
ありますが、勉強したいと思っています
お気に入り登録させて頂きますね

2009年11月1日 13:35  
Anonymous おっきー さんは書きました...

ちょうど、画像の横に文章を入れるやり方を知りたかったので、
すごく助かりました!

2009年11月10日 20:46  

コメントを投稿

おおッ?!コメントを書いちゃうつもり?!
なんか「リクエストエラー」が出ちまう場合があるみたいやから、そん時ゃ もう一回、投稿しちゃッてね♪ もぉ メンドーで、チェックするのやめちまったから、投稿したら即効 公開しちゃうようになりやした! (楽天ブログと一緒)
変テコなカキコすんじゃねぇぞ!!にゃはははッ♪♪♪♪♪♪♪♪♪♪
(<b>, <i>, <a> などの一部の HTML タグを使用可能でっせぇ~ッ!!)

      ↓↓↓ さぁ、思う存分カキコをどぉぞ!! ↓↓↓

プロフィール


ver01  人がやらねぇ『くだらない遊び』が大好きな ver01 です。
 ブログをいつもブッ壊しちゃうくらい、ハチャメチャな事ばっかやっちまってるせいか、見にくる人はそれを楽しみに来てるみたい…。
 こんなくだらんブログなのに、HTML タグなんかを勉強しにきちまうなんざぁ、世の中分からんモンやね♪てか最近は、HTML タグより JavaScript とか、マニアックなネタとかをやっちまってるモンやから、ついていけねぇ人も多いのでは?!そこのアンタ!スルーせんで、実践しちゃいなさい!にゃははッ♪
 んな訳で ver01messenger のはじまり、はじまりぃ~♪そうそうこのブログは、リンクフリーにしちゃッてるから、お気軽に貼ッ付けちゃってねん。にひッ♪