{"draftJsState":{"blocks":[{"data":{"image":{"id":"642d59e2b5db701f577c3cc9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c1cbj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для создания своего первого сайта следуйте этой инструкции и используйте предоставленный код для создания своего сайта","type":"unstyled","key":"4ds79"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"1. Создайте новый файл с расширением .html.\nОткрываем любой текстовый редактор (например, большинство компьютеров имеет Блокнот)","type":"unstyled","key":"cgdih"},{"data":{"image":{"id":"642d5a1229ad38338a46a606"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cekev"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавьте следующий код:","type":"unstyled","key":"57d65"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n \n Название вашего сайта\n \n \n \n

Заголовок вашего сайта

Привет, мир! Это мой первый сайт.

\n \n","type":"blockquote","key":"bnfc7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":50,"style":"BOLD"}],"text":"Обязательно сохраните его, нажав сочетание клавиш Ctrl + S","type":"unstyled","key":"clr7q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":0,"style":"BOLD"}],"text":"2. Создайте новый файл с расширением .css. (по аналогии с пунктом 1). ","type":"unstyled","key":"2935u"},{"data":{"image":{"id":"642d5a95b44dac4712d7c426"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"498dp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте его в текстовом редакторе и добавьте следующий код:","type":"unstyled","key":"7a50b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"body {\n background-color: lightblue;\n}\n\nh1 {\n color: navy;\n margin-left: 20px;\n}\n\np {\n font-family: verdana;\n font-size: 20px;\n}","type":"blockquote","key":"dkdgh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":50,"style":"BOLD"}],"text":"Обязательно сохраните его, нажав сочетание клавиш Ctrl + S","type":"unstyled","key":"b64ju"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":63,"offset":0,"style":"BOLD"},{"length":10,"offset":138,"style":"BOLD"}],"text":"3. Сохраните файлы в одной и той же папке на вашем компьютере. Назовите файл HTML любым именем, но с расширением .html. Назовите файл CSS style.css.","type":"unstyled","key":"edh7l"},{"data":{"image":{"id":"642d5aea539bad1d398ee805"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4b5ed"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"4. Откройте файл HTML в любом браузере. Вы должны увидеть заголовок вашего сайта и приветственное сообщение на светло-голубом фоне.","type":"unstyled","key":"8omcb"},{"data":{"image":{"id":"642d5b0f3175080918b567e4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bdihd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь, когда вы создали свой первый сайт, можете изменять его, добавлять новые элементы и стили, пока не будете удовлетворены результатом.","type":"unstyled","key":"42aq7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Варианты, с помощью которых можно добавить больше разнообразных элементов на ваш сайт:","type":"header-two","key":"19j76"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавьте гифку и варианты выбора смешно или нет\nВот пример кода:","type":"unstyled","key":"68q55"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Изображение\nЧтобы добавить изображение на ваш сайт, используйте тег . Вот пример кода:","type":"unstyled","key":"feku"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"Описание$ ","type":"blockquote","key":"dbt7p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cn1pa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Кнопка\nЧтобы добавить кнопку на ваш сайт, вам нужно использовать тег ","type":"blockquote","key":"5fats"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8o43q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":8,"style":"BOLD"}],"text":"\uD83D\uDCA1 Идея! Добавьте гифку и варианты выбора смешно или нет \nВот пример кода:","type":"unstyled","key":"ecquh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \n \t\nПростой код на HTML со смешной гифкой и двумя кнопками выбора\n \n \t\n $\"Смешная$ \n\n\n\n","type":"blockquote","key":"8d6di"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eac4s"},{"data":{"image":{"id":"642d5cf5f6afc811eeb5640a"},"contents":{"642d5cf5f6afc811eeb5640a":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3858b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Ссылка\nЧтобы добавить ссылку на ваш сайт, используйте тег . Вот пример кода","type":"unstyled","key":"21tcm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\">Нажми меня","type":"blockquote","key":"9atm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eckof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Список\nЧтобы добавить список на ваш сайт, используйте тег

Элемент списка 1
Элемент списка 2
Элемент списка 3

Элемент списка 1
Элемент списка 2
Элемент списка 3