← К неделе 1

Домашка 1.
Первая веб-страница

Дедлайн: 19 июня, 23:59 МСК
Ожидает проверки

Что сделаешь

Напишешь HTML в Блокноте, сохранишь его файлом и откроешь в браузере.

Результат: файл index.html, который открывается в браузере двойным кликом.

Шаги

1 Открой Блокнот

Нажми Win, набери «Блокнот», открой. Или: правый клик на рабочем столе → «Создать» → «Текстовый документ» → открой двойным кликом.

2 Набери каркас

Вставь в Блокнот пустой каркас страницы:

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Моя первая страница</title> </head> <body> <!-- содержимое добавишь на шаге 3 --> </body> </html>
3 Наполни страницу

Добавь содержимое внутрь <body> — туда, где стоит комментарий. Используй теги из лонгрида:

  • Заголовок: один <h1> — имя или название страницы.
  • Абзац: один-два <p> о себе.
  • Список: <ul> с 2–3 пунктами <li>.
  • Ссылка: <a href="https://…"> на любимый сайт. С target="_blank" откроется в новой вкладке.
  • Картинка: <img src="https://…" alt="описание">. Чтобы получить ссылку, загрузи картинку на бесплатный хостинг ru.imgbb.com. После загрузки кликни по картинке правой кнопкой → «Копировать адрес изображения» и вставь адрес в src. alt пропиши обязательно.

По желанию: оберни шапку в <header>, текст — в <main>, низ — в <footer>. Покрась одно слово через <span style="color:hotpink">…</span>.

4 Сохрани как .html

Главный шаг. В Блокноте: «Файл» → «Сохранить как». Дальше по порядку:

  1. «Тип файла» → «Все файлы (*.*)». Иначе Блокнот сохранит файл как .txt, и браузер не откроет его как страницу.
  2. Введи название: index.html
  3. «Кодировка» внизу окна → UTF-8. Иначе русский текст станет «кракозябрами».
  4. Нажми «Сохранить».
5 Открой в браузере

Дважды кликни по index.html или перетащи его в окно браузера. Откроется твоя страница.

Проверь себя

Открой страницу в браузере и отметь пункты.

Файл называется index.html, расширение .html, не .txt.
Двойной клик открывает его в браузере, а не в Блокноте.
Во вкладке браузера виден текст из <title>.
Русский текст без «кракозябр».
Один заголовок <h1>.
Хотя бы один абзац <p>.
Список <ul> с 2–3 пунктами <li>.
Ссылка <a href="…"> кликается и открывает сайт.
У картинки <img> прописан alt.
Парные теги закрыты, вёрстка не разъехалась.

Если что-то пошло не так

  • Вместо текста «кракозябры» (Ð, Ñ) — дело в кодировке. Пересохрани в UTF-8 (шаг 4, пункт 3).
  • Файл открывается в Блокноте, а не в браузере — он сохранён как .txt. Пересохрани: «Все файлы» и имя с .html (шаг 4, пункты 1–2).
  • Часть страницы разъехалась — где-то не закрыт парный тег или перепутан порядок закрытия. Проверь «матрёшку» из лонгрида.

Как сдать

Дедлайн: 19 июня, 23:59 МСК.

  • Отправь файл index.html в папку «Домашки» в Telegram.

Куратор проверит и поставит статус «Проверено» — на странице он обновится сам.

Сдать в папку «Домашки» →