Всемирная паутина, или Web, — система связанных документов и других ресурсов, доступных через сеть. Её основу образуют веб-страницы, гиперссылки, адреса ресурсов и взаимодействие программ по сетевым протоколам.
Веб-страница — документ, который браузер получает и отображает на экране. Для пользователя страница может содержать текст, изображения, аудио, видео, ссылки и активные элементы: поля ввода, кнопки, переключатели. Для разработчика это набор данных и инструкций, определяющих структуру, оформление и поведение.
Гиперссылка — слово, изображение или другой объект, с которым связан переход к иному документу, файлу или части текущего документа. Текст с гиперссылками называют гипертекстом.
Веб-сайт — группа веб-страниц, объединённых темой, общим оформлением, системой навигации и взаимными ссылками. Одна страница может существовать самостоятельно, а сайт образует целостный ресурс.
Что делает браузер
Веб-браузер — клиентская программа для работы с Web. Он может:
запросить ресурс по адресу и отобразить его;
интерпретировать разметку, стили и клиентские сценарии;
загружать связанные изображения, шрифты, звук и видео;
хранить историю посещений и список избранных адресов;
искать текст на открытой странице, сохранять и печатать содержимое;
показывать код разметки и предоставлять разработчику средства диагностики.
Одна и та же страница открывается на экранах разного размера и в разных браузерах. Поэтому её вид формируется во время отображения с учётом правил оформления, размера окна и настроек пользователя.
HTML, CSS и JavaScript
HTML расшифровывается как HyperText Markup Language — язык разметки гипертекста. Теги HTML обозначают логическую структуру: заголовок, абзац, список, ссылку, изображение, форму. Браузер читает разметку и строит из неё представление документа.
CSS, Cascading Style Sheets, — каскадные таблицы стилей. CSS описывает внешний вид: цвета, шрифты, размеры, отступы и расположение объектов. Разделение HTML и CSS позволяет одной таблицей стилей оформить множество страниц и менять их дизайн без переписывания содержания.
JavaScript может описывать реакцию страницы на действия пользователя: проверку поля, раскрытие меню, изменение объекта, отправку запроса без полной перезагрузки. Такая программа называется сценарием, или скриптом. Она может быть встроена в HTML либо подключена отдельным файлом.
Роли трёх технологий удобно различать так:
HTML отвечает за смысловую структуру;
CSS — за представление;
JavaScript — за поведение.