2章 書いてみよう
最初に書いたファイルを保存する場所を作ろう。
デスクトップ何もないところで右クリック→新規作成→フォルダ
フォルダ名をホムペレッスンとでもしよう。
んじゃ、HTML書いてみよう
メモ帳開いて(スタート→プログラム→アクセサリ→メモ帳(ノートパッドともいう)
半角英数(日本語入力切った状態)で(大文字小文字はどちらでもよい)
(↓はenterキー押すってこと)
<html>↓
<head>↓
</head>↓
<body>↓
</body>↓
</html>↓
入力したやつを、ファイル→名前をつけて保存で、01.txt の名前でさっき
作ったホムペレッスンに保存(ホムペレッスンの場所は、c:¥windows
¥デスクトップ¥ホムペレッスン)
出来た01.txt そのまま開いても、メモ帳が開くだけなので、
01.txt を右クリック→名前の変更クリック
→ txt の部分を html に変更して保存
拡張子を変更すると、ファイルが使えなくな可能性があります。
変更しますか? って聞いて来るが、かまわず はい をクリック
名前の変わった 01.html (ファイルの図柄が変わってるはず)を、
ダブルクリックで開いてみると、インターネットエクスプローラー
(長いので以後ブラウザと呼びます)が開く。
(メモ帳での、最初の保存時、名前を 01.html としてもよいが、
拡張子変えればブラウザで表示出来るようになることの説明のた
め、あえてこうした・・・・逆にhtml ファイルをメモ帳で開きたければ、
拡張子を txt に変えればよい。)
それが作った、01.html をブラウザで見たところです。
左上部の青いところが、C:\WINDOWS¥デスクトップ¥ホムペレッスン
¥01.html となっています。(タイトルと言う)
上部の 表示→ソース を選ぶとその内容が、さっき入力したタグ(HTML)だと判ります。
どのホームページでも、上部の 表示→ソース を選ぶことにより、そのHTMLを見ることができます。
これだけじゃ よく判らないでしょうから、タイトルと背景の色をかえて、
文字を入力してみましょう。
01.html を編集するには 01.html を右クリックし、アプリケーションから開く
→Notepad(ノートパッド・・・メモ帳のことです)をクリックし、メモ帳で開いて
編集します。(Win95ではだめらしい・・・95の場合は拡張子をtxtに変更後、
開き、編集後また拡張子をhtml としなければならないらし・・・)
以下の赤文字を追加する。
(実際に赤色で入力するわけでは、ありません・・・説明のため 赤字にしてあるだけです。)
( ↓・・・enter押すマークは、以後省略)
<html>
<head>
<title>
ここがタイトル
</title>
</head>
<body bgcolor="red">
ここがボディ部
</body>
</html>
追加したら ファイル→名前をつけて保存で
名前を02.html とし ホムペレッスン内に保存する。
02.html を(ダブルクリックで)開いてみると、タイトルと背景が変わっていて、
文字が見えると思います。
←BACK NEXT→
目次へ