{"draftJsState":{"blocks":[{"data":{"image":{"id":"67c222229ca6b67da98b6b5b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5u3rd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML состоит из множества тегов, каждый из которых выполняет свою уникальную роль в оформлении и структурировании веб-страницы. В этом посте мы подробно рассмотрим основные теги, их назначение и способы применения на практике.","type":"header-two","key":"1jsa1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое тег?","type":"header-two","key":"7elg4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег – это ключевое слово, заключённое в угловые скобки, которое обозначает начало или конец элемента. Большинство тегов имеют открывающую и закрывающую часть (например,

). Некоторые, как , являются одиночными.","type":"unstyled","key":"2r2fj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные категории тегов","type":"header-two","key":"7cti"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Заголовки","type":"header-three","key":"ep43v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Описание:\nЗаголовки используются для выделения ключевых разделов страницы. Существует шесть уровней заголовков – от

до

.","type":"unordered-list-item","key":"qg4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"fpsf4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Главный заголовок страницы

","type":"unordered-list-item","key":"6qd5c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Подзаголовок раздела

","type":"unordered-list-item","key":"2r6q4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок подраздела

","type":"unordered-list-item","key":"c5a9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Рекомендации:\nИспользуйте

для обозначения основного заголовка, а последующие уровни – для иерархической структуры контента.","type":"unordered-list-item","key":"frnn4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Абзацы","type":"header-three","key":"80mvd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Описание:\nТег
предназначен для оформления блоков текста в виде абзацев.","type":"unordered-list-item","key":"49li"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"ftoag"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Это первый абзац, который вводит основную идею статьи.
","type":"unordered-list-item","key":"bl6oq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Это второй абзац, раскрывающий тему подробнее.
","type":"unordered-list-item","key":"2mk7d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Преимущества:\nАбзацы делают текст более читаемым, структурируют длинные тексты и улучшают визуальное восприятие.","type":"unordered-list-item","key":"3mrb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Списки","type":"header-three","key":"gntn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Упорядоченные списки:\nИспользуйте
для создания списков с нумерацией.","type":"unordered-list-item","key":"e8iiv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unordered-list-item","key":"1423v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Первый пункт
","type":"unordered-list-item","key":"9mlnq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Второй пункт
","type":"unordered-list-item","key":"3lgcf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Третий пункт
","type":"unordered-list-item","key":"69c2b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unordered-list-item","key":"12rt9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Неупорядоченные списки:\nПрименяйте
для списков с маркерами.","type":"unordered-list-item","key":"fogp0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unordered-list-item","key":"5q1lh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Пункт списка
","type":"unordered-list-item","key":"6pe8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Ещё один пункт
","type":"unordered-list-item","key":"1pm8l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unordered-list-item","key":"81mau"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Применение:\nСписки отлично подходят для перечисления преимуществ, шагов инструкций и других упорядоченных данных.","type":"unordered-list-item","key":"7rv8u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4. Ссылки","type":"header-three","key":"8t5q4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Описание:\nТег создаёт гиперссылки, позволяющие пользователям переходить на другие страницы или ресурсы.","type":"unordered-list-item","key":"erg4c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"areqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Посетите наш сайт","type":"unordered-list-item","key":"5svf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Особенности:\nАтрибут href указывает адрес ссылки, а можно добавить атрибуты target=\"_blank\" для открытия в новой вкладке.","type":"unordered-list-item","key":"ai0ks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Изображения","type":"header-three","key":"2g41h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Описание:\nТег вставляет изображения в документ. Он является одиночным и не имеет закрывающего тега.","type":"unordered-list-item","key":"9a5eo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"buiam"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"Описание$ ","type":"unordered-list-item","key":"6nopl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Советы:\nОбязательно указывайте атрибут alt для повышения доступности и SEO.","type":"unordered-list-item","key":"5c9de"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"6. Таблицы","type":"header-three","key":"fge9q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Описание:\nТаблицы используются для структурированного отображения данных.","type":"unordered-list-item","key":"6n02t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"8slgm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unordered-list-item","key":"1uht3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"b27rv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"35j5i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"bp8v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"1mclm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"9nlvn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"cdj6g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"2ciga"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Название Описание
Продукт 1 Подробное описание продукта 1

","type":"unordered-list-item","key":"5uetn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Когда использовать:\nТаблицы полезны для представления расписаний, сравнений и иных табличных данных.","type":"unordered-list-item","key":"2q203"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"7. Формы","type":"header-three","key":"7s25"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Описание:\nФормы позволяют собирать данные от пользователей. Они состоят из различных элементов, таких как поля ввода, переключатели и кнопки.","type":"unordered-list-item","key":"fi9u9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"73b3v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unordered-list-item","key":"fhthn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Имя:","type":"unordered-list-item","key":"aru3v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"6pu7n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Email:","type":"unordered-list-item","key":"e0p5f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"bfdja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unordered-list-item","key":"b2aq0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unordered-list-item","key":"1icaj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Советы:\nПравильная разметка форм улучшает их удобство использования и помогает валидации данных.","type":"unordered-list-item","key":"4blkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Практические советы по использованию тегов","type":"header-two","key":"bstr3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"Соблюдайте иерархию заголовков.\nЭто помогает структурировать информацию и улучшает восприятие контента.","type":"unordered-list-item","key":"2kk09"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":51,"offset":0,"style":"BOLD"}],"text":"Используйте семантические теги, когда это возможно.\nНапример, вместо
для основной статьи лучше использовать
.","type":"unordered-list-item","key":"3bi8r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"Комбинируйте теги для создания сложных структур.\nЭкспериментируйте с вложенностью: список внутри раздела, ссылки в абзацах и т.д.","type":"unordered-list-item","key":"9pb69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение","type":"header-two","key":"bv624"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Знание основных HTML-тегов – ключ к созданию структурированных и удобных для чтения веб-страниц. Каждый тег имеет своё назначение и помогает организовать информацию так, чтобы она была понятной как для пользователя, так и для поисковых систем. Экспериментируйте, комбинируйте элементы и постепенно вы будете уверенно работать с любыми задачами в HTML.","type":"unstyled","key":"89vr5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"EwLvIzEYqme2UtCwfMAx"}],"entityMap":{}},"mentions":[]}