※この記事は、アメブロ会員向けにパソコンをよく知らない初心者にも分かるように、できるだけ
平易な表現を使って書くようにしているので、コアな人には物足りない内容かもしれないので
ご了承ください。できるだけパソコンでの閲覧をオススメします。
さて、HTMLの使い方についてご紹介します。
みなさん、ブログを書いていますか？
ケータイから、あるいはパソコンから、
毎日の日常を記事にして、ブログを書いていると思います。
メール感覚で書くブログもいいですが、これから書くHTMLの使い方を知ると、ブログがもっと楽しくなります。
ケータイ投稿でも文章の変化を表現したり、パソコンではブログのデザインや、あるいは画像バナー、
オリジナルのペタおねだりボタンだって作れるようになります。
さらにさらに・・・アクセスアップにも役立つ小技まで、ご紹介したいと思います！
本来HTMLはホームページ作成などを目的に使われますが、
今回はアメブロの投稿に限定して記事を書きたいと思います。
さて・・・。
まずはこれを見ていただきましょう。
◆◇◆◇◆例文◇◆◇◆◇
Aquos10:12がアメブロライフをお伝えします。
◆◇◆◇◆◇◆◇◆◇
はい、この例文を、HTMLに直すと・・・
<font size="5">Aquos10:12</font>が<font color="ｂｌｕｅ">アメブロライフ</font>をお伝えします。
こんな感じの文章になります。
HTMLの基本ですが、赤と青それぞれの四角に注目してください。
これらの部分が、ＨＴＭＬタグと呼ばれるものです。中身についてはまだ考えなくていいです。
この四角に囲まれた、"<"と”>”に挟まれた部分がＨＴＭＬタグというものだ、と分かれば今はＯＫです。
さて、このＨＴＭＬタグに挟まれた部分に注目すると・・・
この部分ですよね。
もういちど例文を出します。
◆◇◆◇◆例文◇◆◇◆◇
Aquos10:12がアメブロライフをお伝えします。
◆◇◆◇◆◇◆◇◆◇
なんとなくピ～ンと来ませんか？
ほら！注目してください！フォントサイズが５、
blue（青）って書いてあるじゃないですか！
つまり・・・
このHTMLタグに挟まれた部分を、フォントサイズを大きくしなさいとか、文字を青くしなさいって
書いてあるだけのものなのです！
これだけ覚えるなら、簡単でしょ？
◆◇◆◇◆◇◆◇◆◇
実際に試してみましょう。
例文を実際にブログに書き込んで表示を確かめてみてください。
【例文】
<font size="5">Aquos10:12</font>が<font color="ｂｌｕｅ">アメブロライフ</font>をお伝えします。
【パソコンの人】
"ブログを書く"を選んで、記事投稿欄の下にある、”ＨＴＭＬタグを表示”を選んで、
例文をコピー。
それから、"タグの非表示"を選んで例文の表示を確かめてみてください。
【ケータイの人】
例文をコピーして、いつものようにブログを書く要領で、
例文をそのまま貼り付けて下書きにでもしてください。
閲覧してみると、きちんと表示されているのがわかると思います。
メール投稿でも、このままそっくり貼り付ければ同様の表示になります。
※ケータイの機種によっては、正常に表示されない場合があります。
そのときはパソコンから閲覧して確かめてみてください。
▽▲▽▲▽▲▽▲▽▲
「話はわかった。簡単だな・・・。だが・・・」
「これが何の役に立つんだ？
編集するのがめんどくさいだけじゃねーか！」
まぁまぁ落ち着いて。
確かにこれだけじゃ、編集するのに手間がかかってめんどくさいだけですよね。
ケータイからやるときは、ＨＴＭＬを定型文登録か、辞書登録して使いましょう。
ＨＴＭＬタグは、種類が結構あるので、使いこなすとケータイからでも、
多彩な文章表現をすることが出来ます。
パソコンは、編集時にボタンが用意されてるのでタグをいちいち打ち込む必要ないですよね。
でも・・・
これを覚えることで、画像バナーを作ったり、オリジナルのペタボタンを作ったり、
プロフィールやメッセージボードだって、多彩な表現が使えます。
ＨＴＭＬを意識することで、検索エンジン対策にもなります。
これを覚えると本当にブログっていうものが奥の深いものだとわかるようになるので、
ぜひ今後の記事も読んでくださいね！
