今日はブログのデザインや記事を更新する時に応用できる
超初心者向けのHTMLのタグのお話。
まず、タグというのはアナログ感覚でいうと
ネット上、画面を表示させるために記述する為の記述で
簡単な例ですと特定の文字に色をつけたり文字を大きくしたり
太くしたりするのに
その指令をコンピューターに伝えるための記述で
金白なんかは最初、ロープレとかファンタジーなんかの
「呪文」のようなもの、と解釈しておりました。
(もしくは外国語ですね)
で、この呪文というかコンピューター用語、
全部覚えるとなると大変ですし、その分トッツキが悪いので
一部からはじめるといいかと思います。
例えば一部の文字に色をつけるとか
太くしてみるとかですにゃ♪
ロープレなら通常の会話は日本語で、戦闘中に魔法を使うときに呪文。
(外国語なら日本語の文中に英単語をまぜるような具合)
具体例をひとつ
本文編集画面中に
<FONT color="#ff0066">赤い色</FONT>
と記述すると
HP上では
赤い色
といったように表示される訳です。
で、この方法を通常「タグ」を打ち込むとか
その呪文の書き込みが反映されるかどうかをさして
「タグがきく」「タグがきかない」
などといったりします。
掲示板などにはこのタグが有効になるところもあるので
そういった掲示板をレンタルして練習してみるのもよいかと思います。
タグがきく部分ですが、一ページを表示するのに
必要なコンピューター用語の構造を簡単ではありますが
昔つくったので
HTMLの構造をまったく知らないという方は
↓こちらを参照してみてください。
http://kin.daa.jp/livedoorblog/html/html1.html
以前他のサーバでスタイルシート入門のページを作成していた時のページですが
HTMLの大まかな構造が図としてわかりやすいかと思います。
BODYって記述ではさまれている部分に
実際表示される文字だったり、その文字に色をつけたり
大きさをかえたりする呪文記述します。
初心者の方は、このあたりから入られるとHTMLの楽しさに
はいりやすいかと☆
で、そのあたり、livedoor Blog では「本文」の投稿だったり
サイドバーの「フリーエリア」に活用できるわけなのです。
(もちろんカスタム＞HTMLテンプレート編集機能 にも応用できます)
livedoor Blog にかぎらず、こういったシステムの一部に
(表示される為のHTMLファイルのBODY部分にあたる部分)
「HTMLタグが使えます」といったサービスは多いので
(ブログとかオンラインHP作成サービスとか掲示板とか)
少しづつ使ってみると結構ハマリますよ♪
人によって感覚は違いますが
金白としては初心者がブログのカスタマイズをしたい、と思ったとき
スタイルシートよりもHTMLに先に親しんだほうが
のちのちスタイルシートの勉強も はいりやすいんではないかと思います。
まずは
簡単なところから(文字の装飾など)色々楽しんでみてください♪
金白がHTMLの部分参考にさせていただいているサイトさまをまとめたURL
http://kin.daa.jp/livedoorblog/doumei/bbs/step.cgi?mode=view&no=7
タグの練習所紹介したURL
http://kin.daa.jp/livedoorblog/doumei/bbs/step.cgi?mode=view&no=65&key=65
グラテーション文字などのタグを簡単に作成できるフリーソフトなど
http://www.vector.co.jp/vpack/filearea/win95/net/htmledit/color/index.html
以上、そのあたりの簡単な仕組みになれたら
HPビルダーなどのHP作成ソフトで簡単に選択した文字に
カラーパレットから色をつけたり、
ボタンクリックで大きさや太さを変えたりして
ブログ本文などで表現したいものを作った後、
HTMLモードから必要部分をカットして
ブログ編集画面本文部分にはりつけるなどの応用も
理解して便利に出来るかとおもいますよ♪
