{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":48,"style":"ITALIC"}],"text":"Кроме абзацев важное значение на странице имеют заголовки. Их также можно сравнить с заголовками из книги - каждая глава имеет свой заголовок (название этой главы) и разбита на параграфы, которые тоже имеют свои заголовки. Ну, а основной текст страницы располагается в абзацах.","type":"unstyled","key":"59eh6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовки создаются с помощью тегов

,

. Они имеют разную степень важности. В заголовке h1 следует располагать название всей HTML страницы, в h2 - название блоков страницы, в h3 - название подблоков и так далее.","type":"unstyled","key":"6f1rr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все заголовки по умолчанию жирные и имеют разный размер (это можно поменять через CSS, но об этом позже). Для примера сделаем заголовки всех уровней:","type":"unstyled","key":"7g1um"},{"data":{"image":{"id":"6225cf70917a0f26fcf97f8e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6btn9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задача 1","type":"header-three","key":"f7ah2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перепишите приведенный выше код себе и запустите его в браузере. Посмотрите, как отличаются размеры заголовков.","type":"unstyled","key":"ds923"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задача 2","type":"header-three","key":"55jiu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделайте заголовок h1. Ниже сделайте заголовок h2, а под ним - абзац с текстом. После абзацев сделайте еще один заголовок h2, а под ним - 2 абзаца с текстом.","type":"unstyled","key":"332ai"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Жирный","type":"header-two","key":"epvfi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":42,"style":"BOLD"}],"text":"Вы уже знаете, что заголовки по умолчанию жирные. Однако, можно сделать жирным и обычный текст - достаточно взять его в тег . Смотрите пример:","type":"unstyled","key":"9kbnn"},{"data":{"image":{"id":"6225d04cff41c97a2b205c9f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fnrph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задача 3","type":"header-three","key":"59vcv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверьте работу тега на вашей странице.","type":"unstyled","key":"1u060"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Курсив","type":"header-two","key":"1f6d1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":36,"style":"ITALIC"}],"text":"Кроме жирного можно сделать также и курсив с помощью тега :","type":"unstyled","key":"93lu1"},{"data":{"image":{"id":"6225d0b7e43cbd16734f3ac3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"98v4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задача 4","type":"header-three","key":"cr9ko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверьте работу тега на вашей странице.","type":"unstyled","key":"3pvn9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Замечания","type":"header-two","key":"5kgu1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание на то, что теги и следует использовать внутри какого-либо другого тега, например абзаца. В этом случае абзацы создают общую структуру страницы (абзацы и заголовки), а указанные теги делают жирным или курсивом отдельные кусочки текста.","type":"unstyled","key":"esuip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"IikjJ09CuJft5UI5NBSa"}],"entityMap":{}},"mentions":[]}