知っておくと便利なタグｗ～～その１～～

 

知っておくといいと思うＨＴＭＬの知識

 

 

ホームページをはじめ、インターネットで見えるページは、

全て、ＨＴＭＬといったファイル構造で作らています。

 

 

インターネットブラウザ（表示するアプリケーション）で

見られるように、ルール化されているんです。

 

 

ワードとか、エクセルと同じですね、

全て決まり　ルールがあるから

誰が、どの機械から見ても同じように見えるわけですが・・・

 

そのルール化されたHTMLに従って

文字の大きさとか色とか、写真や画像を出すよ！！

別のページ（画面）に遷移するよ

 

などといったことを記述していくわけです。

 

 

それがタグといわれる

記号で記述されていきます。

 

 

アメブロのエディタ、

これは、そのルールを簡単な操作で

実現しようとしているツールです。

 

 

最近だとWordPressとか、

ホームページビルダとか？

 

 

ユーザが簡単な操作で、HTMLといった形式、

ルールに従ったファイルが作れるアプリケーションです。

 

 

ということで

 

ちょっとしたルールを試してみました。

 

 

見出しといった意味合いで使われる

ｈタグ

 

 

大見出し、中見出し、小見出し・・・・

みたいな感じで使って下さいネ♪

 

SEO対策にもなるともいわれていますね♪

 

＜ｈ１＞～＜ｈ６＞

 

タグ編集のページで書いて

プレビューで確認すると・・・こんな感じに

 

 

ちなみにアメブロさんのパソコンのエディタで

「大見出し」として指定すると、

＜ｈ２＞タグとなります。

 

 

 

ちなみに改行（Enterキー）だと

段落といった意味あいの＜ｐ＞タグが付いちゃいます。

しかも、＆nbsp　が勝手に入ります。

 

<p>&nbsp;</p>
<p>&nbsp;</p>

 

＆ｎｂｓｐって何？

といったお話になるのですが・・・・

 

 

半角スペースなんか？

といった考え方とかされている方もいますが、

 

どうやら、

半角文字（英語）を使用する場合に、

中途半端な箇所で改行させないように続けて表示して

といったルールです。

 

 

英語とかの半角文字ではないので、

あまり意識することもないですけど・・・

 

 

半角スペース分空きが入るので、

代わりに使うこともあります。

 

 

＜ｐ＞＜／ｐ＞の間に文字が、

何もないと・・・

 

ルール上、おかしいのでは？

となりますので・・・

 

知っておくといいのは、

＜div＞

＜p＞

＜span＞

 

＜a href＞

＜img＞

 

といったタグ

これだけで、作れます。

 

 

あとは、ルール的な

＜head＞

＜body＞

＜html＞

＜meta＞

などなど

 

これがないと表示がうまく出来ないよ～

といったタグを知っておくといいでしょう。

 

 

アメブロとかのエディタだけだと、

その他は、自動的にしてくれますので、

気にすることもないですが、

 

編集用のタグとして、

 

＜div＞　・・・　範囲指定

＜p＞　・・・　段落指定

＜span＞　・・・文字指定みたいなイメージ

 

＜a href＞　・・・　リンクさせる

＜img＞　・・・　画像を表示する

 

これだけ、知っておけばよいでしょう。