作ってみて表示する
----------------------------------------

とりあえずフォルダでも用意しておくか

まずホームページのファイルを入れておくフォルダを作りましょう。
マイコンピュータを開き、何も無いところで右クリック[新規作成-フォルダ]をクリック。フォルダが現れたら名前を付けましょう。
『homepage』なんてのがわかりやすくて素敵です。

じゃあ作ってみようか

テキストエディタを開いて下さい。ここではメモ帳で説明します。メモ帳はWindows付属なのでなんとかなるでしょう。
ホームページはHTMLという言語で作るのが主流です。HTMLがHyperTextMarkupLanguageの略だということは知らなくても良いですが、知らない人の前で言うとかっこいいかも知れません。

それでは下のようにメモ帳に入力して下さい。<〜>で囲まれた部分(以下タグ)は大文字でも小文字でも良いですが、必ず半角で入力して下さい。

<html>
<head>
<title>ホームページ</title>
</head>
<body>
ホームページを作ったのだよ。
</body>
</html>

ここでタグ説明

HTMLは<開始タグ>〜</終了タグ>という形になっている場合が多いですが、性質上終了タグが必要ないタグもあります。

<html></html>
ここからここまでがHTMLなんだよ。という意味だと思います。基本的に最初と最後に記述します。

<head></head>
頭。っていうかheader。直接表示されないような設定を記述することが多いです。

<title></title>
タイトル。ここに記述した部分がタイトルバーに表示されます。

<body></body>
体。だそうですよ。基本的に画面に表示される部分を記述します。

ここまでのタグはどのページでも同じです。使いまわしましょう。

では保存しましょう。[ファイル-名前を付けて保存]をクリック。
さっき作ったホームページ用のフォルダの中に『index.html』とでも命名して保存すれば良いと思います。
index.htmlとはファイル名を省略した時に表示されるファイルです。(例えばhttp://www.chatmania.jp/はhttp://www.chatmania.jp/index.html)トップページに向いています。

よし見てみよう

保存したファイルをブラウザで表示してみましょう。

Internet Explorer(以下IE)では[ファイル-開く]、Netscape Navigator(以下NN)では[ファイル-ページを開く]みたいな感じだと思います。
IEでは[参照]、NNだと[ファイルを選択]で保存したindex.htmlを選択し開いて下さい。

下のように表示されればたぶん成功です。
ホームページを作ったのだよ。

次はこれをなんとかしてみましょう。


Back-Next