ホームページ制作 初期費用¥0 月々1000円であなたのお店もホームページが持てる 小さなお店・事業のためのホームページ制作

ホームページ制作 ホームページ1000 ロゴ

ホームページ制作【ホームページ1000】HOME > ホームページ1000 公式メールマガジン バックナンバー > 009

<< 前へ   次へ >>
バックナンバー 一覧へ戻る

バックナンバー Vol.009:
ホームページ作成に必要なHTML・CSS・サーバーについて:<1.HTMLの知識>

こんにちは。

「ホームページ1000」の代表・デザイナー・Web集客コンサルタントの大竹です。

前回から「ホームページの成り立ち・仕組み(HTML・CSS・サーバ)」について見ていますが、今回は「HTMLの知識」を具体的に検討していきたいと思います。

=================

今回のテーマは

<1.ホームページ作成に必要なHTMLの知識>

について検討していきます。

ホームページを作りたいと思っているけれど、そもそも

・HTML

についてよくわからない人のためのものです。

=================

<1.ホームページ作成に必要なHTMLの知識>

HTMLというのは、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)の略です。

HTMLの最大の特徴は

・リンクが貼れる

ということです。

「ハイパーテキスト」とは、このリンクで他の文書と関連付けられる、ということを意味しています。

リンクによってインターネット上で他のコンテンツと結び付けられるということが紙などの他の媒体と決定的に違うところです。

この「リンクが貼れる」という特徴によってインターネットは爆発的に広がっていったのです。

HTMのもうひとつの重要な特徴は

「文章の構造を規定している」

ということです。

これは特にSEO対策を施す際の内部対策で非常に重要になります。

「文章の構造」を説明すると長くなるのでここでは割愛しますが、ホームページにおける「文章の構造」と対になる要素が「デザイン・レイアウト」です。

さて。

別の言い方をするとHTMLは、英語や日本語と同じように「インターネットエクスプローラー(IE)などのブラウザで、ホームページを表示させるための"言葉"」です。

言葉、というと拒否反応が出る人がいるかもしれませんが、日本語を習得している私達からすれば、アホみたいに簡単な言語です。

どのサイトでも良いのでブラウザを開いてブラウザのメニューの「表示」→「ソース」を選んでみてください。

テキストエディタが起動して謎の文字列が出てきましたね?

こんなやつ ↓

<html>
<head><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=euc-jp">
<title>Yahoo!メール</title>
<script type="text/javascript">

この"<~>"で囲まれた文字列がHTMLです。

"<"">"で囲まれた文字のことを「タグ」と言います。

どんな言語にも書き方にはルールがあるようにHTMLも言葉ですから記述のルールがあります。

日本語だったら文章の終わりには"。"を書くとか、英語だったら文章の始めは大文字で、ピリオドで文章が終わるとか。

ですから当然 HTMLにも記述のルールがあります。

このルールさえ押さえれば、リファレンスを参照すれば大体の意味はわかるようになります。

とりあえずHTMLを読めるようになるために覚えなくてはならないタグのルールは

1.開いたタグは閉じなくてはならない
2.入れ子の構造

の2つだけです。

◆ 1.開いたタグは閉じなくてはならない

例えば段落を表す<p>というタグがありますが

<p>~</p>

でワンセットになります。

<●>・・・開始タグ
</●>・・・終了タグ

と言います。
原則的に「開始タグ」と「終了タグ」はワンセットです。

◆ 2.入れ子の構造

入れ子とは、タグは互い違いに記述してはいけないというルールで

<p>今日は<b>良い天気ですね</b></p> →○

ということで、

<p>今日は<b>良い天気ですね</p></b> →×

ということです。

良く使うタグだけでも数十種類ありますが、ここで各タグの詳しい解説はとてもできませんので興味がある方は「HTMLリファレンス」で検索すれば各タグを解説しているページが出てきます。

次回はCSSについて見てきます。

それでは今回はこの辺で。


また次回お会いしましょう。

最後までお読み頂きありがとうございました!


大竹


<< 前へ   次へ >>
バックナンバー 一覧へ戻る

▲TOPへ