{"draftJsState":{"blocks":[{"data":{"image":{"id":"63ef755270ad167a408074d7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bgkt8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"HTML (HyperText Markup Language) - это язык разметки, который используется для создания веб-страниц и приложений. Он определяет структуру и содержимое веб-страницы, определяя, как текст, изображения, видео, формы и другие элементы будут отображаться на странице.","type":"unstyled","key":"8gedn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":28,"offset":75,"style":"BOLD"}],"text":"HTML используется в сочетании с другими языками и технологиями, такими как CSS (Cascading Style Sheets) для оформления веб-страниц, а также JavaScript для создания интерактивных элементов и динамического поведения страницы.","type":"unstyled","key":"1legs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":5,"offset":239,"style":"BOLD"}],"text":"HTML состоит из тегов, которые определяют структуру и содержимое веб-страницы. Каждый тег определяет тип содержимого, который находится внутри него, и имеет свои атрибуты, которые определяют дополнительные свойства элемента. Например, тег используется для вставки изображений на страницу, а атрибут src определяет путь к файлу изображения.","type":"unstyled","key":"4thmg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"HTML является одним из основных языков для создания веб-страниц, и знание его основ является необходимым для создания и публикации собственного контента в Интернете.","type":"unstyled","key":"5ab9g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":4,"offset":103,"style":"BOLD"}],"text":"HTML содержит множество тегов, каждый из которых выполняет свою функцию. Некоторые из основных тегов в HTML включают в себя:","type":"unstyled","key":"fc7p7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":" - определяет начало и конец HTML документа.","type":"ordered-list-item","key":"19m9r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":" - содержит информацию о документе, такую как заголовок, метатеги, стили, скрипты и т.д.","type":"ordered-list-item","key":"8jgi2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":" - определяет заголовок документа, который отображается во вкладке браузера или при поиске в поисковых системах.","type":"ordered-list-item","key":"ab2m6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"<body> - определяет тело документа, содержащее все элементы, которые отображаются в окне браузера.","type":"ordered-list-item","key":"2al8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":4,"offset":7,"style":"BOLD"}],"text":"<h1> - <h6> - определяют заголовки различных уровней (от 1 до 6) для организации и структурирования содержимого страницы.","type":"ordered-list-item","key":"clsk4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"<p> - определяет абзац текста.","type":"ordered-list-item","key":"9569u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"<a> - определяет ссылку на другой документ или ресурс в Интернете.","type":"ordered-list-item","key":"9gjr1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"<img> - определяет изображение для отображения на странице.","type":"ordered-list-item","key":"dib0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"<ul> - определяет ненумерованный список.","type":"ordered-list-item","key":"7ei06"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"<ol> - определяет нумерованный список.","type":"ordered-list-item","key":"9ter0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"<li> - определяет элемент списка.","type":"ordered-list-item","key":"dm5ts"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это только небольшой список тегов в HTML. Однако, знание этих тегов может помочь вам начать создавать веб-страницы и понимать основы HTML.","type":"unstyled","key":"73klq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Давайте создадим простой HTML сайт, который содержит заголовок, параграф текста, изображение и ссылку. Ниже приведен пример кода HTML, который вы можете использовать:","type":"unstyled","key":"ctcgb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"ITALIC"}],"text":"<!DOCTYPE html>","type":"unstyled","key":"4cbd7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"ITALIC"}],"text":" <html>","type":"unstyled","key":"b9uhr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"ITALIC"}],"text":" <head> ","type":"unstyled","key":"4612a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"ITALIC"}],"text":" <title>Мой первый сайт ","type":"unstyled","key":"apgka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"ITALIC"}],"text":" ","type":"unstyled","key":"d2j4i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"ITALIC"}],"text":" ","type":"unstyled","key":"dpqer"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"ITALIC"}],"text":"

Добро пожаловать на мой сайт!

","type":"unstyled","key":"adm42"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":58,"offset":0,"style":"ITALIC"}],"text":"

Это мой первый сайт, созданный с помощью HTML.

","type":"unstyled","key":"6afte"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":84,"offset":0,"style":"ITALIC"}],"text":" $\"Мое$ ","type":"unstyled","key":"g8ph"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":118,"offset":0,"style":"ITALIC"}],"text":"

Посетите мою домашнюю страницу для получения дополнительной информации.

","type":"unstyled","key":"44rg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"ITALIC"}],"text":" ","type":"unstyled","key":"22kb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"ITALIC"}],"text":" ","type":"unstyled","key":"5jsv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":53,"style":"BOLD"},{"length":4,"offset":103,"style":"BOLD"},{"length":4,"offset":116,"style":"BOLD"},{"length":4,"offset":132,"style":"BOLD"},{"length":4,"offset":177,"style":"BOLD"},{"length":4,"offset":237,"style":"BOLD"},{"length":4,"offset":280,"style":"BOLD"},{"length":3,"offset":302,"style":"BOLD"},{"length":5,"offset":319,"style":"BOLD"},{"length":3,"offset":334,"style":"BOLD"}],"text":"В этом примере мы начинаем с указания типа документа , а затем создаем корневой элемент html. Внутри html мы создаем head, который содержит заголовок страницы, и body, который содержит основное содержимое страницы. Внутри body мы добавляем заголовок первого уровня

, параграф текста
, изображение и ссылку .","type":"unstyled","key":"349bo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":30,"style":"BOLD"},{"length":3,"offset":55,"style":"BOLD"},{"length":3,"offset":108,"style":"BOLD"},{"length":1,"offset":239,"style":"BOLD"},{"length":4,"offset":262,"style":"BOLD"}],"text":"Обратите внимание, что в теге img используется атрибут src для указания пути к файлу изображения, а атрибут alt используется для предоставления альтернативного текста, который отображается, если изображение не может быть загружено. В теге a используется атрибут href для указания ссылки на другой ресурс.","type":"unstyled","key":"3ol50"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это только пример, и вы можете изменять содержимое страницы, добавлять новые теги и стилизовать ваш сайт с помощью CSS.","type":"unstyled","key":"bpj3t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"6cBcPqxunIk4dpI7lFBq"}],"entityMap":{}},"mentions":[]}