タグの説明が出てきたところで、タグのお作法

開始タグ~終了タグまで包括関係でなくてはいけません。
つまり以下のよう

<div>
   <div>
        <div>
             <p>ほにゃらら</p>
        </div>
    </div>
</div>

以下のようなのはだめ

<div>
    <div>
         <p>
     </div>
         </p>
</div>

タグ名は大文字でも小文字でも構いませんが、全角は使えませんスペースも入れちゃだめです。

<div>   <!--    これはいい    -->
<DIV>   <!--    これはいい    -->
<DIV>   <!--    これはだめ    -->
< div >   <!--    これはだめ    -->

ここまできて説明してなかったけど、拡張子って知ってるよね?
ファイル名.html
ファイル名.jpg
これのドットの後ろにあるやつなんだけど、ファイルの種類を表しています。
通常は3文字で表すのですが、それは昔のDOSの頃のお作法で、最近では4文字で表すものもあります。

よく使う拡張子一覧

WEBサイトでよく使うやつ


.html / .htmhtmlファイル
.cssスタイルシート(WEBサイトの装飾)
.cgiサーバーサイドプログラムファイル
.phpサーバーサイドプログラムファイル
.jsJavaScriptファイル(ブラウザ上で動くプログラム)
.txtテキストファイル
.jpg / .jpeg画像ファイル
.gif画像ファイル
.png画像ファイル
.svg画像ファイル
.webp画像ファイル
.m4a / .mp4mp4動画ファイル
.mp3mp3音声ファイル
.wavWaveformAudioFormat(音声フォーマット)
.wmaWindowsMediaAudio(Windowsの音声コーデック)
.aviAudioVideoInterleave(Windows標準動画フォーマット)
.zip圧縮ファイル(書庫ファイルとも言う)
.rar圧縮ファイル(書庫ファイルとも言う)
.lzh圧縮ファイル(書庫ファイルとも言う)
.tar圧縮ファイル(書庫ファイルとも言う)
.doc / docxMicrosoftWordのファイル
.xls / .xlsxMicrosoftExcelのファイル
.ppt / .pptxMicrosoftPowerPointのファイル
.aiAdobeIllustratorのファイル
.psdAdobePohotShopのファイル
.csvテキストデータをいくつかのフィールド(項目)に分け、区切り文字であるカンマ「,」で区切ったデータ形式。
.pdfAdobeAcrobatのファイル
.jsonjsonファイル(JavaScriptのデータ形式他の言語とデータの受け渡しなどでよく使う)
.isoCD/DVDなどのイメージファイル(ISO規格)
.logデータのログ(履歴)を残すときによく使う
.old / .bak過去ファイルを残しておきたいときによく使う
.tmpテンポラリ(一時)ファイル

この他にも世の中には唸るほどの拡張子があります。
アプリケーションごとや各自勝手につくた拡張子、Windowsの設定で拡張子を表示しておいて各ファイルの種類を覚えておくようにしましょう。
アイコンはアテになりません。
コンピュータウィルスや悪意のあるプログラムなどアイコンを偽装します。

※おまけ

Windowsで拡張子を表示する方法

エクスプローラーの表示-表示-ファイル名拡張子にチェックを入れてください

By ysfarm