<!DOCTYPE html>
<!-- HTMLを今から使うことを宣言しています -->
<html lang="ja">
<!-- HTMLの中身は日本語(ja=japanese)が使われていることを指定しています -->

  <head>
  <!-- そのページに反映させ基本設定をheadタグ内で記述します -->
    <meta charset="utf-8">
    <!-- 文字コードを指定します -->
    <title>HTML/CSSについて見てみよう!</title>
    <!-- ページのタイトルが入ります -->
  </head>

  <body>
  <!-- そのページに表示したい内容をbodyタグに記述します -->

    <h1>HTML/CSSについて見てみよう!</h1>
    <!-- h1にはページの大見出しが入ります -->

    <div>
    <!-- divタグはグループ化する時に使います -->

      <h2>HTMLとは?</h2>
      <!-- h2にはh1の次に大きな見出しが入ります -->

      <h3>HTMLの役割</h3>
      <h3>HTMLの記述方法</h3>
      <h3>HTMLのサンプル</h3>
      <!-- h3にはh2の次に大きな見出しが入ります -->

      <p>
        HTMLはそんなに難しいものではありません。<br />
        HTMLさえわかれば、文章の書き換え更新もできます!
      </p>
      <!-- pタグには文章が入ります -->

      <img src="images/photo1.jpg" alt="サンプル画像">
      <!-- imgタグで画像を表示できます -->

      <a href="https://branding-creator.com/">リンクはこちら</a>
      <!-- aタグはリンクを表示できます -->

    </div>

    <ul>
    <!-- ulタグは箇条書きリストをグループ化する時に使います -->
      <li>HTMLはマークアップ言語</li>
      <li>機械語を人間語に変換したもの</li>
      <li>タグ数は多いが、記述方法は簡単</li>
      <!-- liタグはリスト内容が入ります -->
    </ul>

  </body>

</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.