HTML

はじめに

インターネット上で蜘蛛の巣のように張り巡らされた情報網のことを World Wide Web (WWW) と呼びます。その情報網では，インターネット閲覧ソフト（ウェブブラウザ）で表示されたページ（ウェブページ）の一部分をクリックすることで，次々とジャンプしアクセスすることができます。 そのようなウェブページは，HTML (HyperText Markup Language) という言語で記述されています。 ここでは，HTML言語の書き方を学習しましょう。

HTMLファイルのサンプルと構造

サンプルファイル

まず最初に，この授業用のディレクトリを作りましょう。

  cd  mkdir html  cd html  

そして，次のように入力すると，エディタ emacs が起動し，mypage.html と名前を付けたファイルの作成画面が表示されます。

emacs mypage.html &

ここで，emacs がご丁寧に
Insert /usr/local/lib/html/template.html?(y or n)
（HTMLファイルのテンプレート（ひな形ファイル）を出しましょうか？）
と聞いてくるので，n （いいえ） を選択します。間違えてテンプレートが出てしまった場合には，それを全部消して下さい。（ 最初の行の先頭で，CTRL-K を押し続けると，消えます）

それから，次のような内容のものを作り，保存しましょう。 ただし， のように < と > とで挟まれた部分は， < > も含めて半角文字で書いていることに注意しましょう。

サンプルHTMLファイル

そして，ウェブブラウザでそのファイルを開いてみましょう。
ウェブブラウザの「ファイル」メニューの「ファイルのオープン」というサブメニューを用いて，先ほど選択したファイルを開きます。 すると，次のように表示されます。

サンプルファイルの結果

ブラウザのウインドウには"ようこそ！これは私のウェブページです。" が表示されています。また，そのウインドウのタイトルが"Welcome"となっています。 しかし，その他のとかのように， <と>とで挟まれたものはブラウザ画面のどこにも表示されていません。 なぜなら，それはHTMLファイルの内容の構造を表す タグと呼ばれるものだからです。 HTMLファイルの書き方を覚えるということは， このタグの書き方を覚えるということに他なりません。

タグと要素

さきほどのファイルにあるタグを抜き出してみましょう。

• と
• と
• と

• と

• 
  

/ が付かないものと付くものとが セットになっているものがたくさんあります。 このように，通常，タグはセットになって現れます。
/が付かないものを開始タグ， /が付いたものを終了タグと呼びます。 また，開始タグから終了タグまでの部分を，要素と呼びます。
しかし，
のように，終了タグがなく単独で現れるものもあります。
タグは，その要素が全体の文書中で どのような意味を持つものであるかを表すものです。 また，タグは