Основы вёрстки для дизайнера. Часть 2. HTML и семантическая вёрстка

В сфере искусственного интеллекта произошло заметное событие. Olxa только что Основы вёрстки для дизайнера. HTML и семантическая вёрстка Простой 4 мин 30 Блог компании Домклик Дизайн FAQ Ломакина ОльгаПродуктовый дизайнер в ДомкликВ первой части мы выяснили, почему знание основ вёрстки так важно для дизайнера: оно помогает создавать реализуемые макеты и экономить время. Теперь перейдём от теории к практике и познакомимся с главным языком разметки — HTML.

Если CSS определяет внешний вид страницы (цвета, шрифты, отступы), то HTML (HyperText Markup Language) отвечает за то, что на ней находится и какую смысловую роль играет каждый элемент. То есть это скелет нашего сайта. Из чего состоит HTML-код Любой HTML-документ строится из набора тегов.

Технические детали

Тег — это специальная команда, заключённая в угловые скобки < >. Большинство тегов парные: есть открывающий () и закрывающий (). Всё, что находится между ними, относится к этому тегу.

Пример простой структуры: Заголовок страницы Это абзац текста. Здесь можно написать приветствие или небольшое описание. Разберём этот код по частям:: сообщает браузеру, что это современный документ стандарта HTML5 ...

: корневой элемент, который оборачивает всё содержимое страницы ...

Событие, по словам экспертов, усилит конкуренцию в сфере ИИ.