2008 . 07 « 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 » 2008 . 09

HTML基本 2

作成〜注意

それでは色々と説明したところで、やっとこさ作成ですー!
すっとばして此処を読んでいる人も(笑)、そうでない人も、一番楽しみにしていた所ではないかと!
基本の基本なので、まだ飾りッ気はありませんがこれからどんどん素敵になっていきますので・・・!
此処からはwinを前提として説明していきますが、Macと基本は変わらないと思います。


1.メモ帳を用意してください。

2.以下の通りに打ってください(もしくはコピー&ペースト)
<HTML>
<HEAD>
<TITLE>サンプルページ。</TITLE>
</HEAD>
<BODY>
まずはこんな感じ。<BR>
これでもう一ページが完成です!<BR>
やったね!(笑)
</BODY>
</HTML>
------------------
補足説明
<HTML>は、前のページで説明したとおり「なくてはならない存在」です。
一番最初と一番最後に必ず入れてください!「HTML」や「HEAD」などの文字は、全て「< > と < / >」で囲みます。
<HTML>で始め、</HTML>で終わらせる。<TITLE>で始め、</TITLE>で終わらせる。
<HEAD>で始め、</HEAD>で終わらせる。<BODY>で始め、</BODY>で終わらせる。

・・・と、こんな感じですー。
------------------

3.打ち終わった(コピーし終わった)ら、「ファイル→名前をつけて保存」で保存してください。
この時注意して欲しいのは、名前の付け方です。そのページのファイル名を
ひらがなや漢字、カタカナで書かれてしまうと、アップしたときにページが表示されなくなってしまいます
なので、必ず全国共通語(笑)の英語で設定してください。
保存するとき、もう一つ注意して欲しいことがあります。
それは、「拡張子」です。「.html」や「.htm」など、ファイルの名前の後に必ずつけてください。
とりあえず、今作ったページは「top.html」と言う名前をつけてあげてください!
ファイルの種類は「すべてのファイル」を選択し、保存を押します。

4.ファイルを開いてください
どのようになっているかを確認するために、ファイルを開きましょう!
しかし、そのまま開いただけじゃあ変わらないので、少し開き方を変えます。
まず、インターネットを開いてください。「ファイル→開く→参照」の順番で、
先ほど作った「top.html」を呼び出してくださいな。
すると、こんな感じ に、なっているはずです。


此処までが、最初の最初、基礎の基礎です!これで貴方は一ページを作ってしまいましたv
素晴らしいと自分を褒め称えてください(笑)
管理者にだけ表示を許可する

トラックバックURL
http://riramani.blog39.fc2.com/tb.php/4-13869c3b