次へ→HTMLの記述HTMLファイルはテキストファイルであり、タグ(「<」と「>」で囲まれた文字列)により、文章の構造を定義します。HTMLファイルは以下のような構成にする必要があります。ボディ要素には画面の構成に関する情報を記述します。ヘッダ要素head要素以下には、以下のようなタグを記述することができます。これら以外にも様々なタグを記述することができますが、詳しくはWEBに多くのリファレンスがありますので、各自で調べるようにしてください。charset=utf-8">このHTMLファイルのタイプと文字コードを指定します。本教材のサンプルの文字コードはすべてUTF-8に統一します。title<title>ページのタイトル</title>このHTMLファイルのタイトルを指定します。ブラウザのタブやタイトルバーにはこのタイトルが表示されます。type="text/css">CSSファイルへの参照を指定します。</script>スクリプト(JavaScriptなど)を指定します。ボディ要素body要素以下に記述可能なタグに関しては、ログイン画面を例に説明します。ログイン画面の場合、以下のようなHTMLタグで構成することが考えられます。それぞれのタグの意味は以下の通りです。これ以外にも様々なタグを記述することができます。詳しくはWEBに多くのリファレンスがありますので、各自で調べるようにしてください。</body>ページ全体をあらわすタグです。ページをフレーム分割する場合以外は必須です。h1<h1>見出し</h1>見出しをあらわすタグです。hr<hr>水平線をあらわすタグです。(ブロックの内容)</div>ブロックをあらわすタグです。</tr></table>表構造をあらわすタグです。(フォームの内容)</form>テキスト入力、ボタンなどのまとまりを示すタグです。フォームに含まれるすべての入力フィールドの値をまとめ、サーバに送信することができます。value="送信ボタンです">テキスト入力、ボタンなど、入力領域を示すタグです。実際に、ログイン画面のHTMLを記述してみましょう。HTMLは以下のようになります。</html>3~4行目:ヘッダ要素の記述。titleタグでページタイトルを、metaタグで文字セットを明示しています。7~36行目:ボディ要素の記述。ログイン画面の構成例に従ってタグを組み合わせています。上記のファイルを適当な場所にダウンロードし、ブラウザで表示を確認してください。ブラウザには以下のように表示されます。