すー☆さん

くまさんが可愛いので見とれながらも、一所懸命理解しようとしましたが、単語登録しかわかりませんでした(;_;)

でも、何かやってみたくなってブログを更新だけはしましたので、見てください！！

(2009年04月18日 13時53分55秒)

3932169

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

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

< 新しい記事

新着記事一覧(全2370件)

過去の記事 >

2009年04月16日

「ＨＴＭＬ」の話。

(4)

テーマ：ちょこっとＨＴＭＬ(216)

カテゴリ：ブログ

僕はパソコン素人なんだよね。

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

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

だけど、なんせ２年半も毎日せっせとブログを書いてるんで、楽天ブログだけはＨＴＭＬを使ってちゃっちゃかと書いたり出来るわけよ。

なんせ、しゃべりなもんで、いっぱい書きたくなるんだけど、書くのに時間を取るのが面倒で結局書かずじまいになることもよくあるんだよな(^_^;)

せっかく書いたのにアップするときに消えちゃったりしたらもう書く気がなくなるし…(>_<)

で、僕のブログの書き方の肝の部分だけちょっと書いておこうと思う。

まず、記事はメモ帳に書く。

そして、よく使うＨＴＭＬは単語登録しておく。

【１】「＜table border="0"＞＜tr＞＜td＞画＜/td＞＜td＞文＜/td＞＜/tr＞＜/table＞」
と変換される。

「りんく」と打てば
【２】「＜A href="●" target=_blank＞■＜/A＞>」
と変換される。

上の「＜」と「＞」は半角英数で書く。

「ひょう」と「りんく」を組み合わせた
【３】「＜table border="0"＞＜tr＞＜td＞＜A href="●" target=_blank＞■＜/A＞＜/td＞＜td＞文＜/td＞＜/tr＞＜/table＞」
ってのもよく使うけど、「ひょう」と「りんく」を登録してるのですぐに作れちゃうんよ。

最近登録したのが「うた」
【４】「＜font size="4" face="HGP行書体"＞歌＜/font＞」

【１】ひょう
＜table border="0"＞＜tr＞＜td＞画＜/td＞＜td＞文＜/td＞＜/tr＞＜/table＞

上のＨＴＭＬ文の「画」と「文」の部分には、別に画と文である必要はなくて、
要は「画」の部分と「文」の部分を左右に並べて表記出来るってことなんだ。

試しに「画」に写真、「文」に説明文を書くとこうなる。
＜table border="0"＞＜tr＞＜td＞

くまはいつもこんな感じで、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)＜/td＞＜/tr＞＜/table＞

「＜」と「＞」を半角英数にするとＨＴＭＬ文が有効になってこうなる↓

←新品パソコンなのに足をかけるんじゃないよ(>_<)

くまはいつもこんな感じなので、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)

「border="0"」を「border="1"」とすると枠がつく↓

←新品パソコンなのに足をかけるんじゃないよ(>_<)

くまはいつもこんな感じで、キーボードやモニターににくきうや爪がかからないように気が抜けないんだよな(^_^;)

「border="2"」にすると外枠が太くなる↓

この数字を大きくするといくらでも太く出来るよ。

【２】りんく
＜A href="●" target=_blank＞■＜/A＞

このＨＴＭＬ文は新しいウィンドウでリンク先を開く文。

●に新しいウィンドウで開くＵＲＬを書く。
■にクリックするべき文字か写真の「＜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＞

で、「＜」と「＞」を半角英数にしてＨＴＭＬ文を有効にするとこうなる↓

↑この紫の枠のついた写真はリンクが張られてるのでクリックすれば大きな写真に飛べるんだ。

【３】「ひょう」と「りんく」の組み合わせ。
＜table border="0"＞＜tr＞＜td＞＜A href="●" target=_blank＞■＜/A＞＜/td＞＜td＞文＜/td＞＜/tr＞＜/table＞

試しに【１】と【２】を組み合わせて、外枠を「"3"」にするとこうなる↓

【４】うた
＜font size="4" face="HGP行書体"＞歌＜/font＞

最近、万葉集の短歌を載せたりすることもあるんだけど、草書体のほうがかっこいいのでこの字体にしたんだけど、この字体は少し小さいのでサイズを大きめの「"4"」にした。

試しにさらら（持統天皇）が香具山を見て詠んだうたを２行にして書いてみた。

＜font size="4" face="HGP行書体"＞春過ぎて　夏来るらし白妙の
　　　　　衣乾したり　天の香具山＜/font＞

「＜」と「＞」を半角英数にしてＨＴＭＬ文を有効にするとこうなる↓

　　　　　衣乾したり　天の香具山

ねっ！雰囲気出るでしょ♪

こういう感じで、頻繁に使うＨＴＭＬ文を辞書登録しておけば、とても簡単に変化のあるページが書けるんだよね。

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

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

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

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

[ブログ] カテゴリの最新記事

■コメント

あ～、な～るほど！！

Supernovae さん

そっかぁ・・・・。
いろいろ詳しいですね。
でも結局私って面倒くさがって、ここまで丁寧にしないかもしれません（汗）。
なにせ最近Blogの更新さえ面倒くさくなってきてたりで。
でも次回、時間と意気込みのあるとき用に参考にさせていただきま～す！！
(2009年04月17日 04時37分59秒)

返事を書く

Supernovaeさんへ

すー☆ さん

はい。ＨＴＭＬって書くのが面倒くさいんですよね(^_^;)
だから高機能エディターで書けるものは書いたら良いと思うしＨＴＭＬ文を辞書登録しておけば面倒さはなくなりましたよ。
めったに使わないＨＴＭＬ文は、その都度直接書けば良いですしね。
でも、まぁ普通に頻繁に使いたくなるcenter命令やlink命令なんかは高機能エディターでワンタッチで出来るし、そんなに必要な方もいないんだとは思うんですけど…(^_^;) (2009年04月17日 08時54分52秒)

返事を書く

Re:「ＨＴＭＬ」の話。(04/16)

はるくさん

はるくさんへ

すー☆ さん

あらっ！
はるくさんところのブログがＨＴＭＬを使えるのかどうか分からないので、こんなのあまり真剣に読まないでくださいね(^_^;)

船木さんと原田さん見ましたよ～！(^^♪ (2009年04月18日 16時22分04秒)

返事を書く