アフィリエイト 必要知識

HTMLですが、アクセス解析を埋め込むときや
アフィリリンクを入れるときに触れる機会が多いと思います。

 

無料ブログやホームページのテンプレートは
よく分からない文字がたくさん並んでいるから、
あまり触りたくないという方も多いですね。

 

でも、HTMLはプログラム言語の中では
比較的簡単なものなので、基本さえ抑えてしまえば
意外と理解できるものなんですよ＾＾

 

HTMLについてネットで調べると、
HTMLの定義だとか歴史だとかいろいろ説明されていますが
そんなことは知らなくても全然大丈夫です。

 

大切なのは、ソースコードをある程度理解できること、
それから、必要に応じてテンプレートを
ちょこちょこっと編集できるようになることですからね。

 

まずは、基本的なお話なのですが、
HTMLというのはタグといわれるものの集合体でできています。

 

タグというのはカッコでくくられた
こんな感じのものになります。

 

タグ名

 

このタグには基本的なルールがありまして、

 

半角英数字で記入されていることと、
それから、「開始タグ」と「終了タグ」の２つで
セットになっている必要があります。

 

タグ名 ～ /タグ名　こんな感じですね。

 

終了タグの方にはスラッシュ「/」が入っているので
タグが終わる目印になります。

 

ひつだけ例外として文章を改行するときに使う
brというタグに関しては単独で使うことができます。

 

この開始タグと終了タグの間には
テキストなどが入るようになっていて
タグごとに表示やデザイン、配置が決まる
という仕組みなんですね。

 

HTMLのソースをいじっているときに
よくあるトラブルというのがあります。

 

それがこの開始と終了のペアが
おかしくなってしまうというパターンです。

 

・開始タグがあるのに終了タグがない
・終了してはいけない場所なのに終了タグが入ってしまう

 

このようにHTMLの文法にエラーが起きてしまうと、
デザインが崩れてしまう原因になるので気をつけたいですね。

 

今までコーディングをしてきた経験から言わせていただくと、
ページの表示がおかしくなってしまう理由の９割は
このような簡単なミスが原因なんです。

 

なので、今後HTMLでつまずいてしまったときは、
まずは基本的なところから見直してみましょうね＾＾。

 

ところで、最近のホームページって、レスポンシブだとか
いろんなデザインがありますね。

 

デザインのバリエーションが多いとその分、ソースコードも
複雑になっていると思われるかもしれません。

 

確かに、間違いではありませんが、
基本構造というのはみんな一緒なのです。

 

HTMLの構造は次のようになっています。

 

******************************************

 

html

 

head
title　タイトル　/title
/head

 

body

 

h1見出し/h1

 

ページの内容

 

/body

 

/html

 

******************************************

 

意外とシンプルだと思いませんか？

 

上に書いてるそれぞのタグが
どんな意味なのかひとつずつ見ていきましょう。

 

html
「ここからHTMLが始まりますよ」という意味です。

 

head
ページに関する情報を入れる場所です。
ブラウザには表示されませんが、
ページタイトル、キーワード、メタ説明文など、
大切な情報が入っています。

 

title
ページのタイトルが入る場所です。

 

body
このタグで囲まれた範囲がブラウザで表示される内容です。
ページのコンテンツ部分になりますので、
ここが一番、ボリュームが多い場所になります。

 

h1
ページの見出しです。
SEOでキーワードを入れる場所として
重要視されている場所ですのでご存知の方も多いと思います。

 

以上が基本的な構成とタグの役割になります。

 

HTMLには他にもたくさんの種類のタグが存在します。
先ほどの構成の中にいろんなタグが入ることで
ページってできているんですね。

 

今日のお話は、HTMLの基本的な内容でしたので、
まだソースを編集するには不十分かもしれません。

 

でも、基本から少しずつ慣れていくと
いつの間にかかなり理解できるようになっているので
楽しみにしていてください＾＾