2009/04/17(金)09:50
「HTML」の話。
僕はパソコン素人なんだよね。
そうなんだけど、このあいだニューパソコンの記事を書いた時にいただいたコメントを読んで思ったんだけど、どうやら僕はパソコンのできる人だと少しは思ってもらってるみたい…(^^ゞ
僕のパソコン歴のほとんどは楽天ブログだけなんで、楽天でブログを書くこと以外はからっきし何にも分からないんだ。
だけど、なんせ2年半も毎日せっせとブログを書いてるんで、楽天ブログだけはHTMLを使ってちゃっちゃかと書いたり出来るわけよ。
なんせ、しゃべりなもんで、いっぱい書きたくなるんだけど、書くのに時間を取るのが面倒で結局書かずじまいになることもよくあるんだよな(^_^;)
せっかく書いたのにアップするときに消えちゃったりしたらもう書く気がなくなるし…(>_<)
で、僕のブログの書き方の肝の部分だけちょっと書いておこうと思う。
まず、記事はメモ帳に書く。
そして、よく使うHTMLは単語登録しておく。
「ひょう」と打てば
【1】「<table border="0"><tr><td>画</td><td>文</td></tr></table>」
と変換される。
「りんく」と打てば
【2】「<A href="●" target=_blank>■</A>>」
と変換される。
上の「<」と「>」は半角英数で書く。
「ひょう」と「りんく」を組み合わせた
【3】「<table border="0"><tr><td><A href="●" target=_blank>■</A></td><td>文</td></tr></table>」
ってのもよく使うけど、「ひょう」と「りんく」を登録してるのですぐに作れちゃうんよ。
最近登録したのが「うた」
【4】「<font size="4" face="HGP行書体">歌</font>」
で、この【1】から【4】までの使い方をひとつづつ説明するね。
【1】ひょう
<table border="0"><tr><td>画</td><td>文</td></tr></table>
上のHTML文の「画」と「文」の部分には、別に画と文である必要はなくて、
要は「画」の部分と「文」の部分を左右に並べて表記出来るってことなんだ。
試しに「画」に写真、「文」に説明文を書くとこうなる。
<table border="0"><tr><td></td><td>←新品パソコンなのに足をかけるんじゃないよ(>_<)
くまはいつもこんな感じで、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)</td></tr></table>
「<」と「>」を半角英数にするとHTML文が有効になってこうなる↓
←新品パソコンなのに足をかけるんじゃないよ(>_<)
くまはいつもこんな感じなので、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)
「border="0"」を「border="1"」とすると枠がつく↓
←新品パソコンなのに足をかけるんじゃないよ(>_<)
くまはいつもこんな感じで、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)
「border="2"」にすると外枠が太くなる↓
←新品パソコンなのに足をかけるんじゃないよ(>_<)
くまはいつもこんな感じで、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)
この数字を大きくするといくらでも太く出来るよ。
【2】りんく
<A href="●" target=_blank>■</A>
このHTML文は新しいウィンドウでリンク先を開く文。
●に新しいウィンドウで開くURLを書く。
■にクリックするべき文字か写真の「<img文」を載せる。
試しに●にリンク先の大きい写真、■にリンクを張った小さい写真の「<img文」を載せるね。
<A href="http://a03-b03.mypicturetown.com:80/P2PwebCmdController/cache/%25uMGet%26FK8zgzNRZRRLe9qurM1KIV**nB79%3DvLVMLBQ9z.Fy%3D-mBIB._ERGj8Tv1/item.jpg?rot=1" target=_blank></A>
で、「<」と「>」を半角英数にしてHTML文を有効にするとこうなる↓
↑この紫の枠のついた写真はリンクが張られてるのでクリックすれば大きな写真に飛べるんだ。
【3】「ひょう」と「りんく」の組み合わせ。
<table border="0"><tr><td><A href="●" target=_blank>■</A></td><td>文</td></tr></table>
試しに【1】と【2】を組み合わせて、外枠を「"3"」にするとこうなる↓
←新品パソコンなのに足をかけるんじゃないよ(>_<)
くまはいつもこんな感じで、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)
【4】うた
<font size="4" face="HGP行書体">歌</font>
最近、万葉集の短歌を載せたりすることもあるんだけど、草書体のほうがかっこいいのでこの字体にしたんだけど、この字体は少し小さいのでサイズを大きめの「"4"」にした。
試しにさらら(持統天皇)が香具山を見て詠んだうたを2行にして書いてみた。
<font size="4" face="HGP行書体">春過ぎて 夏来るらし白妙の
衣乾したり 天の香具山</font>
「<」と「>」を半角英数にしてHTML文を有効にするとこうなる↓
春過ぎて 夏来るらし白妙の
衣乾したり 天の香具山
ねっ!雰囲気出るでしょ♪
こういう感じで、頻繁に使うHTML文を辞書登録しておけば、とても簡単に変化のあるページが書けるんだよね。
で、出来上がったら全文をコピーしでから「公開する」をクリックする。
たいした手間じゃないから、この最後のコピーだけはしておいたほうがいいと思うよ(^_-)-☆