HTMLで現在の日付を表示する方法


方法1: JavaScriptを使用する方法 HTML内でJavaScriptを使用して現在の日付を取得し、表示することができます。以下はその例です。

<!DOCTYPE html>
<html>
<head>
  <title>現在の日付表示</title>
  <script>
    function displayDate() {
      var today = new Date();
      var date = today.getDate();
      var month = today.getMonth() + 1;
      var year = today.getFullYear();
      var dateString = year + '/' + month + '/' + date;
      document.getElementById("dateDisplay").innerHTML = dateString;
    }
  </script>
</head>
<body onload="displayDate()">
  <h1>現在の日付:</h1>
  <div id="dateDisplay"></div>
</body>
</html>

この方法では、<script>タグ内でJavaScriptを記述し、displayDate()という関数を作成しています。displayDate()関数は、new Date()を使用して現在の日付を取得し、それをHTML内の<div>要素に表示します。<body>要素のonload属性にdisplayDate()関数を指定することで、ページが読み込まれた時点で日付が表示されます。

方法2: PHPを使用する方法 もしPHPをサポートしているサーバー上で動作するHTMLページを作成している場合、PHPを使用して現在の日付を表示することもできます。以下はその例です。

<!DOCTYPE html>
<html>
<head>
  <title>現在の日付表示</title>
</head>
<body>
  <h1>現在の日付:</h1>
  <?php
    echo date("Y/m/d");
  ?>
</body>
</html>

この方法では、<?php ... ?>タグ内にPHPコードを記述し、date()関数を使用して現在の日付を取得し、それを表示しています。