Мой первый шаг

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добрый день. Сегодня, я постараюсь вам рассказать, как можно легко и быстро создать свой сайт на HTML. В этой статье буду основы для того, чтобы сделать свой первый шаг в эту сферу,так что буде внимательны. А мы начинаем.","type":"unstyled","key":"fsla8"},{"data":{"image":{"id":"5fc3f1c7b545e6348880a63d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"v243"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eg417"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6a174"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"43l79"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"0 ШАГ: Знакомство","type":"header-two","key":"8p2g1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"69o78"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое HTML? Как говорит нам википедия HTML-это стандартизированный язык разметки веб-страниц во Всемирной паутине. Код HTML интерпретируется браузерами; полученная в результате интерпретации страница отображается на экране монитора компьютера или мобильного устройства. То, есть HTML- это язык для обозначения элементов веб-страницы. Сам по себе,HTML,не является языком программирования и по этому любой человек может его легко освоить.","type":"unstyled","key":"clggp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"1 шаг: Начало пути","type":"header-three","key":"eogvr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"60aq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда мы узнали, что же это всё таки такое, давайте приступим ,наконец, к созданию нашего шедевра. И нам для этого понадобится: блокнот, свободное время и кружечка чая. Первым делом создадим текстовый документ,я думаю что каждый умеет это делать, но для тек кто не умеет: ","type":"unstyled","key":"2in3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"ITALIC"}],"text":"1. На экран нажимаем ПКМ (правой кнопкой мышки) ","type":"unstyled","key":"7khdo"},{"data":{"image":{"id":"5fc3d72e4c127965dbdb0a7b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cu9h4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d7gob"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Наводим на \"создать\" и кликаем на \"текстовый документ\"","type":"unstyled","key":"a5osn"},{"data":{"image":{"id":"5fc3d7bab545e634884d8a62"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4ja8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы создали текстовый документ и почти закончили первый шаг. Далее, нам нужно сохранить этот файл в формате html. Для этого нужно сделать пару действий:","type":"unstyled","key":"8s367"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Файлы --- сохранить как --- выбираем место --- тип файла: все файлы --- в конце названия файла пишем .html (Пример: 1.html) --- сохранить.","type":"unstyled","key":"a1itp"},{"data":{"image":{"id":"5fc3dda239eab6574d00c74b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bbau8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь при двойном нажатие на этот файл, вас будет переносить на вашу web-страницу. Чтобы редактировать его, мы будем открывать с помощью блокнота. Жмём на ПКМ -- открыть с помощью --- выбираем блокнот.","type":"unstyled","key":"docpm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так же, для того, чтобы в дальнейшем было проще, создайте папку и перенесите туда текстовый документ.","type":"blockquote","key":"39cdf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поздравляю, вы сделали первый шаг на пути своего грандиозного проекта, дальнейшее-веселее.","type":"unstyled","key":"4kutq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"2 ШАГ: Пишем код","type":"header-three","key":"1mfs7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":46,"offset":0,"style":"BOLD"}],"text":" И так, давай те возьмём для примера этот код:","type":"unstyled","key":"83um2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"d1qbe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1kvm0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мой первый шаг ","type":"blockquote","key":"2unqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"arbh9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"766o3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Hello,world","type":"blockquote","key":"fs00o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8gb3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"clj3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"run3"},{"data":{"image":{"id":"5fc3eba34c127965db0328b5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот так выглядит наш сайт!","type":"atomic:image","key":"esnnd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перед вами ваш первый код, но не понятно что написано. Как быть? Не парьтесь, сейчас я вам всё расскажу. Начнём с первых строк.","type":"unstyled","key":"65co7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. - html это самая важная строчка,она как раз, и позволяет размещать текс,видео,картинки и тд на вашей web-странице. Это строчка пишется в начале, и чтобы она была активна, её надо закрыть ,как и все остальные тэги в дальнейшем.","type":"unstyled","key":"97pss"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. - это наша голова, то есть то, что стоит во главе. Все тэги, расположенные между , это что-то вроде служебной информации. Так например следующая строчка -заголовок, отвечает за название web-страницы.","type":"unstyled","key":"7ll51"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3.-это тело. То есть то,что будет на у вас на сайте. Так например, мы вывели надпись \"Hello,world\".","type":"unstyled","key":"p49p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мои поздравления, вы успешно создали вашу первую web-страницу. В дальнейшем,мы будем учиться изменять цвет надписи,вставлять фон и менять расположение фотографий и текста. ","type":"unstyled","key":"20hhl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"0avyjMXx5rHdh5FkrdoP"}],"entityMap":{}},"mentions":[]}