Загрузка данных


<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Моё расписание на неделю</title>
  <style>
    /* Немного стилей, чтобы таблица выглядела аккуратно */
    table, th, td {
      border: 1px solid #333;
      border-collapse: collapse;
      padding: 8px 12px;
    }
    th {
      background-color: #f0f0f0;
    }
  </style>
</head>
<body>

  <h1>Моё расписание на неделю</h1>

  <table>
    <!-- Первая строка — заголовки -->
    <tr>
      <th>День</th>
      <th>Первый предмет</th>
      <th>Второй предмет</th>
      <th>Домашнее задание</th>
    </tr>

    <!-- Строки по дням недели -->
    <tr>
      <td>Понедельник</td>
      <td>Математика</td>
      <td>Русский язык</td>
      <td>Упражнение 15, задача 4</td>
    </tr>
    <tr>
      <td>Вторник</td>
      <td>История</td>
      <td>Английский язык</td>
      <td>Выучить слова, прочитать параграф 2</td>
    </tr>
    <tr>
      <td>Среда</td>
      <td>Физика</td>
      <td>Информатика</td>
      <td>Написать код, подготовить доклад</td>
    </tr>
    <tr>
      <td>Четверг</td>
      <td>Литература</td>
      <td>География</td>
      <td>Прочитать главу, выучить карту</td>
    </tr>
    <tr>
      <td>Пятница</td>
      <td>Химия</td>
      <td>Биология</td>
      <td>Составить формулы, ответить на вопросы</td>
    </tr>
  </table>

</body>
</html>


<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Свяжитесь со мной</title>
  <style>
    /* Простые стили для удобства чтения формы */
    body { font-family: sans-serif; }
    form { max-width: 400px; margin-top: 20px; }
    div { margin-bottom: 15px; }
    label { display: inline-block; margin-bottom: 5px; font-weight: bold; }
    input[type="text"], input[type="email"], input[type="number"], textarea {
      width: 100%; padding: 8px; box-sizing: border-box;
    }
    textarea { resize: vertical; }
  </style>
</head>
<body>

  <h1>Свяжитесь со мной</h1>

  <form action="#" method="post">
    
    <!-- Имя -->
    <div>
      <label for="user-name">Ваше имя:</label><br>
      <!-- required делает поле обязательным -->
      <input type="text" id="user-name" name="name" required>
    </div>

    <!-- Электронная почта -->
    <div>
      <label for="user-email">Электронная почта:</label><br>
      <!-- type="email" включает встроенную проверку на наличие @ и домена -->
      <input type="email" id="user-email" name="email" required>
    </div>

    <!-- Возраст -->
    <div>
      <label for="user-age">Ваш возраст:</label><br>
      <input type="number" id="user-age" name="age" min="1" max="120" required>
    </div>

    <!-- Любимый цвет (радиокнопки) -->
    <div>
      <p><strong>Любимый цвет:</strong></p>
      <input type="radio" id="color-red" name="color" value="red" required>
      <label for="color-red">Красный</label><br>
      
      <input type="radio" id="color-green" name="color" value="green">
      <label for="color-green">Зелёный</label><br>
      
      <input type="radio" id="color-blue" name="color" value="blue">
      <label for="color-blue">Синий</label>
    </div>

    <!-- Подписка на новости (чекбокс) -->
    <div>
      <input type="checkbox" id="newsletter" name="subscribe" value="yes">
      <label for="newsletter">Подписаться на новости</label>
    </div>

    <!-- Сообщение (textarea) -->
    <div>
      <label for="user-message">Сообщение:</label><br>
      <textarea id="user-message" name="message" rows="4" required></textarea>
    </div>

    <!-- Кнопка отправки -->
    <div>
      <button type="submit">Отправить</button>
    </div>

  </form>

</body>
</html>