HTMLACSS: учебник HTML на 2026 год

Этот проект начался как набор примеров из книги Jon Duckett HTML & CSS: Design and Build Websites 2011 года. Теперь он обновлен как учебный проект для абсолютного новичка: старые примеры сохранены как исторический материал, а поверх добавлен современный маршрут HTML на 2026 год.

С чего начать

1. Открой index.html в браузере.
2. Прочитай HOW_TO_STUDY_HTML_2026.md, чтобы понять, как проходить учебник.
3. Перейди в modern-html-2026/index.html и пройди современные примеры.
4. Пройди modern-html-2026/course.html как главный пошаговый курс.
5. Используй HTML_ELEMENTS_2026.md как полный справочник всех HTML-элементов с расшифровками названий.
6. Используй modern-html-2026/reference.html как короткий браузерный справочник тегов.
7. Бери заготовки из modern-html-2026/examples.html.
8. Открой modern-html-2026/practice-profile.html как образец первой полноценной страницы.
9. Читай GUIDE.md как расширенный конспект.
10. Смотри PROJECT_AUDIT.md, когда пример из старой книги выглядит странно.
11. Возвращайся к папкам chapter-01 ... chapter-17, чтобы сравнивать подход 2011 года с современной практикой.

Что важно помнить

• HTML в 2026 году учим через семантику, доступность, формы, медиа, валидность и хорошие пользовательские привычки.
• Оригинальные примеры Duckett полезны, но некоторые приемы устарели: Flash, align, bgcolor, табличная верстка, float для layout, старые шрифтовые форматы, type="text/css", XHTML-слэши.
• Для новых работ ориентируйся на GUIDE.md и modern-html-2026/index.html.
• Самый простой маршрут для новичка: HOW_TO_STUDY_HTML_2026.md -> course.html -> examples.html -> свой мини-проект -> HTML_ELEMENTS_2026.md для объяснения каждого элемента.

Проверочные источники

• WHATWG HTML Living Standard: https://html.spec.whatwg.org/multipage/
• MDN HTML reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference
• Nu Html Checker: https://validator.w3.org/nu/