温馨提示×

html日历代码怎么写

小亿
314
2023-08-04 00:30:24
栏目: 编程语言

下面是一个简单的HTML日历代码示例:

<!DOCTYPE html>

<html>

<head>

  <title>日历</title>

  <style>

    table {

      border-collapse: collapse;

    }

    td {

      text-align: center;

      padding: 10px;

      border: 1px solid #ccc;

    }

    th {

      background-color: #f0f0f0;

      padding: 10px;

      border: 1px solid #ccc;

    }

  </style>

</head>

<body>

  <table>

    <thead>

      <tr>

        <th>周一</th>

        <th>周二</th>

        <th>周三</th>

        <th>周四</th>

        <th>周五</th>

        <th>周六</th>

        <th>周日</th>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td></td>

        <td></td>

        <td></td>

        <td></td>

        <td>1</td>

        <td>2</td>

        <td>3</td>

      </tr>

      <tr>

        <td>4</td>

        <td>5</td>

        <td>6</td>

        <td>7</td>

        <td>8</td>

        <td>9</td>

        <td>10</td>

      </tr>

      <!-- 继续增加其他日期 -->

    </tbody>

  </table>

</body>

</html>

该代码创建一个基本的日历表格,包含了表头和日期部分。你可以在每个<td>元素中填入具体的日期。你可以根据需要

添加样式或修改表格结构来改变日历的外观和功能。


0