Top > Lecture > JouhouC2007 > 2nd > head_body
AND OR

HTMLファイルの「骨組み」をつくる

▲ ▼

HTMLファイルの作成

それでは、HTMLファイルを作成していきます。 実際に入力して練習しましょう。 それには、まずエディタを起動します。

  • 「Tera Pad」を利用する場合
    1. デスクトップにある「Tera Pad」のアイコンをダブルクリック
    2. Tera Padが起動
  • 「メモ帳」を利用する場合
    1. デスクトップにある「Tera Pad」のアイコンをダブルクリック
    2. メモ帳が起動
▲ ▼

HTML文書の骨組み

HTML文書の構造は、次の３つの要素によって、 内容を組み立てられています。

  • html要素: HTML文書全体（<html>...</html>）
  • head要素: HTMLファイルの基本情報（<head>...</head>）
  • body要素: Webページとして表示される内容（<body>...</body>）

head要素は、HTML文書に関する情報や設定を記述する場所です。 HTML文書のタイトルもその中に記述します。

  • title要素: Webページのタイトル

title要素は、１つだけ記述できます。 設定したタイトルは、ブラウザのタイトルバーに表示されます。

例
<html>
<head>
  <title>タイトル</title>
</head>
<body>
   （表示される内容）
</body>
</html>
▲ ▼

ファイルの保存とブラウザでの確認

ひとまず、ファイルを保存してみましょう。

  1. メニューから、「ファイル」→「名前をつけて保存」を選択
  2. 「保存する場所」を「マイドキュメント」に設定
  3. 「ファイル名」を「自分の学籍番号」+「.html」と入力
    （例: c2062000.html）
  4. 「保存」ボタンをクリック

保存できたら、ブラウザで確認してみましょう。 「Internet Explorer」を使います。

  1. Internet Explorerを起動
  2. メニューから「ファイル」→「開く」を選択
  3. 「参照」ボタンをクリック
  4. 保存したファイルを指定し、「開く」ボタンをクリック

あとは、 ファイルを編集したら、上書き保存し、 ブラウザで確認する、という作業を繰り返します。 ブラウザで確認する際は、次のようにして、 ファイルを読み込みなおします。

  1. メニューから、「表示」→「最新の情報に更新」


次の説明から、いくつかのタグを紹介します。 実際に入力してみて、どのように表示されるか、よく確認してください。


次へ進んでください。

[前へ] [目次へ] [次へ]
リロード   差分   ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
Last-modified: Tue, 11 Mar 2014 20:20:22 JST (3689d)