Html - язык web

Author
Анна Петрова
Senior UX Designer @ TechCorp

HTML и CSS
4.8 / 5 (58 оценок)


Web, будучи частью Интернета, является многоплатформенной системой, то есть работает с различными компьютерами и цифровыми устройствами (вплоть до бытовой техники). Чтобы сделать информацию Web-страниц доступной для такого множества компьютерных систем, создан универсальный язык HTML (Hypertext Markup Language) - язык разметки гипертекста. Благодаря популярности Web язык HTML стал стандартом для оформления сетевых документов.

Информация, закодированная при помощи этого языка, не является традиционной программой и не нуждается в компиляции, другими словами, не переводится в машинный код. Она передается с компьютера на компьютер в виде обычного текста, в который добавлена специальная разметка HTML. Получив такой файл, браузер отформатирует текст в соответствии с командами, оформив заголовки и абзацы, подсчитает количество слов в строке и произведет ее перенос, выделит место под иконки и фотографии, вызовет изображения и т.д. Все это будет сформировано в зависимости от разрешения монитора и его цветности, наличия шрифтов, размеров экрана и других особенностей пользовательской платформы и самого браузера.

Операторы языка, называемые тегами, имеют вид угловых скобок. Тег в переводе с английского означает «метка». Тегами размечают текст. Эта разметка описывает форматирование текста, разделяя его на логические части, выделяя заголовки, абзацы и т.п. Кроме того, язык содержит дополнительные элементы, из которых самый главный - гиперссылка. Обращение к гиперссылке, как уже говорилось, позволяет перейти к другой части документа или загрузить новый.

Забегая несколько вперед, отметим, что если вы при помощи браузера просматриваете какую-либо страницу, то всегда можете увидеть и ее HTML-Внутренности», то есть исходный текст. Для этого ее достаточно открыть в обычном текстовом редакторе, например, Notepad («Блокнот»). Не рекомендуется использовать MS Word и прочие полнофункциональные процессоры, которые не позволяют редактировать HTML-код непосредственно. В наиболее популярном браузере Internet Explorer это можно сделать, выбрав пункт меню

File / Edit with Windows Notepad (Файл / Править в текстовом редакторе «Блокнот») или View / View HTML (Вид / В виде HTML).

При этом для Notepad открывается новое окно.


#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю