2.HTMLファイルはテキストファイル

 テキストファイルは、メモ帳で作成できます。タグを含むテキストを書いて、拡張子をhtmlにして保存すれば、ブラウザで開くhtmlファイルができます。拡張子は、昔はhtmの3文字でしたが、windowsも4文字拡張子を使うようになりました。今後はhtmlを使いましょう。
●メモ帳を開き、テキストファイルを作って保存する
メモ帳は、windowsアクセサリにあります。これを開いて、メモ帳で作ります の全角8文字を書いてそのまま、デスクトップにhtml練習1のファイル名で保存します。このとき、メモ帳と保存の画面の矢印を見てください。なんと、メモ帳がutf-8に対応しています。これまで、メモ帳はANSI・シフトJISにしか対応していませんでしたが、世界標準のutf-8にも対応しているのです。これで保存すると、拡張子はtxtのテキストファイルとして保存されます。
●メールタグを使って、メールアドレス帳を作る
メモ帳を開き、以下の書式でメール送信タグを書き込みます。
<a href="mailto:nobszk@winboys.net?subject=問い合わせ&amp;body=ご記入ください">Win坊</a><br>
赤の部分は、メールアドレスごとに変えてください。行を追加するには、改行して同じ書式で行を追加します。尚、?以下の、subject=問い合わせ&amp;body=ご記入くださいは、自動で入る件名と文中の一行です。不要なら丸ごと消してください。どちらか一つだけ使う場合は、&amp; は区切り文字なので消します。

●テキストファイルの知識
保存されたテキストファイルは、拡張子txtなので、メモ帳が関連付けられており、アイコンは「メモ帳」になっています。アイコンの上に、マウスを置くとファイルの概要が表示されています。これをWクリックで開き、名前を html練習2 として保存し直します。その際に、保存画面の文字コードを開き、ANSIに変えます。ANSIというのは、従来のwindowsの日本語の文字コードである、シフトJISコードのことです。

テキストファイルは、何の書式もありませんが、文字コードの種類があるのです。従来のwindowsでは、テキストファイルの文字コードはシフトJISと決まっていました。しかし、これは日本だけの規格で、世界の標準ではありません。インターナショナルなWebページも、アジア圏ではそれぞれの漢字文字コードがあり、文字コードの異なるページを見るときに、いわゆる「文字化け」という現象が生じていました。半角文字は1バイト、全角文字は2バイトというシフトJISの世界は、すべての国の文字が1文字3バイトというユニコードになりました。1バイトだと、256種の文字が、2バイトだと32000種の文字が、3バイトだと84000種の文字がコード化され、アルファベットやひらがななど世界中の文字が、同じコード体系で表示できます。テキストファイルのサイズは増えますが、それでも、コードの種類の違いが無くなり、文字化けのないテキストが見られます。
ちなみに、utf-8で保存した日本語8文字のファイルは、ファイルサイズ24バイトですが、ANSIで保存したものは、16バイトになっています。昔の作ったテキストファイルは、ANSIなので、開いて編集して保存しても、コードは変わりません。htmlを作るには、この、文字コードの違いにも気を付けなければいけません。



ANSIで保存したテキストファイルは、ファイルサイズ以外違いはありません。テキストファイルの文字コードの違いは、基本的には開くソフトが自動認識するので、ユーザーは取り敢えず意識しなくて済みますが、編集者は理解しておく必要があります。

●htmlファイルにする
メモ帳で作ったテキストファイルを、htmlファイルにするには、ファイルの拡張子をtxtからhtmlに直せば良いです。拡張子を、ファイル名の一部なので、名前の変更で直すこともできますが、windowsに怒られます。いったん開いて、保存し直すと良いでしょう。また、最初から拡張子付きで保存します。


拡張子を変更すると、関連付けが変わって、開くソフトが変わり、アイコンが変わります。



画像ファイルの拡張子を変えて、テキストファイルにしたら、わけのわからない文字が並んだり、大きすぎて開けなかったりして、windowsが壊れたようになりますが、同じテキストファイルは、壊れることはありません。拡張子が変わった、このファイルを開くと、新しいedgeブラウザが開いてくれます。


タグもなく、文字しかないので、画面はメモ帳と同じですが、ファイルのアドレスが表示されています。
htmlファイルは、それがどこにあるかという、アドレスという属性があります。
ポイント htmlは、メモ帳で、拡張子htmlで、文字コード utf-8 で作る