{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Приветствую всех, кто готов отправиться в увлекательное путешествие по миру веб-разработки! Сегодня мы начнем с самого основного – HTML, который является буквально скелетом каждой веб-страницы.","type":"unstyled","key":"72eam"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"HTML (HyperText Markup Language) – это что-то вроде архитектурного чертежа для вашего сайта. Допустим, ваша веб-страница – это здание. HTML определяет, где будут стены, окна, двери и даже таинственные туннели (это ссылки!).","type":"unstyled","key":"1s0m2"},{"data":{"image":{"id":"66278e7b731b000bc047426a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a9as6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте начнем с создания самого простого чертежа для каждой страницы. Этот чертеж всегда выглядит одинаково и помогает браузеру понять, что это за страница.","type":"unstyled","key":"2930t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Стандартная структура HTML:","type":"header-two","key":"1tpgg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n Заголовок страницы\n\n\n \n\n","type":"blockquote","key":"41tuv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта структура состоит из тегов. Каждый тег – это как команда, которую вы говорите браузеру, чтобы он знал, как показать вашу страницу.","type":"unstyled","key":"fg8f6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":4,"style":"ITALIC"},{"length":6,"offset":113,"style":"BOLD"}],"text":"Тег используется для определения основного содержимого вашей веб-страницы. Все, что находится внутри тега , отображается на самой странице в браузере.","type":"unstyled","key":"9nu70"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чуть позже мы разберем больше тегов.","type":"unstyled","key":"41o04"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь, когда у нас есть базовый чертеж, мы готовы перейти к созданию нашей первой веб-страницы!","type":"unstyled","key":"e8b4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Создание первой веб-страницы:","type":"header-two","key":"ahohg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первое, что мы должны сделать, это создать файл с разрешением HTML.","type":"unstyled","key":"13lso"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":3,"offset":24}],"inlineStyleRanges":[],"text":"Как это сделать я писал тут.","type":"unstyled","key":"58et6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":99,"style":"BOLD"}],"text":"В созданный документ вставим ранее указанный каркас. Основное содержимое страницы находится в теге .","type":"unstyled","key":"cue8j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В него предлагаю засунуть две фразы: \"Привет, мир!\" и \"Это моя первая веб-страница с использованием HTML.\"","type":"unstyled","key":"3oase"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Привет, мир!

Это моя первая веб-страница с использованием HTML.

\n","type":"blockquote","key":"et608"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Итоговый код будет выглядеть вот так:","type":"unstyled","key":"6pmeo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n Заголовок страницы\n\n\n

Привет, мир!

Это моя первая веб-страница с использованием HTML.

\n\n","type":"blockquote","key":"f11eu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выглядеть получившейся страница будет вот так:","type":"unstyled","key":"9ghsv"},{"data":{"image":{"id":"662788539aebf023f3984e40"},"contents":{"662788539aebf023f3984e40":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"325v4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как вы можете заметить \"Привет, мир!\" больше, чем \"Это моя первая веб-страница с использованием HTML.\". Это связано с тегами.","type":"unstyled","key":"e9dok"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разберем самые основные теги в HTML. ","type":"unstyled","key":"1glh3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":": Содержит основное содержимое документа, такое как текст, изображения, ссылки и другие элементы.","type":"ordered-list-item","key":"71o0p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"},{"length":4,"offset":43,"style":"BOLD"},{"length":4,"offset":67,"style":"BOLD"}],"text":"

-

: Заголовки разных уровней, где

- самый крупный, а

- самый мелкий.","type":"ordered-list-item","key":"ffutj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"
: Определяет абзац текста.","type":"ordered-list-item","key":"88f4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":": Создает ссылку на другую страницу или ресурс.","type":"ordered-list-item","key":"5qu2c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":": Вставляет изображение на страницу.","type":"ordered-list-item","key":"89eoq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"
: Создает маркированный список.","type":"ordered-list-item","key":"e4dnc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"
: Создает нумерованный список.","type":"ordered-list-item","key":"eqo6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":4,"offset":28,"style":"BOLD"},{"length":4,"offset":37,"style":"BOLD"}],"text":"
: Элемент списка внутри
или
.","type":"ordered-list-item","key":"75khb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":": Создает таблицу.","type":"ordered-list-item","key":"bmfjn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":": Определяет строку в таблице.","type":"ordered-list-item","key":"5pm18"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"
: Определяет ячейку данных в таблице.","type":"ordered-list-item","key":"7gpij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":" : Определяет заголовок ячейки в таблице.","type":"ordered-list-item","key":"5llgu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"
: Определяет форму для ввода данных.","type":"ordered-list-item","key":"2qprk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":": Определяет элемент ввода, такой как текстовое поле или кнопка.","type":"ordered-list-item","key":"24nbc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"