Загрузка данных
<!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>