HTMLの基本

目次

HTMLとは

HTML は HyperText Markup Language(ハイパーテキストマークアップ言語)の略です。ハイパーテキストは複数のテキスト(文書)がリンクによって連想的に結び付けられたもののこと、マークアップはテキストの中の文字など意味づけを行うことを意味します。HTML は「<body> や <p> などのタグによって意味づけを行い、ハイパーテキストを実現するための言語」という意味になります。

HTMLのサンプル

難しい能書きは後回しにして、HTMLの簡単なサンプルを見てみましょう。「タイトル」の部分にページのタイトルを、「本文」の部分に本文を記述していくことで、HTML文書を作成することができます。<html><head><meta><title><body> についてはそれぞれのマニュアルを参照してください。

HTML
<html>
<head>
<meta charset="utf-8">
<title>タイトル</title>
</head>
<body>
本文
</body>
</html>

utf-8 の部分には文字コードを utf-8, Shift_JIS, euc-jp などで指定します。現在では、文字コードとして UTF-8 が推奨されています。メモ帳などの場合、通常は Shift_JIS (ANSI) で保存されてしまうので、[ファイル]-[名前をつけて保存] などで 文字コードを UTF-8 に変更してから保存します。

HTMLで特殊文字(<、>、&)を書くには

HTML の本文では、アンパサンド(&)、右大不等号(<)、左大不等号(>)をそれぞれ、&amp;、&lt;、&gt; と記述する必要があります。この形式を文字参照と呼びます。加えて、タグの属性部で、"..." の中ではダブルクォーテーション(")を &quot;、'...' の中ではシングルクォーテーション(')を &#39; と記述する必要があります。

HTML
太字にするには &lt;b&gt; を用います。
ダブルクォート(&quot;)やシングルクォート(&#39;)も文字参照を用いる必要があります。

これをブラウザで表示すると次のようになります。

表示
太字にするには <b> を用います。
ダブルクォート(")やシングルクォート(')も文字参照を用いる必要があります。

HTMLでコメント(注釈)を書くには

HTMLソースを編集するときだけ読むことが出来るコメント(注釈、覚書)を記述しておくと、後からソースコードを読み返す際に理解しやすくなります。コメントには <!-- --> を用います。

HTML
<!-- ○○のバナー広告 -->
<img src="banner/marumaru.gif" width=88 height=31 alt="○○">
  :