いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

HTMLとXHTMLの記述の違いに注意しよう

  • このエントリーをはてなブックマークに追加

HTMLとXHTMLは、タグの記述が若干違うので、注意してください。

違いと言っても、一つ一つのタグを覚える必要はなく、ちょっとした法則を覚えるだけなので、難しいことはありません。

その法則とは、XHTMLで閉じタグがないタグの場合は半角スペースとスラッシュを追加するということだけです。

例えば、br(改行)なら、HTMLの場合は<br>と記述しますが、XHTMLの場合はbrの後ろに半角のスペースとスラッシュを追加して<br />と記述します。

他にimgも同様に、HTMLなら<img src="画像のパス">ですが、XHTMLなら<img src="画像のパス" />となります。

このように、HTMLとXHTMLでは、タグの記述に若干の違いがありますので、混同しないように注意してください。

おすすめのホームページ作成ソフト

コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。

現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。

ホームページビルダー
初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
Dreamweaver
中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。

『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。

また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。


HTMLタグ
CSS
一口メモ
サンプルソース
用語集