方法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()
関数を使用して現在の日付を取得し、それを表示しています。