html日历代码范例

顾国炎 2周前 7浏览 0评论

今天我们来看一下HTML日历代码范例。HTML是网页制作中的重要语言，它可以用来创建各种网页元素。下面是一个HTML日历代码的例子：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>HTML Calendar</title>
  <style>
    table,th,td {
      border: 1px solid black;
      text-align: center;
    }

    th {
      background-color: #21618c;
      color: white;
    }

    td {
      background-color: #f7dc6f;
    }

    .today {
      background-color: #c8ebc8;
    }
  </style>
</head>

<body>
  <h1>Calendar</h1>
  <table>
    <tr>
      <th>Sun</th>
      <th>Mon</th>
      <th>Tue</th>
      <th>Wed</th>
      <th>Thu</th>
      <th>Fri</th>
      <th>Sat</th>
    </tr>

    <?php
      $date = time();
      $day = 1;
      $daysInMonth = date("t", $date);
      $month = date("m", $date);
      $year = date("Y", $date);
      $firstDay = mktime(0,0,0,$month,1,$year);
      $startDay = date("w", $firstDay);

      for ($i=0; $i<6; $i++) {
        echo "<tr>";
        for ($j=0; $j<7; $j++) {
          $cellNum = $i*7 + $j;
          if ($cellNum < $startDay || $cellNum >= $startDay + $daysInMonth) {
            echo "<td>&nbsp;</td>";
          }
          else {
            if ($day == date("d")) {
              echo "<td class='today'>" . $day . "</td>";
            }
            else {
              echo "<td>" . $day . "</td>";
            }
            $day++;
          }
        }
        echo "</tr>";
        if ($day > $daysInMonth) {
          break;
        }
      }
    ?>

  </table>
</body>

</html>

上面的代码会生成一个简单的日历页面。其中，PHP代码部分用来计算每个月的天数以及每个月的开始日期。如果你想学习更多HTML相关的知识，你可以搜索一些教程或者查看一些电子书籍。HTML作为开发网站的基础语言，掌握它的基本知识对于日后的学习和工作都非常重要。

上一篇 JQUERY 信息牌

下一篇 jquery 代码触发click

网站导航

网站导航

最近发表

文章归档

html日历代码范例