Урок 1: Основы. Что такое веб-дизайн и HTML?

Привет! Добро пожаловать в учебник по веб-дизайну. Прямо сейчас эта страница выглядит очень просто — черный текст на белом фоне. Почему?

Потому что здесь мы используем только HTML (язык разметки). HTML — это фундамент, скелет любого сайта. Он не отвечает за красоту, он отвечает за смысл и структуру.

Главные понятия дизайна: UX и UI

• UX (User Experience) — это удобство. Хороший UX означает, что текст логично разбит на абзацы и списки (как этот!), а не свален в одну кучу. Читателю легко сканировать информацию глазами.
• UI (User Interface) — это визуал (цвета, шрифты, отступы). Пока что у нас нулевой UI, мы займемся им на следующих уроках.

Как мы строим структуру?

В HTML мы используем теги (команды в угловых скобках). Например, чтобы сделать самый главный заголовок, мы обернули текст в тег <h1>. Подзаголовки — это теги <h2>. А этот обычный текст находится внутри тега <p> (параграф).