3718067 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

☆じゃがべぇ~(^_-)-☆

☆じゃがべぇ~(^_-)-☆

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X
2009年04月16日
XML
カテゴリ:ブログ
僕はパソコン素人なんだよね。

そうなんだけど、このあいだニューパソコンの記事を書いた時にいただいたコメントを読んで思ったんだけど、どうやら僕はパソコンのできる人だと少しは思ってもらってるみたい…(^^ゞ

僕のパソコン歴のほとんどは楽天ブログだけなんで、楽天でブログを書くこと以外はからっきし何にも分からないんだ。

だけど、なんせ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文を辞書登録しておけば、とても簡単に変化のあるページが書けるんだよね。

で、出来上がったら全文をコピーしでから「公開する」をクリックする。

たいした手間じゃないから、この最後のコピーだけはしておいたほうがいいと思うよ(^_-)-☆





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2009年04月17日 09時50分56秒
コメント(4) | コメントを書く


PR

プロフィール

すー☆

すー☆

カテゴリ

コメント新着

 モモの飼い主です@ Re:公園で出会った長毛の三毛猫さん♪(12/05) こんばんわ。 たまたま、三毛猫のロングを…
 モモの飼い主です@ Re:公園で出会った長毛の三毛猫さん♪(12/05) こんばんわ。 たまたま、三毛猫のロングを…
 中納言@ Re:「初代ラングレー」と「ローレルC31」のテールランプは別物!(01/16) 神奈川のc230運転手 さん 大賛成です。鬼…
 とらもも@ Re:拙著『萌空姫様のスノボ道』 ―あとがき―(ネタバレ)(04/13) ツイッターを拝見すると平野歩夢選手のフ…
 えつこ@ Re:中原丈雄さんの山崎レーズンゴールドのCM(11/19) 私もこのCM好きです。 年配の方がやってい…
 すー☆@ オジサン様 8年も前の記事にコメントいただき感激して…

日記/記事の投稿

お気に入りブログ

飼い猫生活 樹音0s504さん
Merci. 杏樹0507さん
ねこねこ大好き!! nekonyan1119さん
may mamiya のプライ… ガビさん
★リトルフラワー★ smaにゃんこさん
マイラポールハウス(… ミュッチの母さん
本と映画と家事生活 ぽっけのびすけっとさん
テンBlog ちまき。さん
Stop Making Sense まろ加さん
best imitation of m… いなばいずみさん

カレンダー

バックナンバー

2024年11月
2024年10月
2024年09月
2024年08月
2024年07月
2024年06月
2024年05月
2024年04月
2024年03月
2024年02月

キーワードサーチ

▼キーワード検索

フリーページ


© Rakuten Group, Inc.
X