и другие. Однако по мере того как веб развивался, возникла необходимость в более сложных структурах и функциональностях, что привело к созданию новых стандартов, среди которых HTML4, XHTML и, наконец, HTML5, который стал актуальным в 2014 году.","type":"unstyled","key":"7gh1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML5 добавил много новых возможностей, таких как поддержка мультимедийных элементов (видео и аудио), расширенные функции для работы с графикой с помощью

. Эти изменения значительно упростили разработку и повысили качество веб-контента.","type":"unstyled","key":"c7nqu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные элементы HTML","type":"header-two","key":"f635a"},{"data":{"image":{"id":"676d4fb8294e0b6053459fd1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bcs26"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML состоит из набора тегов, которые структурируют контент. Каждый тег выполняет определенную функцию и имеет своё предназначение. Наиболее распространенные теги включают:","type":"unstyled","key":"3m05d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":": Корневой элемент, который определяет документ как HTML.","type":"unordered-list-item","key":"67p65"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":": Определяет метаданные документа, включая заголовок, стили и скрипты.","type":"unordered-list-item","key":"7gala"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":": Указывает название страницы, отображаемое в заголовке браузера.","type":"unordered-list-item","key":"5seg4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<body>: Содержит основной контент, который отображается пользователю.","type":"unordered-list-item","key":"be055"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<h1>, <h2>, ..., <h6>: Задают уровни заголовков от самого важного (H1) до менее важного (H6).","type":"unordered-list-item","key":"7771p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<p>: Определяет параграф текста.","type":"unordered-list-item","key":"8fb4s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<a>: Создает гиперссылку на другую страницу.","type":"unordered-list-item","key":"dno50"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<img>: Вставляет изображение на страницу.","type":"unordered-list-item","key":"90jj9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эти теги являются основой создания любой веб-страницы. Правильное использование тегов позволяет не только управлять внешним видом текста, но и влияет на SEO, так как поисковые системы учитывают структуру контента.","type":"unstyled","key":"14o98"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура HTML-документа","type":"header-two","key":"es1sk"},{"data":{"image":{"id":"676d4fc051eaa6586bec66aa"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"edbmq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Каждый HTML-документ имеет стандартную структуру, которую обязательно нужно соблюдать для правильного отображения содержимого. Основные компоненты HTML-документа можно разделить на два ключевых раздела: <head> и <body>.","type":"unstyled","key":"btp7v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раздел <head>","type":"header-three","key":"19fdg"},{"data":{"image":{"id":"676d4fd4eeee9647bafa3db2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"e7elc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раздел <head> содержит метаданные, которые не отображаются на странице, но важны для понимания поисковыми системами и браузерами. Здесь можно указать:","type":"unstyled","key":"8vqk1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Название страницы с помощью тега <title>.","type":"unordered-list-item","key":"6jc0a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Стили, используя теги <style> или ссылки на внешние таблицы стилей с помощью тега <link>.","type":"unordered-list-item","key":"193vo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Скрипты, которые могут быть добавлены с помощью <script>.","type":"unordered-list-item","key":"fkej3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Метатеги, которые содержат информацию о кодировке, авторе и ключевых словах.","type":"unordered-list-item","key":"fsjci"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Например, код в разделе <head> может выглядеть так:","type":"unstyled","key":"8aq0v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<head>\n <meta charset=\"UTF-8\">\n <meta name=\"author\" content=\"Ваше Имя\">\n <meta name=\"description\" content=\"Описание вашей страницы\">\n <title>Название вашей страницы\n \n","type":"unstyled","key":"1r33r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раздел ","type":"header-three","key":"ebooe"},{"data":{"image":{"id":"676d4fdc51eaa6586bec9246"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7pa0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Раздел — это то, что видит пользователь. Он включает текст, изображения, ссылки и другие элементы, которые отображаются на веб-странице. Здесь находятся основные теги, которые управляют содержанием, предоставляемым пользователю.","type":"unstyled","key":"4c5nq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примером простого содержимого в разделе может быть:","type":"unstyled","key":"eti14"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Главный Заголовок

Это пример параграфа текста.

\n Ссылка на другой сайт\n","type":"unstyled","key":"3lbm9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Семантика HTML","type":"header-two","key":"d9bds"},{"data":{"image":{"id":"676d4fe484d2f06de1ac3d2b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cffuv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Семантика в HTML играет ключевую роль в создании доступного и понятного контента. Семантические теги помогают определить значение различных частей контента для браузеров и поисковых систем. Использование семантических тегов улучшает SEO и делает ваш сайт более доступным для пользователей с ограниченными возможностями.","type":"unstyled","key":"7a3rb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примеры семантических тегов:","type":"unstyled","key":"4bta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

: Используется для обозначения верхней части страницы, где могут располагаться заголовки и логотипы.","type":"unordered-list-item","key":"9s6lu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"