Ｗｅｂ教材一覧＞ ネットワーク

マークアップ言語（ＨＴＭＬ、ＸＭＬ、ＸＨＴＭＬ）

表示が不十分なときは、□をクリックすると、その部分が別ウインドウに表示されます。

学習のポイント

Ｗｅｂページ作成に使われる言語であるＨＴＭＬと，それに関連したＸＭＬ，ＸＨＴＭＬについて学習します。
　ここでは，それらの概要説明にとどめ。これらの文法詳細やビジネス用途については割愛します。

キーワード

マークアップ言語，ハイパーテキスト，ＳＧＭＬ，ＨＴＭＬ，ＸＭＬ，ＸＨＴＭＬ

マークアップ言語の変遷□

ＨＴＭＬ（HyperText Markup Language）

ＨＴＭＬとは

ＨＴＭＬは，Ｗｅｂページ作成に適したマークアップ言語です。そして，ＨＴＭＬで記述した文書は，代表的なハイパーテキストです。通常のＷｅｂページはＨＴＭＬで記述されています。

ＨＴＭＬ文書は，ＨＴＴＰによりＷｅｂサーバからパソコンに転送され，Internet Explorer や Netscape Communicator などのブラウザにより解析されてディスプレィに表示されます。

ＨＴＭＬの構造□

ＨＴＭＬとＣＳＳ□

リンク□

画像の貼り付け

ページの中に画像を貼り付ける場合には，
　　　<img src="画像ファイルのＵＲＬ" alt="画像の説明" /">
とします。
　ここでの「画像ファイルのＵＲＬ」はリンク先のＵＲＬと同じです。page1-1.htmlでimage1-2,gifを貼り付けるには，「src="image1-2,gif"」とします。
　「alt="画像の説明"」は，目が非自由な人への対策で，ここに記述した文字列が読み上げられます。この機能は文法上必須であり省略はできません。

「<img ～ />」の「/」の説明をします。これは「<img ～>」でもよいのですが，<　>と</　>の対応をつけるという原則に合わせて「<img ～></img>」とするべきなのを省略した表現法です。同様なものに「<br />」（改行）や「<hr />」（横線）などがあります。

Ｗｅｂブラウザからの入力

ＨＴＭＬでは，フォーム＜form＞により利用者が入力したデータをＷｅｂサーバに送る機能があります。ＧＥＴメソッドでは，フォームで入力した文字列（クエリ文字列といいます）がＵＲＬの後に付加されて送られます（クエリ文字列が日本語などのときは，ＵＲＬエンコードという形式で変換されます）。そのクエリ文字列をＣＧＩプログラムの環境変数 QUERY_STRING で参照します。

　例えば
　　<form method="GET" action="cgi-bin/get.cgi">
　　<p>名前<input type="text" name="namae" size="15">
　　<input type="submit" value="送信" name="submit"></p>
　　</form>
とすると，

ＸＭＬ（Extensible Markup Language）□

ＸＭＬ関連の言語・機能□

ＸＨＴＭＬ（Extensible HTML）□

本シリーズの目次へ