Моя первая страничка

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1.Создайте текстовый документ.","type":"unstyled","key":"bp975"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":58,"style":"BOLD"},{"length":5,"offset":109,"style":"BOLD"},{"length":4,"offset":122,"style":"BOLD"}],"text":"2.По желанию переименуйте файл (у меня он будет называться first-page ) и обязательно задайте ему расширение .html вместо .txt ).","type":"unstyled","key":"7ec2o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3.Откройте документ программой Блокнот, Notepad, Notepad++ или другом текстовом редакторе, желательно с подсветкой синтаксиса.","type":"unstyled","key":"eitpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4.Скопируйте и вставьте в него следующий текст.","type":"unstyled","key":"2uor0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\nМоя первая страничка\n\n\nТело HTML-документа (отображается на экране)\n\n","type":"unstyled","key":"913ga"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Сохраните изменения в файле.","type":"unstyled","key":"585ar"},{"data":{"image":{"id":"60656d5790a39866e4d56ea2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"18rpd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":12,"style":"BOLD"}],"text":"6. Откройте first-page.html , только уже не в Блокноте, а в любом доступном вам браузере. На экране должно отобразиться примерно следующее:","type":"unstyled","key":"pgqg"},{"data":{"image":{"id":"60656d68d5b01e21347c7c15"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"54e7f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Взгляните на html-код своей первой веб-страницы. Посмотрите на результат его работы (страницу в браузере). Постарайтесь понять, за что какая строчка кода отвечает. Читать продолжайте только после попытки, которая обязательно увенчается успехом хотя бы частично.","type":"unstyled","key":"9tghs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь проверьте, правильно ли вы этот код поняли. Рассмотрим его.","type":"unstyled","key":"fcnm5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"95j8f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это тег, с которого должен начинаться любой html-документ. Он даёт понять интернет-обозревателю, с какой версией языка разметки тот имеет дело. Без этой строки браузер может начать неправильно обрабатывать код. Написав , мы идентифицировали файл как документ стандарта HTML 5, и браузер, проанализировав первую строку, будет обрабатывать остальной код в соответствии с заданным стандартом.","type":"unstyled","key":"8kj3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"3f3sq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Даёт понять интернет-обозревателю, что всё, находящееся между открывающим и закрывающим тегами — html-код. Вообще использовать эти теги не обязательно, но принято.","type":"unstyled","key":"c1or6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"eliso"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"«Head» с английского — «Голова». Этот контейнер содержит теги со вспомогательной информацией для веб-браузеров и поисковых систем. Здесь можно задать файлы скриптов, таблицы стилей, ключевые слова и","type":"unstyled","key":"e2c7l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Моя первая страничка","type":"unstyled","key":"ccknd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовок страницы. Открыв документ в браузере, вы наверняка обратили внимание на имя вкладки. Браузер вывел его на экран. Заголовок важен не только для поисковых систем, но и для людей, ведь он помогает понять, о чём страница.","type":"unstyled","key":"46sde"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"9tbb0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"«Body» — тело. Таким образом у любого html-документа есть голова, содержащая вспомогательную информацию, и тело, внутри которого находится основной код документа. Так как наша страничка — первая, она не должна быть сложной, и поэтому тело документа содержит только текст \"Тело HTML-документа (отображается на экране)\"","type":"unstyled","key":"4r965"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете поменять надпись на любую другую, и она отобразится в браузере. На экран будет выведен любой находящийся между тегами","type":"unstyled","key":"b9mjg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4eji1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"и","type":"unstyled","key":"f28re"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2crpb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"текст (если только это не теги), так что поздравляю, простые html-странички вы создавать уже научились. Внимательный читатель мог задуматься, почему теги расположены именно так:идёт перед, но закрывающий находится перед закрывающим. Чтобы это понять, рассмотрим предложение: Сайт полезный (называется «Яндекс» (кажется так)).","type":"unstyled","key":"e78sg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кавычки расположены внутри скобок, вторые скобки закрываются перед первыми. Правила вложенности в HTML совпадают с правилами вложенности в русском языке. На основе рассмотренного html-шаблона можно создавать другие страницы, просто меняя информацию внутри контейнеров.","type":"unstyled","key":"3morf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Полезные ссылки:","type":"unstyled","key":"a22c8"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":32,"offset":0}],"inlineStyleRanges":[],"text":"Как создать простой сайт на NTML","type":"unstyled","key":"dsgvd"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":21,"offset":0}],"inlineStyleRanges":[],"text":"Как создать сайт HTML","type":"unstyled","key":"4kkvf"},{"data":{"image":{"id":"606570212a842913a717a404"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4id3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9iaa8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5oofa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ec6qm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e5dks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"quTaxevpp7IR01FPlKtJ"}],"entityMap":{"0":{"data":{"url":"https://zen.yandex.ru/media/id/6052cf0956fb066dafe3ae96/kak-sozdat-prostoi-sait-na-ntml-6052e0d655586b230cba1d27"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://zen.yandex.ru/media/id/6052cf0956fb066dafe3ae96/kak-sozdat-sait-html-60656a6a90a39866e4d3284e"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}