HTMLファイルの作り方

HTMLの基本的な仕組みは大体分かっていただけましたでしょうか?初めは分からない事だらけなので、最初はどんどん進んでしまいましょう!誰でもやりながら覚えるのが基本です。では早速ですが、実際に『htmlファイル』を作ってみましょう!

<html>
<head>
<title>ここに好きなタイトルを書きます</title>
</head>
<body>

ここが内容です。自由に文字列を書いてみましょう。

</body>
</html>

上のサンプルの<html>から</html>まで(ソース)をコピーして下さい。
一旦、デスクトップに戻り右クリック(Macはcontrol+クリック)でメニューを開き、『新規作成』より、テキストドキュメントを選びます(普通のメモ帳です)。ファイルを作ったら、先ほどコピーしたソースを貼り付けて上書き保存します。

初めてのHTMLのファイル名はindex

ファイルを作る工程

上の図のような流れでファイルを作って行きます。さて、ここで一番右のコマに注目してみて下さい。

index.html

というファイル名になっていますよね!
まずHTMLファイルの拡張子は【.html】であると覚えて下さい(テキストなら【.txt】という具合に)。
そして、将来あなたがインターネット上に公開するウェブサイトのトップページのファイル名は、必ず【index】インデックスという名前で作って下さい。

index.htmlのイメージ図

トップページ以外のファイル名は、半角英数字であれば何でも良いのですが、トップページだけは【index.html】にしなければなりません。今は「そういう決まりがあるんだな〜。」と覚えておくくらいで大丈夫です。詳しい理由は、HTMLに慣れてきた時にでもゆっくり調べてみると良いでしょう。

ファイル名に使える文字は以下
0,1,2,3,4,5,6,7,8,9
a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z
-(ハイフン),_(アンダーバー)

改行とスペースの扱い方はちょっと特殊≫

戻る