基本的なタグ

<html>と</html>

<html>タグは必ず一番最初に置きます。これは、「次の文章がHTMLですよ」いうタグです。
</html>タグでHTML文章を締めくぐり、「ここまではHTMLでしたよ」というタグです。

<head>と</head>

<head>は「ここからは文章の頭ですよ」というタグです。
< head >「タグ」は<html>タグの次に付くタグです。
< /head >は「ここまでは文章の頭でした」というタグです。

<title>と</title>

<title>は、「ここから題名を入れますよ」というタグです。
</title>は「ここまでは題名でした」というタグです。

<body>と</body>

<body>は、「ここから内容を入れますよ」という「タグ」です。
</body>は「ここまでは内容でした」というタグです。

例

HTMLファイル 画面表示
<html>
<head>
<title>府大太郎のhomepage</title>
</head>
<body>
府大太郎のホームページ
</body>
</html>
府大太郎のhomepage – Netscape
File Edit View Go Bookmarks Options
府大太郎のホームページ

演習

  1. public_htmlフォルダを作っておく
    • explorerアイコンをダブルクリックする
    • Zドライブを選択する
    • 「ファイル」メニューバーをクリックして、「新規作成」-「フォルダ」を選択する。
    • 「フォルダ」名をpublic_htmlと入力する。ここで、publicとhtmlとの間はアンダーバーで、shiftキーを押しながら「ろ」キーを押して入力したものである。
  2. HTMLの作成
    • 秀丸エディタを立ち上げる
    • 例のようなHTMLを入力する
    • 「ファイル」メニューバーをクリックし、「名前を付けて保存」を選択する
    • 保存する場所をZ:ドライブとし、「public_html」フォルダをダブルクリックする
    • ファイル種類をすべてファイルとし、ファイル名をindex.htmlとする
    • 「保存」ボタンをクリックする
    • 秀丸エディタ画面を非表示する{右上の最小化ボタン（－）をクリックする}
  3. ホームページの表示
    • 「Natscape Navigator」ブラウザを立ち上げる
    • 場所欄にhttp://www.edu1.osakafu-u.ac.jp/~ユーザIDを入力する