HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード
HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)

HTMLタグボードトップ >> ゼロから始めるホームページ作成講座 >> 仕組みを理解しよう >> ファイルの種類
お問い合わせはこちら サイトマップはこちら

仕組みを理解しようメニュー
1.ホームページとは
2.HTMLのはたらきと仕組み
3.HTMLタグの基礎
4.主なタグの紹介
5.相対リンクと絶対リンク
6.ファイル名の決め方
7.ファイルの種類

ファイルの種類


拡張子ってなんだろう

拡張子とは

ファイルにはその種類を表す「拡張子(かくちょうし)」というものが一つ一つ割り当てられています。例えば画像ファイルは「○○○.gif」や「○○○.jpg」、テキストファイルは「○○○.txt」、音楽ファイルなら「○○○.wav」や「○○○.mp3」などがそうです。そもそも、この拡張子は使う人のためではなく、コンピュータがどんなファイルであるかを認識するために付けられたものなのです。


ホームページ用のファイルもこの拡張子が割り当てられており、HTMLファイルは「○○○.html」もしくは「○○○.htm」です。拡張子はパソコン初心者の人には馴染みにくく、右の図のようにファイルの種類を拡張子ではなく、小さな絵や記号で表現したアイコンでそのファイルがどんなファイルであるかを理解している人が多いようです。


拡張子を表示してみよう

Windows(ウィンドウズ)パソコンを利用している場合、初期の設定ではこれらの拡張子は表示されない設定になっています。ホームぺージを作る人にとっては拡張子は表示されているほうが分かりやすいと思いますので、ここで表示する設定に変更しておきましょう。


設定方法

1. デスクトップ上の左上にある「マイコンピュータ」にカーソルを合わせマウスを右クリックして「開く」を押してください。するとマイコンピュータが表示されます。

マイコンピュータ - 開く

2. 次に、メニューの「ツール」から「フォルダオプション」を選んでクリックします。

ツール - フォルダオプション

3. フォルダオプションの画面が表示されたら、タブの「表示」を選びます。

フォルダオプション - 表示タブ

4. 詳細設定の中から「登録されている拡張子は表示しない」という行を探し、チェックをはずす。

詳細設定 - 登録されている拡張子は表示しないのチェックをはずす

5. 「OK」ボタンを押す。

OKボタンを押す

このようにすると今まで表示されなかった拡張子が表示されるようになります。

拡張子非表示 拡張子表示

htmとhtml

先ほど、HTMLファイルの拡張子は「○○○.html」もしくは「○○○.htm」と説明しました。どちらもHTMLファイルであることに変わりはありませんが、ホームページを作成するとき、これらを混同すべきではありません。どちらかに統一しましょう。そうすることでリンクのミスを防げます。なお、一般的には「html」とする方が多いようです。


<< 前のページ 1 2 3 4 5 6 7 8

画面のトップへ戻る

こんな時どうする?

それ以外の拡張子を教えて


拡張子一覧・検索 (紹介サイトへ)

http://www.jisyo.com/viewer/ - 拡張子辞典
http://extension.s91.xrea.com/ - 拡張子検索 Extension


画面のトップへ戻る

ゼロから始めるホームページ作成講座のトップへ

必要なものを揃えよう
伝えたい情報を考えよう
仕組みを理解しよう
実際に作ってみよう
作ったファイルを公開しよう
製作にあたり注意すべきこと
練習問題にチャレンジ!

訪問者優位のWEBデザインTipsのトップへ

インターネットで小遣い稼ぎのトップへ

今すぐ使える!便利ツールのトップへ