{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":1707,"style":"BOLD"}],"text":"Четверг. Вечер. Ты. Комп и HTML...что может быть романтичнее?!\uD83E\uDD29\uD83D\uDE48\n\nЖми ❤ и погнали\uD83D\uDE09\n\nНачнем мы со скучной теории\uD83D\uDE48\n\nТы, наверное, спрашивал, что же означают все эти странные теги , , ...зачем они вообще нужны?\uD83E\uDD14\n\nДа! Сегодня мы поговорим о структуре html документа\uD83E\uDD29\uD83D\uDE01\n\nКаждый html документ должен начинаться так: Выучи это найизусть❗\n\nЭто нужно для того, чтобы твой браузер, понял, что он имеет дело с html документом (document type definition-описание типа документа) и стал его правильно отображать на монитор.\n\nЧтобы обозначить начало и конец html документа используется тег . Логично правда?!\uD83D\uDE01\n\nВнутри этого тега все подразделяется на два блока:\n\n1. Настройки нашего html документа. Они не отображаются на мониторе и нужны для того, чтобы рассказать браузеру как правильно нужно обращаться с нашим документом. Чтобы обозначить этот блок мы используем тег .\n\n2. Во втором блоке стоит то, что мы увидим на мониторе. Туда мы будем закидывать все те теги, которые уже знаем\uD83D\uDE09. Этот блок мы обозначим тегом .\n\nИтак, вот так выглядит структура html документа:\n\n\n\n\nСюда пишем теги с настройками\n\n\nТут то, что мы увидим на мониторе\n\n\n\nВсе просто\uD83E\uDD17 Но нужно зазубрить это\uD83D\uDE2C\n\nА теперь практическое задание!\uD83E\uDD29\n\nНадеюсь, ты ещё не забыл, что такое

\uD83D\uDE48\n\n1. Создай свой контейнер

.\n\n2. Положи в этот контейнер один любой заголовок и один абзац с текстом.\n\n3. Измени цвет текста через контейнер:\n

\n\n4. Сделай так, чтобы текст и заголовок начинались не с лева, а с права:\n

\n\nТеперь ты видишь, что стайлить элементы легче, если они собраны в один контейнер?!\uD83D\uDE09\n\nВсем успехов!\uD83D\uDE01","type":"unstyled","key":"5nlbs"},{"data":{"image":{"id":"60aff81b654e691d65475e92"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4vpqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"95gl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"feq7c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"ZBvLW8NPFqeTORz41UJO"}],"entityMap":{}},"mentions":[]}