萬年歷,是指可以顯示從公元1年到無限遠未來年份的日歷。
在Web開發中,HTML是構建網頁的基礎語言之一。HTML提供了各種元素和標簽來實現頁面的布局和展示效果。這篇文章將介紹HTML的萬年歷代碼模板,并附有詳細的代碼實現。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>萬年歷模板</title> <style> /*設置樣式*/ table { border-collapse: collapse; margin: auto; } td { border: 1px solid #000; padding: 5px; width: 30px; height: 30px; text-align: center; } .today { background-color: #ff6600; color: #fff; border-radius: 50%; } .weekend { color: #f00; } </style> </head> <body> <table> <caption><h2>2019年11月日歷</h2></caption> <tr> <th>周日</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> <th>周六</th> </tr> <?php $year = 2019; $month = 11; $firstDay = date('w', strtotime("$year-$month-1")); $days = date('t', strtotime("$year-$month")); $count = 0; echo "<tr>"; for ($i = 0; $i < $firstDay; $i++) { echo "<td></td>"; $count++; } for ($i = 1; $i <= $days; $i++) { if ($count % 7 == 0) { echo "</tr><tr>"; } if ($i == date('d') && $year == date('Y') && $month == date('m')) { echo "<td class='today'><b>$i</b></td>"; } elseif ($count % 7 == 0 || $count % 7 == 6) { echo "<td class='weekend'><b>$i</b></td>"; } else { echo "<td>$i</td>"; } $count++; } for ($i = $count % 7; $i < 7; $i++) { echo "<td></td>"; } echo "</tr>"; ?> </table> </body> </html>
上述代碼實現了一個可以顯示2019年11月份日歷的頁面。其中,PHP代碼通過調用date函數來獲取當前月份的天數和第一天是星期幾,根據這些信息來動態生成日歷。
在HTML中,我們首先定義一個表格,然后在PHP代碼中動態生成表格的內容。在生成表格時,我們可以通過判斷當前日期是否為周末或是當天來設置單元格的樣式,增加頁面的美觀性。
通過這個萬年歷代碼模板,我們可以進一步熟悉HTML和PHP的基礎知識,并在此基礎上實現更加復雜的動態網頁。
上一篇html 折疊內容 代碼
下一篇html 護眼顏色代碼表