Для чего нам нужен HTML?

{"document": [{"text": [{"type": "string", "attributes": {}, "string": "HTML (HyperText Markup Language) – моя первая ассоциация с вёрсткой. Это язык разметки. Он отвечает за структуру и распределение контента на веб-странице. "}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "Фото для обложки: Miguel Á. Padriñán: https://www.pexels.com/ru-ru/photo/2882568/", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "обложка-html-введение.png", "filesize": 649908, "height": 720, "pic_id": 664414, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2023/08/09/%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0-html-%D0%B2%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5.jpeg", "width": 1280}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Функции языка HTML"}], "attributes": ["heading1"]}, {"text": [{"type": "string", "attributes": {}, "string": "HTML состоит из элементов с разным строением. При этом все они имеют определённые теги. Посмотрите на пример ниже:"}], "attributes": []}, {"text": [{"type": "attachment", "attributes": {"caption": "*Некоторые элементы не имеют закрывающего тега", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/jpeg", "filename": "схема-анатомия-элементов.jpg", "filesize": 89901, "height": 904, "pic_id": 663931, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2023/08/09/%D1%81%D1%85%D0%B5%D0%BC%D0%B0-%D0%B0%D0%BD%D0%B0%D1%82%D0%BE%D0%BC%D0%B8%D1%8F-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2.jpeg", "width": 1837}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Именно с помощью HTML-элементов и их тегов можно превратить простыню текста в полноценный блок с: "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "заголовками и подзаголовками,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "абзацами,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "нумерованными и маркированными списками,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "цитатами и др. "}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "HTML способен не только структурировать контент. Он распределяет его по следующим разделам на странице: "}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "шапка/хедер,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "подвал/футер,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "навигация,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "боковая панель,"}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "основное содержимое."}], "attributes": ["bulletList", "bullet"]}, {"text": [{"type": "string", "attributes": {}, "string": "Задание"}], "attributes": ["heading1"]}, {"text": [{"type": "attachment", "attributes": {"caption": "Скриншот к заданию. Для удобства веб-страница ограничена серой рамкой. Подсказка: здесь нет основной навигации (вывод сделан на основе анализа HTML-кода страницы в инструменте разработчика) и чего-то ещё.", "presentation": "gallery"}, "attachment": {"caption": "", "contentType": "image/png", "filename": "Скриншот к заданию.png", "filesize": 872065, "height": 889, "pic_id": 663944, "url": "https://storage.yandexcloud.net/pabliko.files/article_cloud_image/2023/08/09/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82_%D0%BA_%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D1%8E_fgfkJD1.jpeg", "width": 1895}}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Проанализируйте скриншот. Напишите в комментариях:"}], "attributes": []}, {"text": [{"type": "string", "attributes": {}, "string": "Какие разделы выделены?"}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Каким цветом они обозначены?"}], "attributes": ["numberList", "number"]}, {"text": [{"type": "string", "attributes": {}, "string": "Какой из них не показан? "}], "attributes": ["numberList", "number"]}], "selectedRange": [624, 624]}