HTML описывает структуру страницы, CSS — её оформление. Разделять их нужно не из аккуратности: иначе смена внешнего вида требует править каждую страницу вручную.
Что нужно знать
- HTML-документ состоит из заголовочной части head и тела body; видимое содержимое находится в body.
- Большинство тегов парные: открывающий и закрывающий; вложенность нарушать нельзя.
- В head указывают кодировку, заголовок вкладки, подключаемые стили и описание страницы.
- CSS задаёт оформление через селекторы: по тегу, по классу (точка), по идентификатору (решётка).
- Стили подключают отдельным файлом — тогда правка одного файла меняет весь сайт.
- Статический сайт отдаёт готовые файлы, динамический собирает страницу на сервере при каждом запросе.
- Для публикации нужны хостинг и доменное имя; связь имени с адресом даёт DNS.
Где чаще всего ошибаются
- Задают оформление прямо в тегах и теряют возможность менять его централизованно.
- Закрывают теги в неправильном порядке при вложении.
- Путают селектор класса и идентификатора: точка против решётки.
- Забывают указать кодировку и получают нечитаемый текст.
Проверить себя
По этой же главе есть проверочная работа из 11 заданий на 25 минут. Проверка автоматическая, результат виден сразу — и по работе целиком, и по каждой теме.
Информатика · 11 класс · Поляков, 2023 · Глава 4 · Создание веб-сайтов