Структура html-документа

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

HTML и CSS
4.4 / 5 (94 оценок)


Сам текст документа содержится в его теле, которое расположено между тегами <BODY> и </ BODY>.

Итак, основную структуру HTML-документа определяют четыре парных тега. их наличие предусмотрено во всех следующих документах:

<HTML>

<HEAD>

<ТIТLЕ> Заголовок документа </ТIТLЕ>


</HEAD>

<BODY>

Текст, отображаемый на экране </ BODY>

</ HTML>

Для того чтобы разбить текст на логические части, используют заголовки. Язык HTML поддерживает шесть уровней заголовков документов. Они обозначены тегами от <НЕТ> ...</ Н1> до <Н6> ...</ Н6>. На экране эти заголовки отображаются разными шрифтами (обычно полужирными). Хотя в языке HTML есть теги форматирования, которые могут изменять начертание шрифта, пользоваться ими для заголовков не рекомендуется.

Текст, содержащийся внутри тега заголовка, отображаемого в соответствии с его уровня. Самый высокий уровень имеет заголовок НЕТ, наиболее низкий - нб. Текст заголовка может быть выровнен по центру, по правому или левому краю - для этого используют атрибут ALIGN. Например: <Н2 ALIGN = center \ right \ left> TeKCT заголовка </ н2> (здесь символ \ означает возможность выбора между значениями center, right или left).

Для определения обычных абзацев в языке HTML используют теги <Р> и </ Р>. Текст, размещенный между ними, собственно и будет одним абзацем. При этом следует помнить, что все «лишние» пробелы между словами и переходы на новую строку при воспроизведении HTML-документа браузер игнорирует. Когда браузер воспроизводит страницы, абзацы отделяются друг от друга с помощью отступов.


Страница: 1 из 2    -   Следующая

Навигация: 1  2  
#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!

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

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