HTMLの基本 - Hiroppyken/Study GitHub Wiki

HTMLのフォルダ名及びファイル名のルール

  • 半角英数字のみ使用する
  • 使えない記号に注意
    ※基本的に「-」と「_」以外は使用しない
  • 空白は使えない
  • 小文字に統一する
  • ホールページは「index.html」にする
    ※URLで省略が可能なため

HTMLファイルの骨組み

  • <!doctype html>とは
    Doctype宣言。そのページがどのバージョンのHTMLで、その使用に合わせて作られているのかを書いている。
  • <html>~</html>とは
    Doctype宣言の後すぐに記述する。これはHTMLの文章だということを表している。
  • <head>~</head>とは
    この部分はページのタイトルや説明文、使用する外部ファイルのリンクなど、ページの情報を記述する。ブラウザには表示されない。
  • <meta charset="UTF-8">とは
    これは文字コードを「UTF-8」にするという指定。これが正しく喜寿スされていないと文字化けをしてうまく文字が表示されない場合がある。
  • <title>~</title>とは
    ページのタイトルを記述する。
    この名前がブラウザーのタブヤ、ユーザーがWEBサイトをブックマークしたり、検索した時のページタイトルとして表示される。
  • <meta name="description" content="~">とは
    このページについての説明文を書きます。
    検索エンジンでページタイトルと共に表示される部分です。
    ユーザが検索した時にどんなサイトなのかを瞬時に判断できるよう、必要なキーワードを混ぜて記述するとよい。
  • <body>~</body>
    HTML文章の本体部分。
    ここにコンテンツを入力することで、実際にブラウザー上で表示される。

HTMLの基本文法とタグ

文法

⚠️ **GitHub.com Fallback** ⚠️