ホームページ1000 制作・ビジネス徒然日記

初期費用¥0 小さなお店・事業のためのホームページ制作【ホームページ1000】の制作日記とビジネスについてのあれこれ

1.ホームページ作成に必要な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リファレンス」で検索すれば
各タグを解説しているページが出てきます。


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

現在【ホームページ1000】ではモニター作成を許可してくださる
お店・事業を広く募集しています。
モニターといってもあなたに特にして頂くことはありません。
モニターを許可して頂ければさらに特別価格(月々825円)で制作します。

詳しくは こちら


ホームページ制作【ホームページ1000】
初期費用¥0 月々1000円の小さなお店・事業のためのホームページ制作


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