, которое будет отображаться на вкладке браузера.","type":"unstyled","key":"ehnjg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"}],"text":"Тег <body> содержит всё содержимое страницы, которое будет отображаться напрямую на странице. В нашем примере мы использовали текст \"Содержимое страницы\", который будет отображаться на странице.","type":"unstyled","key":"d6tdi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разбор содержимого тега <head>","type":"header-two","key":"efbls"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"},{"length":6,"offset":158,"style":"BOLD"}],"text":"Тег <head> содержит метаданные, которые не отображаются на странице, но они важны для поисковых систем и могут повлиять на ранжирование страницы. Внутри тега <head> могут быть размещены следующие элементы:","type":"unstyled","key":"2gup6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"<title>: указывает на заголовок страницы. Заголовок должен быть кратким, но информативным, и отражать основную тему страницы.","type":"unordered-list-item","key":"1jk9d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"<meta>: используется для задания метаданных страницы, таких как описание, ключевые слова, автор, дата публикации и т.д.","type":"unordered-list-item","key":"1ci5d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"<link>: используется для связи страницы с внешними ресурсами, такими как стили CSS, шрифты, иконки и другие файлы.","type":"unordered-list-item","key":"mphk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"<script>: используется для подключения JavaScript-кода, который может взаимодействовать со страницей и улучшить её функциональность.","type":"unordered-list-item","key":"buqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разбор содержимого тега <body>","type":"header-two","key":"596ke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"}],"text":"Тег <body> содержит всё содержимое страницы, которое будет отображаться на странице. Он может содержать следующие элементы:","type":"unstyled","key":"5372l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":14,"style":"BOLD"},{"length":4,"offset":22,"style":"BOLD"}],"text":"Заголовки (от <h1> до <h6>): используются для обозначения заголовков и подзаголовков страницы.","type":"unordered-list-item","key":"ethpj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":7,"style":"BOLD"}],"text":"Абзацы <p>: используются для разделения текста на абзацы.","type":"unordered-list-item","key":"97tcf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":23,"style":"BOLD"},{"length":4,"offset":46,"style":"BOLD"}],"text":"Списки (нумерованные - <ol> или маркированные <ul>): используются для организации контента в списках.","type":"unordered-list-item","key":"4kr8h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":12,"style":"BOLD"}],"text":"Изображения <img>: используются для добавления графического контента на страницу.","type":"unordered-list-item","key":"dudjs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":7,"style":"BOLD"}],"text":"Ссылки <a>: используются для создания ссылок на другие страницы или ресурсы в интернете.","type":"unordered-list-item","key":"d4d58"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как создать базовый HTML документ","type":"header-three","key":"59plj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание базового HTML документа может быть выполнено с помощью текстового редактора, такого как Блокнот, Visual Studio Code, Sublime Text или любого другого редактора кода. Следуйте этим простым шагам:","type":"unstyled","key":"20mp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте новый текстовый документ.","type":"ordered-list-item","key":"5v9ct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Напишите в нем представленный выше код.","type":"ordered-list-item","key":"432rb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Измените заголовок страницы на свой собственный.","type":"ordered-list-item","key":"57u34"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Замените \"Содержимое страницы\" на свой контент.","type":"ordered-list-item","key":"9h9un"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраните файл с расширением \".html\".","type":"ordered-list-item","key":"8fcnc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте файл в браузере, чтобы убедиться, что всё отображается корректно.","type":"ordered-list-item","key":"b2e6b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выводы","type":"header-three","key":"27mpd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь вы знаете, из чего состоит базовый HTML документ и как его создать. Важно понимать, что HTML-код является основой веб-страницы и позволяет определить её структуру и содержание.","type":"unstyled","key":"25n30"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"51l17UopqxUkbA2sWc1n"}],"entityMap":{"0":{"data":{"url":"https://html-css.blog/html/chto-takoe-html/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}</article></body></html>

{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":32,"offset":0}],"inlineStyleRanges":[],"text":"HTML (HyperText Markup Language) является стандартным языком разметки для создания веб-страниц. Веб-страницы создаются с помощью текстовых файлов, содержащих HTML-код. В этой статье мы рассмотрим, из чего состоит базовый HTML документ, и как правильно его создать.","type":"unstyled","key":"70rtj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое HTML документ?","type":"header-two","key":"7fqu1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML документ представляет собой текстовый файл, который содержит кодировку, определенную набором символов, используемых для отображения текста на странице. HTML код используется для определения структуры и содержания веб-страницы.","type":"unstyled","key":"1lpqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура базового HTML документа","type":"header-two","key":"39uho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Базовый HTML документ имеет следующую структуру:","type":"unstyled","key":"4al13"},{"data":{"image":{"id":"63ee0635207f8f08e79718f5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3am4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":14,"style":"BOLD"}],"text":"Первая строка, , является объявлением типа документа и указывает на то, что данный документ является HTML документом. Это необходимо для того, чтобы браузер понимал, как правильно отображать содержимое страницы.","type":"unstyled","key":"6dof0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":18,"style":"BOLD"},{"length":6,"offset":101,"style":"BOLD"},{"length":7,"offset":125,"style":"BOLD"}],"text":"Следующая строка, , указывает на то, что все содержимое документа будет находиться внутри тега . Закрывающий тег указывает на конец документа.","type":"unstyled","key":"9p1ui"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"},{"length":6,"offset":111,"style":"BOLD"},{"length":7,"offset":263,"style":"BOLD"}],"text":"Тег содержит информацию о странице, которая не отображается напрямую на странице. Например, внутри тега можно указать заголовок страницы, описание, ключевые слова и другую мета-информацию. В нашем примере мы указали название страницы с помощью тега , которое будет отображаться на вкладке браузера.","type":"unstyled","key":"ehnjg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"}],"text":"Тег <body> содержит всё содержимое страницы, которое будет отображаться напрямую на странице. В нашем примере мы использовали текст \"Содержимое страницы\", который будет отображаться на странице.","type":"unstyled","key":"d6tdi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разбор содержимого тега <head>","type":"header-two","key":"efbls"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"},{"length":6,"offset":158,"style":"BOLD"}],"text":"Тег <head> содержит метаданные, которые не отображаются на странице, но они важны для поисковых систем и могут повлиять на ранжирование страницы. Внутри тега <head> могут быть размещены следующие элементы:","type":"unstyled","key":"2gup6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"<title>: указывает на заголовок страницы. Заголовок должен быть кратким, но информативным, и отражать основную тему страницы.","type":"unordered-list-item","key":"1jk9d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"<meta>: используется для задания метаданных страницы, таких как описание, ключевые слова, автор, дата публикации и т.д.","type":"unordered-list-item","key":"1ci5d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"<link>: используется для связи страницы с внешними ресурсами, такими как стили CSS, шрифты, иконки и другие файлы.","type":"unordered-list-item","key":"mphk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"<script>: используется для подключения JavaScript-кода, который может взаимодействовать со страницей и улучшить её функциональность.","type":"unordered-list-item","key":"buqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разбор содержимого тега <body>","type":"header-two","key":"596ke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"}],"text":"Тег <body> содержит всё содержимое страницы, которое будет отображаться на странице. Он может содержать следующие элементы:","type":"unstyled","key":"5372l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":14,"style":"BOLD"},{"length":4,"offset":22,"style":"BOLD"}],"text":"Заголовки (от <h1> до <h6>): используются для обозначения заголовков и подзаголовков страницы.","type":"unordered-list-item","key":"ethpj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":7,"style":"BOLD"}],"text":"Абзацы <p>: используются для разделения текста на абзацы.","type":"unordered-list-item","key":"97tcf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":23,"style":"BOLD"},{"length":4,"offset":46,"style":"BOLD"}],"text":"Списки (нумерованные - <ol> или маркированные <ul>): используются для организации контента в списках.","type":"unordered-list-item","key":"4kr8h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":12,"style":"BOLD"}],"text":"Изображения <img>: используются для добавления графического контента на страницу.","type":"unordered-list-item","key":"dudjs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":7,"style":"BOLD"}],"text":"Ссылки <a>: используются для создания ссылок на другие страницы или ресурсы в интернете.","type":"unordered-list-item","key":"d4d58"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как создать базовый HTML документ","type":"header-three","key":"59plj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание базового HTML документа может быть выполнено с помощью текстового редактора, такого как Блокнот, Visual Studio Code, Sublime Text или любого другого редактора кода. Следуйте этим простым шагам:","type":"unstyled","key":"20mp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте новый текстовый документ.","type":"ordered-list-item","key":"5v9ct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Напишите в нем представленный выше код.","type":"ordered-list-item","key":"432rb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Измените заголовок страницы на свой собственный.","type":"ordered-list-item","key":"57u34"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Замените \"Содержимое страницы\" на свой контент.","type":"ordered-list-item","key":"9h9un"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраните файл с расширением \".html\".","type":"ordered-list-item","key":"8fcnc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Откройте файл в браузере, чтобы убедиться, что всё отображается корректно.","type":"ordered-list-item","key":"b2e6b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выводы","type":"header-three","key":"27mpd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь вы знаете, из чего состоит базовый HTML документ и как его создать. Важно понимать, что HTML-код является основой веб-страницы и позволяет определить её структуру и содержание.","type":"unstyled","key":"25n30"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"51l17UopqxUkbA2sWc1n"}],"entityMap":{"0":{"data":{"url":"https://html-css.blog/html/chto-takoe-html/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}</article></body></html>