Тест

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня разберем что необходимо сделать, что бы создать вашу первую страницу.","type":"unstyled","key":"f7qbd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для того что бы создать страницу вам необходимо скачать, установить и настроить любой компилятор кода. На данном канале, ранее, я уже рассказал какой компилятор использую. Это Visual Studio Code. На его примере покажу как сделать первый шаг.","type":"unstyled","key":"6uik1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда VS Code у вас запущен и настроен необходимо создать папку в любом удобном для вас месте. В данной папке создать два файла.","type":"unstyled","key":"cm0vv"},{"data":{"image":{"id":"6423f4339b2074611971cfa7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"d6tul"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первый файл необходимо назвать \"index.html\"\nВторой файл \"style.css\"","type":"unstyled","key":"6pgv7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, заходите в VS Code, нажимаете \"File\" -> \"Open Folder\" и выбираете вашу папку.","type":"unstyled","key":"4bhdk"},{"data":{"image":{"id":"6423f4d4c53c9764ec07cb85"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3gcdo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем на index.html и вписываем данный код... (в конце статьи есть весь написанный код, можно скопировать и вставить в ваш компилятор)","type":"unstyled","key":"30dvs"},{"data":{"image":{"id":"6423f5474e9cab152ffea175"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b2163"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И делаем аналогичные действия с style.css","type":"unstyled","key":"ds8ue"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как только все выполните можно проверить, нажать на \"Go Live\" (справа снизу) У вас должно появиться пустое окно вашей страницы.","type":"unstyled","key":"fm39n"},{"data":{"image":{"id":"6423f5ff4b88007cceca4749"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9dqj2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Грубо говоря, ваша страница создана. Но она совершенно пустая. Давайте добавим в нее некоторую информацию.","type":"unstyled","key":"ot8t"},{"data":{"image":{"id":"6423f9724c38e1260802abf8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"aub9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"c0l8e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри напишем

Это моя первая страница

. После чего нажимаете сочетание Ctrl + S (сохранить изменения) переходим на нашу страницу и видим следующее сообщение.","type":"unstyled","key":"29jpa"},{"data":{"image":{"id":"6423f76e2444266531e7e464"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fk8gj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

это блочный элемент. В HTML любой элемент открываться с помощью <...> и закрывается . class это атрибут, который присваивает имя объекту, что бы в будущем мы могли к нему обратиться.","type":"unstyled","key":"8gl72"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bd4iu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь попробуем придать данному тексту стиль.\nДля этого перейдем в style.css и напишем ","type":"unstyled","key":"c07g5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".p{","type":"unstyled","key":"f7efc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":"font-size: 50px;","type":"unstyled","key":"dhqs0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"ITALIC"}],"text":"color: blue; ","type":"unstyled","key":"49del"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5fj31"},{"data":{"image":{"id":"6423f9da1bcfed40508e94cb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1ta0u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем и проверяем, должно получиться..","type":"unstyled","key":"d46sp"},{"data":{"image":{"id":"6423fa094e9cab152f0a6ba5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ch0hb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сейчас вы сможете самостоятельно поэксперементировать. Дописать новые предложения, поиграться с цветами и размерами.","type":"unstyled","key":"9oba9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML КОД:","type":"unstyled","key":"5paq0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7t5ph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5empg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"eit5t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"2cmuj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"5kjeb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Тест","type":"unstyled","key":"9plct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"3a6kv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"6plf7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"cpggn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Это моя первая страница

","type":"unstyled","key":"fjgtm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"ec9oh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"fh741"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5cmkg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS КОД:","type":"unstyled","key":"3p25d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7rdo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"* {","type":"unstyled","key":"2g9mf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":"padding: 0;","type":"unstyled","key":"8g8lb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"ITALIC"}],"text":"margin: 0;","type":"unstyled","key":"b68mn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"ITALIC"}],"text":"border: 0;","type":"unstyled","key":"bob5f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"dpjrd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"*,","type":"unstyled","key":"63epo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"*:before,","type":"unstyled","key":"5k3l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"*:after {","type":"unstyled","key":"8n1k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"ITALIC"}],"text":"-moz-box-sizing: border-box;","type":"unstyled","key":"co9of"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"ITALIC"}],"text":"-webkit-box-sizing: border-box;","type":"unstyled","key":"9lg7e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"ITALIC"}],"text":"box-sizing: border-box;","type":"unstyled","key":"6igpi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"9cm4a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":":focus,","type":"unstyled","key":"a9fg6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":":active {","type":"unstyled","key":"2i8hi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":"outline: none;","type":"unstyled","key":"4fe83"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"bqbkf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"a:focus,","type":"unstyled","key":"1qq8d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"a:active {","type":"unstyled","key":"3sjil"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":"outline: none;","type":"unstyled","key":"cg773"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"ffi00"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"nav,","type":"unstyled","key":"c55ir"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"footer,","type":"unstyled","key":"fkrpp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"header,","type":"unstyled","key":"ek76f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"aside {","type":"unstyled","key":"53nt0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":"display: block;","type":"unstyled","key":"2j8qt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"bfr9v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html,","type":"unstyled","key":"66qnn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"body {","type":"unstyled","key":"5nl6n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"ITALIC"}],"text":"height: 100%;","type":"unstyled","key":"l4f2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"ITALIC"}],"text":"width: 100%;","type":"unstyled","key":"39nps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":"font-size: 100%;","type":"unstyled","key":"7n8to"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"ITALIC"}],"text":"line-height: 1;","type":"unstyled","key":"357vk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":"font-size: 14px;","type":"unstyled","key":"2p1i0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"ITALIC"}],"text":"-ms-text-size-adjust: 100%;","type":"unstyled","key":"fjoi1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"ITALIC"}],"text":"-moz-text-size-adjust: 100%;","type":"unstyled","key":"7p0oj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"ITALIC"}],"text":"-webkit-text-size-adjust: 100%;","type":"unstyled","key":"cksls"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"fcpum"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input,","type":"unstyled","key":"111ka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"button,","type":"unstyled","key":"3igg9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"textarea {","type":"unstyled","key":"4i88c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"ITALIC"}],"text":"font-family: inherit;","type":"unstyled","key":"5b1dm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"dfc11"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input::-ms-clear {","type":"unstyled","key":"9h3hg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":"display: none;","type":"unstyled","key":"c7lm5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"becvp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"button {","type":"unstyled","key":"5loec"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"ITALIC"}],"text":"cursor: pointer;","type":"unstyled","key":"pk92"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"fs5gj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"button::-moz-focus-inner {","type":"unstyled","key":"38tcn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":"padding: 0;","type":"unstyled","key":"1j8eb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"ITALIC"}],"text":"border: 0;","type":"unstyled","key":"f9i3n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"cnkfk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"a,","type":"unstyled","key":"afuph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"a:visited {","type":"unstyled","key":"jc6m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"ITALIC"}],"text":"text-decoration: none;","type":"unstyled","key":"7iasl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"qm44"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"a:hover {","type":"unstyled","key":"273fq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"ITALIC"}],"text":"text-decoration: none;","type":"unstyled","key":"dotfl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5nnn3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ul li {","type":"unstyled","key":"46u8t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"ITALIC"}],"text":"list-style: none;","type":"unstyled","key":"4v73a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"b2o9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"img {","type":"unstyled","key":"98vjq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"ITALIC"}],"text":"vertical-align: top;","type":"unstyled","key":"alri5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"1cls0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h1,","type":"unstyled","key":"ablgu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h2,","type":"unstyled","key":"266o3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h3,","type":"unstyled","key":"fqv70"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h4,","type":"unstyled","key":"fa2ss"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h5,","type":"unstyled","key":"7avmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h6 {","type":"unstyled","key":"2r8f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":"font-size: inherit;","type":"unstyled","key":"ackgf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"ITALIC"}],"text":"font-weight: 400;","type":"unstyled","key":"2lvnv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5ur4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".p{","type":"unstyled","key":"dhom"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":"font-size: 50px; /*размер текста*/","type":"unstyled","key":"ba04j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"ITALIC"}],"text":"color: blue; /*цвет текста*/","type":"unstyled","key":"bh3m8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"96g7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На этом все, если остались вопросы или есть что дополнить пишите в комментарии.","type":"unstyled","key":"du2dh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всего доброго!","type":"unstyled","key":"d6jvh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"43jiv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"BoKZFFQzu58AId41pzCf"}],"entityMap":{}},"mentions":[]}