HTMLファイルを作る

ここでは、実際にHTMLファイルを作る順序を紹介していきます。

HTMLファイルを作る順序

【OSがwindowsXPでブラウザがInternet Explorerの場合】


[スタート]→[すべてのプログラム]→[アクセサリ]→[メモ帳]の順でクリックして [メモ帳]を開きます。(パソコンの何もないところで右クリックして [新規作成] → [テキストドキュメント] を選択してクリックするとデスクトップ上に[新規テキストドキュメント]のアイコンが出来るので、そこをクリックしても 同じように[メモ帳]が開けます)











開いたメモ帳に、下の画像のように文字を入力します。
< > と 英字は半角で入力します。< > は、キーボードの キーを押しながら、 ひらがなの"ね"キーと"る"キーを押すと入力できます。





メモ帳の[ファイル]→[名前を付けて保存]をクリックします。






保存したい場所(ここではマイドキュメントに保存しています)を開き、 をクリックして を 作ります。とりあえず、分かりやすくする為にの名前は とでもしておきます。 これでマイドキュメントにというフォルダが出来ました。 を左クリックして開き、 ファイル名のところに、index.html と半角で入力してをクリックして 保存します。





次に、いつもインターネットを楽しんでるように、ブラウザを起動させます。 左上にある[ファイル]から[開く]を選択してクリックします。





下のような[ファイルを開く]ウインドウが出たら [参照]をクリックして、先ほど保存した [マイドキュメント]→[私のHP]から を選択します。



[ファイルを開く]ウインドウに、表示されたら、[OK]をクリックします。



ブラウザに、下のような画面が表示されれば成功です。





これが、自分でホームページを作る基本です。
先ほど、メモ帳に入力した < > で囲まれた部分はタグと言います。
<html> で始まり、 </html> で終わるページはHTMLファイルと言い、 一般的に.htmlや.htmという拡張子が付けられ、 トップページ(本でいう表紙のページ)は必ず index.html で保存します。
このように、HTMLプログラム言語でホームページを作る際、タグの入力は必ず必要になってきます。




<html> 〜 </html> これに囲まれた部分がHTMLファイルです
<head> 〜 </head> 本文に関する情報を入力する欄
<body> 〜 </body> これに囲まれた部分が本文になります


タグを入力することで、文字を大きくしたりページに色を付けたり画像を入れたり、 いろいろなことが出来るようになります。


次のページ ページを装飾しよう へ →




関連ページ

ブログを開設する