Археологи и летописцы Интернета, производя виртуальные раскопки, обнаружили, что Web зародилась еще до Второй мировой войны. Но правильным будет изобретателем Web считать все-таки англичанина Тима Бернерса-Ли. Прообразом Web послужила программа, написанная им в CERN (Conseil Europeen pour la Recherche Nucleaire) - Европейская лаборатория ядерных исследований (ЦЕРН), находящаяся в Женеве.
Web, будучи частью Интернета, является многоплатформенной системой, то есть работает с различными компьютерами и цифровыми устройствами (вплоть до бытовой техники). Чтобы сделать информацию Web-страниц доступной для такого множества компьютерных систем, создан универсальный язык HTML (Hypertext Markup Language) - язык разметки гипертекста. Благодаря популярности Web язык HTML стал стандартом для оформления сетевых документов.
Прежде каскадные стили обеспечивают качественное форматирование страницы. К тому же, они помогают централизованно контролировать внешний вид всех страниц вашего сайта.
Встроенные стили (Inline Styles) вставляют в теги заголовков <Н1> ... <Н6>, абзаца <Р>, тела <BODY>, а также в теги <DIV>, <IMG> т. с помощью атрибута STYLE, в котором перечисляют свойства и их значения.
Теперь, когда вы умеете наполнять веб-документы текстовой ин-формацией и обладаете средствами их художественного оформления, можно подумать о создании первого полноценного сайта. Но привлекает вас перспектива вручную вводить в текстовом редакторе все теги - от первого до последнего! - И при этом не видеть сразу результат своего труда, поскольку он виден только в браузере?
Графическую карту ссылок создают с помощью нескольких тегов. В теге <IMG> определяют атрибут SRC, чтобы задать изображение, и ат-рибут USEMAP, значением которого является имя карты (должно начинаться символом #). Собственно карту создают с помощью тега <МАР> с атрибутом NAME, содержащий имя карты (определенное в атрибуте USEMAP, но без символа #) и тега </ МАР>.
Для размещения изображений в HTML-документе используется одинарный тег <IMG>. Он имеет обязательный атрибут SRC, значением которого является URL-адрес файла изображения, записанная в абсолютной (полностью) или относительной форме (начиная от текущего каталога, при этом «родительский» каталог обозначают с помощью двух точек и слешу (.. /)).
Веб-страница может содержать несколько блоков или окон, которые на-Зива фреймами, или кадрами. В каждом из них отражается свой HTML-документ. В одном фрейме может содержаться навигационное меню, а в другом открываться веб-страницы, на которые указывают его пункты.
Сам текст документа содержится в его теле, которое расположено между тегами <BODY> и </ BODY>.
#UX
#UI
#Дизайн
#Доступность
Михаил Сидоров
15 Января 2026
Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.