Lecture/InfoDesignB2004/3rd/head_body のバックアップ(No.3)

バックアップ一覧
差分を表示
現在との差分を表示
現在との差分 - Visual を表示
ソースを表示
Lecture/InfoDesignB2004/3rd/head_body へ行く。
- 1 (2004-10-15 (金) 03:43:08)
- 2 (2007-02-24 (土) 07:05:44)
- 3 (2007-02-24 (土) 07:10:26)

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

▲ ▼

HTMLファイルの作成

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

デスクトップにある「Tera Pad」のアイコンをダブルクリック
Tera Padが起動

▲ ▼

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>
</pre>

**ファイルの保存とブラウザでの確認 [#r03a31a8]
ひとまず、ファイルを保存してみましょう。
+メニューから、「ファイル」→「名前をつけて保存」を選択
+「保存する場所」を「マイドキュメント」に設定
+「ファイル名」を「自分の学籍番号」+「.html」と入力~
（例: e2031000.html）
+「保存」ボタンをクリック

保存できたら、ブラウザで確認してみましょう。

Internet Explorerの場合：
+Internet Explorerを起動
+メニューから「ファイル」→「開く」を選択
+「参照」ボタンをクリック
+保存したファイルを指定し、「開く」ボタンをクリック

Mozilla Firefoxの場合：
+Mozilla Firefoxを起動
+メニューから「ファイル」→「ファイルを開く」を選択
+保存したファイルを指定し、「開く」ボタンをクリック

あとは、
ファイルを編集したら、上書き保存し、
ブラウザで確認する、という作業を繰り返します。
ブラウザで確認する際は、次のようにして、
ファイルを読み込みなおします。
-Internet Explorer
--メニューから、「表示」→「最新の情報に更新」
-Mozilla Firefox
--メニューから、「表示」→「再読み込み」



次へ進んでください。
----
#navi2(Lecture/InfoDesignB2004/3rd,prev,toc,next)

KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/3rd/head_body のバックアップ(No.3)

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

HTMLファイルの作成

HTML文書の骨組み

メニュー

大学関係リンク

今日の5件

最新の5件