{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML (HyperText Markup Language) является основным языком разметки для создания веб-страниц. Он определяет структуру и содержание страницы, используя различные теги и элементы. В этой статье мы рассмотрим основы HTML, включая структуру документа и некоторые из основных тегов.","type":"unstyled","key":"9pt24"},{"data":{"image":{"id":"64abfbd30d3d6c620775c304"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"80hqb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1hsa6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура документа HTML","type":"header-two","key":"3v81g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура документа HTML состоит из нескольких основных элементов. Вот пример простой структуры документа HTML:","type":"unstyled","key":"2t1c8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":121,"style":"ITALIC"}],"text":" \n \n \n Заголовок страницы \n \n \n \n \n","type":"unstyled","key":"5nctm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте разберем каждый из этих элементов:","type":"unstyled","key":"dccin"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" - Это объявление типа документа и сообщает браузеру, что это HTML5 документ.","type":"ordered-list-item","key":"7h8vh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" - Элемент представляет корневой элемент всего документа HTML.","type":"ordered-list-item","key":"874jk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" - Элемент содержит метаданные и информацию о документе, такую как заголовок страницы, подключение стилей и скриптов, мета-теги и др.","type":"ordered-list-item","key":"f2f7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" - Элемент <title> определяет заголовок страницы, который отображается в верхней части окна браузера или на вкладке страницы.","type":"ordered-list-item","key":"emmas"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<body> - Элемент <body> содержит все видимое содержимое страницы, такое как текст, изображения, ссылки и другие элементы.","type":"ordered-list-item","key":"76il9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные теги HTML","type":"header-two","key":"6ns9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML обладает большим набором тегов для разметки различных элементов на странице. Посмотрим несколько основных тегов HTML, которые часто используются:","type":"unstyled","key":"5vsiv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<h1>, <h2>, <h3>, ... <h6>: Заголовки разных уровней (от h1 до h6).","type":"unordered-list-item","key":"84t5t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<p>: Параграфы текста.","type":"unordered-list-item","key":"7974h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<a href=\"ссылка\">текст</a>: Гиперссылки.","type":"unordered-list-item","key":"em2a2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<img src=\"путь_к_изображению\" alt=\"альтернативный_текст\">: Изображения.","type":"unordered-list-item","key":"bjnaq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<ul>, <ol>, <li>: Ненумерованные и нумерованные списки.","type":"unordered-list-item","key":"d9ca5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<div>: Контейнерный блочный элемент.","type":"unordered-list-item","key":"ca9a3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<span>: Контейнерный строчный элемент.","type":"unordered-list-item","key":"c7kgh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<table>, <tr>, <td>: Таблицы и их элементы.","type":"unordered-list-item","key":"e6va9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<form>, <input>, <button>: Формы и элементы управления.","type":"unordered-list-item","key":"1noj6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конечно, это малая часть доступных тегов HTML. Можно изучить их больше в документации или онлайн-учебниках по HTML.","type":"unstyled","key":"furqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример использования основных тегов","type":"header-two","key":"65o23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рассмотрим пример использования части этих тегов:","type":"unstyled","key":"bqu92"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<!DOCTYPE html> \n<html> \n <head> \n <title>Моя первая веб-страница \n \n \n

Привет, мир!

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

\n Перейти на example.com \n $\"Описание$ \n

Элемент 1
Элемент 2
Элемент 3

","type":"unstyled","key":"ec7rd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Подзаголовок блока

","type":"unstyled","key":"5vuo8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Текст блока

","type":"unstyled","key":"7nrni"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\n ","type":"unstyled","key":"7d0rs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"5ff5m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8v9o2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь мы использовали часть основных тегов HTML, для создания простой веб-страницы с заголовком, параграфом текста, гиперссылкой, изображением, списком, блоком, формой и элементами управления.","type":"unstyled","key":"e8d6a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подробнее можно ознакомиться с каждым тегом и изучить атрибуты и возможности в документации по HTML.","type":"unstyled","key":"29g13"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"35dfj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заключение","type":"header-two","key":"5qgro"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML является основным инструментом для создания веб-страниц и определения их структуры. В этой статье мы рассмотрели основы HTML, включая структуру документа и некоторые из основных тегов. Надеюсь, что эта информация была полезной и поможет вам начать работу с HTML.","type":"unstyled","key":"65qck"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помимо основных тегов, HTML предлагает множество других возможностей, таких как форматирование текста, создание таблиц, мультимедиа и прочее. Рекомендуется продолжить изучение HTML и практиковаться в создании различных элементов и компонентов на веб-странице.","type":"unstyled","key":"4vcks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Удачи в вашем путешествии в мир веб-разработки!","type":"unstyled","key":"jodg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"BX5PweDTFQXVzHtJBwjb"}],"entityMap":{}},"mentions":[]}