html日历简单表格代码

宋圣斌 2周前 15浏览 0评论
今天我们来学习如何使用简单的HTML代码创建一个日历表格。 首先,我们需要创建一个表格。我们可以使用HTML的table标签来创建一个表格,并设置表格的宽度和边框等样式。例如:
<table width="600px" border="1px">
</table>
接下来,我们需要添加表头,包括星期几的名称。我们可以使用HTML的tr和th标签来创建表头。例如:
<table width="600px" border="1px">
  <tr>
    <th>星期一</th>
    <th>星期二</th>
    <th>星期三</th>
    <th>星期四</th>
    <th>星期五</th>
    <th>星期六</th>
    <th>星期日</th>
  </tr>
</table>
最后,我们需要添加日期到表格中。我们可以使用HTML的tr和td标签来创建每一行和每一列的单元格。我们可以使用循环语句来生成日历的每一个日期,例如:
<table width="600px" border="1px">
  <tr>
    <th>星期一</th>
    <th>星期二</th>
    <th>星期三</th>
    <th>星期四</th>
    <th>星期五</th>
    <th>星期六</th>
    <th>星期日</th>
  </tr>
  
  <?php
  $days = range(1, 31);
  $weeks = array('Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun');
  $count = 0;
  foreach ($days as $day) {
    if ($count % 7 == 0) {
      echo '<tr>';
    }
    $class = '';
    if ($day == date('j')) {
      $class = 'today';
    }
    if ($day > 0 && $day < 32) {
      echo '<td class="'.$class.'">'.$day.'</td>';
    } else {
      echo '<td></td>';
    }
    if ($count % 7 == 6) {
      echo '</tr>';
    }
    $count++;
  }
  ?>
  
</table>
以上就是使用简单的HTML代码创建一个日历表格的方法,你可以根据自己的需要对代码进行修改和调整,来达到你想要的效果。