HTMLタグはこれだけ覚えれば十分

HTMLとは？タグとは？を講座！覚えるHTMLタグはこれだけ！

内職的貯蓄節約生活＞ HTMLタグはこれだけ覚えれば十分

HTMLタグはこれだけ覚えれば十分

HTMLやタグは、ホームページ作成ソフトを使えば知らなくても全然作れてしまいます。ケンも最初にホームページを作った時は、タグなんて何がなんだかわかりませんでした。でも、最初はそれでいいと思います。ケンの場合は、ホームページビルダーの「HTMLソース」をちょくちょく見ながら作っていたら、いつの間にか覚えていました。

　ただ、最低限の知識はしておいた方がいいかなとも思います。それから、今後本格的にSEO対策をする時には、ある程度の知識も必要になります。ですから、ここでは最低限覚えておくといい、HTMLの記述からタグまでを紹介したいと思います。

□HTMLとは？タグとは？

　Webページを記述する文字列はHTMLというWeb作成のための言語です。HTMLでは「<」「>」でくくられた命令を記述することにより、文字列や画像をどのように表示するかを定義します。この命令のことをタグと呼び、タグは必ず半角英数字で記述します。

　多くのタグは、「開始タグ」「終了タグ」が対になっており、この開始タグと終了タグで囲まれた部分の文字列がタグの命令に従って表示されます。下記の例ではが開始タグ、が終了タグになります。

HTMLとは？タグとは？

□基本となるタグ

　基本となるタグは下記のようになっています。

<html>
<head>～</head>
<body>～</body>
</html>

　Webブラウザで表示される文章や画像などは、すべて<body>と</body>の間に入力されます。<head>と</head>間には、ページのタイトルやページの紹介文が入ります。

□タイトルタグとメタタグ

<head>
<title>ページのタイトル</title>
<meta name="description" content="紹介文">
<meta name="keywords" content="キーワード">
</head>

　<title>と</title>の間に、そのページのタイトルを入れます。このページなら<title>HTMLタグはこれだけ覚えれば十分</title>となります。タイトルはSEO対策としても非常に重要なので、そのページの最適なキーワードを含んだタイトルを考えて入れましょう。

　METAタグは、現在検索エンジンでの上位表示の効果はありませんが、GoogleなどはMETAタグの紹介文が検索結果と共に出るので、必ず入れましょう。紹介文は、100字程度の簡潔な文にすると良いです。この紹介文によって訪問者がアクセスしようか決める要素になります。

　キーワードについては最近はほとんど意味がなくなってきていますが、一応入れておきましょう。キーワードは『,』（カンマ）で区切って2つ以上指定できます。あまりに数を増やしすぎるとスパイダーに考慮されなくなるので、多くても5つまでに留めておきましょう。当サイトのトップページなら<meta name="keywords" content="内職,貯蓄,節約生活">」となります。

□重要なタグ

・<A>タグ

　リンクを設定するには<a>のhref属性を利用します。リンク先がサイト内の場合は、<a href="リンク先">文字列、画像</A>とします。たとえば、<a href="moji.html">読みやすく目に優しい文字・文章に</a>というようになります。

　一方、リンク先がサイト外の場合は、別のウィンドウを表示させるといいでしょう。その場合、<a>のhref属性でリンク先のファイル名を指定し、target属性を指定します。<a href="リンク先" ｔarget="_blank">文字列、画像</a>というようになります。

　たとえば、相互リンクなどで当サイトへのリンクを張ってもらう場合、<a href="http://www.netseikatu.com/">内職的貯蓄節約生活</a>というようになります。ホームページビルダーの場合、リンクの挿入から「URLを入力」「新しいウィンドウ」を選択すれば、同じように別のウィンドウを表示させることができます。

・タグ

　文字列の大きさを変更するには、のsize属性を利用します。指定した値が大きいほど、フォントサイズも大きくなります。文字列で文字の大きさを指定できます。～といった感じです。

　また、文字列の色を変更するには、文字列です。色の名前にはカラーコードで指定します。ちなみに、ホームページビルダーの場合、カラーパレットから色を自由に選択することができます。

・タグ

　は文字列を強調するタグ、はより強調するタグです。この2つのタグはSEO対策としても重要なタグです。重要なキーワードを内職や貯蓄と囲むことで、ロボットに重要なキーワードと認識してもらえます。ホームページビルダーをお使いの方は、上部のメニューバーから「書式」⇒「論理強調」⇒強調（em）とストロング(strong)を選べば、直接タグを入力しなくても使うことができます。

　ちなみに、見出しとして使われる<h>タグに囲まれているキーワードは、以前ロボットに高く評価されていましたが、現在はほとんど評価されていません。しかも、使い方を誤るとかえって逆効果（特にYST）になりますので、使わないほうが無難でしょう。

　まあ、タグについて解説すると、何ページあっても足りなくなりますので、ここまでにしておきます。さらに詳しくHTMLタグを知りたい方は、「HTMLタグリファレンス」というサイトが参考になりますので、ご覧になってください。

前【読みやすく目に優しい文字・文章に】へ
	TOP【HTMLタグはこれだけ覚えれば十分】へ↑ HOME【内職的貯蓄節約生活】へ

MENU(内職・ネットで稼ぐ編)

・ホームページ作成の仕方・ホームページ作成に必要なもの・レンタルサーバー・ドメイン講座・レンタルサーバの選び方　・格安レンタルサーバー比較・ホームページのテーマとコンテンツ・タイトルの付け方・ヤフー・グーグルはHP作成の手本　・webユーザビリティとは　・ホームページのデザイン講座　・読みやすく目に優しい文字・文章に
・HTMLタグはこれだけ覚えれば十分