注釈文の範囲指定の方法を理解するためのページ（タグ利用編）

 　
　 　 　
　 　 　
　 注釈文の範囲指定の方法
このページでは『Ｗｅｂページ』を作成するにあたって注釈文の範囲を指定する方法を理解してもらうことを目的として作成しました。
注釈文とは、画面上には反映されないが、ファイルに（備忘録としての役割をする為の）メモとして残しておくことができる文のことをいいます。
ＨＴＭＬだけではなく、プログラミングなどでも必要になるものです。

　
１． 基本的に注釈文は<!--で始まり-->で終わるという ブロックで区切りします。
２． <!--この範囲は注釈文なので、Ｗｅｂブラウザでは表示されません-->
　 この『<!--』と『-->』で囲まれた部分、つまり、『この範囲は注釈文なので、Ｗｅｂブラウザでは表示されません』という文章はブラウザには表示されません。
　
　 　 　
　 　 <<解説>> 　
　 　 ＨＴＭＬの基本構造は、次のようになっています（別ページで解説したものを再掲）。
　
　 ＨＴＭＬの基本構造について
　 <!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>ここにはページのタイトルを書きます</title>
</head>
<body>ここにはページの内容を書きます</body>
</html>

別ページで解説したＨＴＭＬのサンプルファイルを用いて、そこに注釈文を書いてみましょう。
基本的な書式は以下の通りです。

　 注釈文の範囲を設定する方法
　 <!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>ここにはページのタイトルを書きます</title>
</head>
<body>
<!--注釈文の内容を記述する部分-->
ここにはページの内容を書きます
</body>
</html
　 　
　 以下はサンプルデータ（sample5_1.htm） に記述されたＨＴＭＬの内容です。
ブラウザで表示してみると、注釈文（つまり、<!--この範囲は注釈文なので、Ｗｅｂブラウザでは表示されません-->で記述した部分）は表示されていないことが分かります。

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>ここにはページのタイトルを書きます</title>
</head>
<body>
<br>
<!--この範囲は注釈文なので、Ｗｅｂブラウザでは表示されません--><br>
<br>
ここにはページの内容を書きます
ほら、この文章以外は何も表示されていませんね。
</body>

</html>
　
　 　

　 　
　 タグについて理解している生徒は、分からなくて『困っている友達』に教えてあげて下さい。
　
　 　 　 　
　 　 　 　
　 　 課題16のページへ 課題36のページへ 課題40のページへ 最初のページへ