История развития интернета
Что такое Интернет: история появления, принципы работы
Первоначально Интернет являлся проектом, который должен был аккумулировать в себе знания человечества. И по сей день идея о том, что данные, ...
языка HTML
В 1989 году произошло событие, которое и по сей день во многом определяет лицо современного Интернета. Тим Бернерс-Ли из Европейского совета по ядерным исследованиям предложил концепцию World Wide Web, за этим последовали создание протокола HTTP и <anchor>языка HTML</anchor>. Ресурсы в Интернете получили уникальные адреса в системе URL.
Что такое html: где используется, для чего нужен
Что такое html: где используется, для чего нужен

**Получите бесплатно** 4 курса для лёгкого старта работы в IT


Получить бесплатно

![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Главная](/)▸[Блог](/blog/)▸Что такое html: где используется, для чего нужен

![Язык HTML](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](/blog/category/programmirovanie/)

# Что такое html: где используется, для чего нужен

Дата публикации: 06.05.2022

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/view.svg)
16 220

Время чтения:
14 минут

Дата обновления: 06.10.2023

**Автор статьи:** [![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)\
**Редакция сайта GeekBrains** Шеф-редактор раздела Программирование](https://gb.ru/)

В статье рассказывается:


**В статье рассказывается:**

1. [Что такое HTML простыми словами](#1)
2. [История развития HTML кода](#2)
3. [Основные элементы HTML](#3)
4. [Пример использования HTML](#4)
5. [Ограничения HTML](#5)
6. [Интеграция HTML с другими инструментами](#6)
7. ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/checklist-download/checklist-download-icon.svg)



Пройди тест и узнай, какая сфера тебе подходит:

айти, дизайн или маркетинг.



Бесплатно от Geekbrains


HTML – это язык гипертекстовой разметки документов. Такое определение не вносит ясности и не отвечает на вопрос, что же это такое. Если говорить простыми словами, то это язык программирования, с помощью которого пишутся сайты. Открывая любую страничку в браузере, вы ее видите такой именно благодаря HTML.

У HTML есть структура, элементы и «правила» взаимодействия. Зная этот язык, можно легко написать сайт даже в простом блокноте. Подробнее о том, что такое HTML, как он появился, развивался, вы узнаете из нашего материала.

## Что такое HTML простыми словами

Что такое HTML? Речь идет о языке разметки, который позволяет браузеру понимать, как следует отображать пользователю ту или иную информацию. Изучив этот язык, можно заниматься веб-разработкой, а это достаточно востребованная и хорошо оплачиваемая специальность.

![Что такое HTML](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)Что такое HTML

HyperText Markup Language – язык гипертекстовой разметки. Это набор команд, следуя которым, браузеры выводят на монитор различные документы и странички сайтов. Покажем на примере, что такое язык разметки HTML:

К примеру:

- <h1>Это заголовок</h1>
- <p>Это текстовый абзац <a href=»…»>с гиперссылкой</a>.</p>
- <ul>
- <li>Это элемент ненумерованного перечисления</li>
- <li>И ещё один</li>
- </ul>

Здесь мы видим разные символы и слова, которые вписаны внутри угловых скобок (<h1>, <p> и др.). Их называют тегами. Здесь стоит объяснить, что такое теги в HTML. Это указания браузеру, как следует отображать текстовые фрагменты, где расположить картинку, кнопу и т.д.

Давайте сохраним представленный выше фрагмент в виде текстового файла, а затем откроем его в браузере. В результате будут прочитаны все теги (специальные команды), а перед нами откроется страница уже без них. При этом браузер запомнит значение всех тегов. Отметим, что браузеры ПК, смартфонов и других устройств одинаково воспринимают такие команды, поэтому в большинстве случаев страницы будут одинаковыми. К примеру, записанный нами код отобразится следующим образом:

# Это заголовок

Это текстовый абзац с [гиперссылкой](http://.../).

- Это элемент ненумерованного перечисления
- И ещё один

Узнай, какие ИТ - профессии

входят в ТОП-30 с доходом

от 210 000 ₽/мес

![Павел Симонов - исполнительный директор Geekbrains](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/incut-top-it-30-2023-v2/Pavel_Simonov-m.png)

Павел Симонов

Исполнительный директор Geekbrains

Команда GeekBrains совместно с международными специалистами по развитию карьеры
подготовили материалы, которые помогут вам начать путь к профессии мечты.


Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в
IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее
будущее!


Скачивайте и используйте уже сегодня:

![Павел Симонов - исполнительный директор Geekbrains](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/incut-top-it-30-2023-v2/Pavel_Simonov.png)

Павел Симонов

Исполнительный директор Geekbrains

![pdf иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/pdf-insert-prof.svg)

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

Поможет разобраться в актуальной ситуации на рынке труда

![doc иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/docx-insert-v2.png)

Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка

Только проверенные нейросети с доступом из России и свободным использованием

![pdf иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/pdf-insert-prof.svg)

ТОП-100 площадок для поиска работы от GeekBrains

Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽

Получить подборку бесплатно
![Анимация клика](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/hand_anime.gif)![Анимация клика](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/hand_anime.gif)

pdf 3,7mb

doc 1,7mb

Уже скачали 29931 ![pdf иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/incut-top-it-30-2023/vrezka-submit-people.svg)

К языкам, имеющим свои варианты разметки, относятся и такие текстовые редакторы, как Microsoft Word или Apple Pages. Здесь также присутствует информация об особенностях оформления документа. Когда мы набираем любой текс с помощью таких редакторов в него автоматически добавляются невидимые для нас сведения о том, как выглядит этот документ. Затем эта информация позволяет нам открывать свой текс именно в том виде, в каком он был сохранен.

## История развития HTML-кода

К сожалению, точной даты назвать не получится. Разработка формата HTML происходила, начиная с 1986 и по 1991 годы. Он был ориентирован на людей, не имеющих глубоких знаний в области программирования и верстки. В результате сложная система разметки (Standard Generalized Markup Language) свелась к небольшому списку дескрипторов (тегов).

Перечислим некоторые особенности HTML-кода:

- Начальный список дескрипторов для текстового оформления состоял лишь из 18 тэгов. 11 из них присутствуют и в новейших версиях.
- С использованием формата HTML можно без искажений выводить сохраненные тексты на разных технических устройствах.
- Новейшие версии HTML получили более сильную зависимость от платформы, что обусловлено появлениям тегов графики и мультимедийного оформления.

Версии HTML:

- 2.0 — была опубликована IETF, как RFC 1866 в статусе Proposed Standard (24.11.1995 г.);
- 3.0 — появилась 28.03.1995: IETF Internet Draft (до 28.09.1995 г.);
- 3.2 — опубликована 14.01.1997 года;
- 4.0 — представлена 18.12.1997 года;
- 4.01 — разработана 24.12.1999 года;
- ISO/IEC 15445:2000 (своеобразный ISO HTML, базирующийся на HTML 4.01 Strict) — 15.05.2000 года;
- Версия 5— 28.10.2014 года;
- Версия 5.1 стартовала в разработке 17.12.2012 года. Рекомендована к использованию с 1.11.2016 года.
- 5.2 появилась 14.12.2017 года.
- 5.3 опубликована 24.12.2018 года.

Актуальным сейчас является HTML 5, который дорос до релиза 5.3. Эта версию поддерживают большинство современных браузеров.

Основные изменения в более новых версиях HTML связаны с отображением новых функций. Так, была внедрена поддержка ввода дополнительных типов данных: дата/время, адрес электронной почты, доменного имени. Кроме того, появились вспомогательные элементы для добавления на онлайн страницы аудио- и видеоконтента, рисования в определенном месте с применением скриптов JavaScript.

## Основные элементы HTML

Раскрыть, что такое язык разметки HTML можно, представив его в качестве инструмента для преобразования простых команд (тегов), в визуальные объекты. К примеру, тег <img> применяется для вывода в браузере картинок. Обязательным атрибутом выступает ссылка на файл. Как правило, для хранения картинок используются ресурсы удаленного сервера, где расположены все файлы сайта, или специальные внешние сервисы.

Для вас подарок! В свободном доступе до
22.09

Скачайте ТОП-10

бесплатных нейросетей

для программирования

Помогут писать код быстрее на 25%

Чтобы получить файл, укажите e-mail:Подтвердите, что вы не робот, указав номер телефона:

Скачать подборку бесплатно


Я подтверждаю согласие на обработку [персональных данных](https://gb.ru/confidential/)

Чтобы получить подарок, заполните информацию в открывшемся окне


[Перейти](https://gb.ru/a/a_blog1)

[Скачать\
файл](https://gb.ru/blog/wp-content/themes/reboot-child/job_search_channels_in_a_crisis.pdf)

Основные группы элементов HTML используются для решения следующих задач:

- Текстовое форматирование – жирный шрифт, курсив, подчеркивание, размер кегля, списки (нумерованные или маркированные).
- Текстовые блоки – разные уровни заголовков от H1 до H6, абзацы, написание с новой строки.
- Табличные формы – неограниченное число строчек, столбцов, указание фиксированных параметров высоты/ширины, заголовки.
- Вставка картинок, аудио, текстовых и видеофайлов.
- Гиперссылки, обеспечивающие переход на файл картинки, прайса и на отдельную страницу с определенного пункта меню или анкора в тексте. Кроме того, существуют атрибуты, обеспечивающие открытия документа в текущем/новом окне.

[Читайте также!\
\
Создание сайта html: кому это нужно сегодня\
\
Подробнее\
\
\
![Создание сайта html: кому это нужно сегодня](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)](https://gb.ru/blog/sozdanie-sajta-html/)

В языке HTML есть возможность для разработки простых форм для ввода текста, выбора пункта из списка. При необходимости создать более сложные конструкции следует использовать более функциональные языки — JavaScript или PHP.

![Основные элементы HTML](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)Основные элементы HTML

Рассмотрим более подробно элементы HTML.

### Элемент <html>

Это корневой тег веб-страницы. Остальные HTML элементы могут располагаться исключительно внутри него. В противном случае браузер будет неадекватно обрабатывать документ.

Дарим скидку от 60%

на обучение «Веб-разработчик» до 22 сентября

Уже через 9 месяцев сможете устроиться на работу с доходом **от 150 000 рублей**

[Забронировать скидку](https://gb.ru/geek_university/developer/programmer/web?from=blog_vrezka)

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/insert-bn/web_dev.png)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/insert-bn/web_dev_mob.png)

Тегам присущи определенные свойства (атрибуты) со значениями. Их указывают за тегом.

Атрибуты элемента <html>.

АтрибутОписаниеВозможные значенияmanifestПоказывает путь к кешу манифеста.URL.

Манифест (manifest) – имеет вид текстового файла с перечнем ресурсов для хранения необходимых данных (кеширования). Пока все может показаться сложным для понимания. Забудем о манифесте и приведем более простой пример, как указываются атрибуты:

- <html manifest = «URL»>

, где:

- html — тег;
- manifest — свойство (атрибут);
- URL — значение атрибута.

Только до 16.09

Скачай подборку материалов, чтобы гарантированно найти работу в IT за 14 дней


Список документов:

![](/blog/wp-content/themes/reboot-child/assets/images/incut-strategy-for-beginners-new/pdf.png)
ТОП-100 площадок для поиска работы от GeekBrains


![](/blog/wp-content/themes/reboot-child/assets/images/incut-strategy-for-beginners-new/pdf.png)
20 профессий 2023 года, с доходом от 150 000 рублей


![](/blog/wp-content/themes/reboot-child/assets/images/incut-strategy-for-beginners-new/pdf.png)
Чек-лист «Как успешно пройти собеседование»


Чтобы получить файл, укажите e-mail:

Введите e-mail, чтобы получить доступ к документам

Подтвердите, что вы не робот,

указав номер телефона:

Введите телефон, чтобы получить доступ к документам

Скачать подборку бесплатно
pdf 2,5mb

![](/blog/wp-content/themes/reboot-child/assets/images/incut-strategy-for-beginners-new-v2/people-3.png)Уже скачали 52300

Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


Чтобы зарегистрироваться на бесплатный интенсив и получить в подарок подборку файлов от GeekBrains, заполните информацию в открывшемся окне

[Перейти](https://gb.ru/a/a_blog3)

[Анкета](https://gb.ru/a/a_blog3)

### Элемент <head>

Теги обрамляют информацию, которая не видима пользователю при открытии браузера. Другими словами, она носит технический характер и предназначена для служебного пользования. Эта информация прописана для:

- Поисковых роботов.
- Стилизации и расширения функциональности веб ресурса.
- Указания заголовка файла в браузере с применением тега <title>.

### Элемент <title>

Тег <title> применяют для указания название web-страницы (оно будет отображено в закладке браузера).

### Элемент <body>

Теги <body> и </body> обрамляют всю видимую пользователю информацию web-страницы.

## Пример использования HTML

Для более полного понимания, что такое HTML-страница, можно посмотреть, как она выглядит на различных веб-ресурсах. Для этого следует кликнуть на нее правой кнопкой мыши и в открывшемся меню выбрать пункт «Посмотреть код».

![Пример использования HTML](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)Пример использования HTML

Мы увидим, что такое HTML-документ. В его начале расположена строка с указанием версии языка разметки и порядка записи и использования тегов. В более старых вариациях HTML очень часто и в большом количестве встречаются разные варианты тега DOCTYPE.

После этого тега указывается сам документ страницы, который имеет начало и конец. Они обозначены открывающим (<html>) и закрывающим (</html>) тегами (своеобразный контейнер, хранящий всю информацию веб страницы). Внутри таких элементов содержится весь полезный для пользователя контент.

Непосредственно внутри HTML-документа видим теги <head> и <body>. Выглядит это следующим образом:

Код:

- <html>
- <head></head>
- <body></body>
- </html>

Популярные статьи

[![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popular-articles-img.png)](https://gb.ru/blog/vysokooplachivaemye-professii/)

[Высокооплачиваемые профессии сегодня и в ближайшем будущем](https://gb.ru/blog/vysokooplachivaemye-professii/)

[![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popular-2.png)](https://gb.ru/blog/dop-zarabotok-v-internete/)

[Дополнительный заработок в Интернете: варианты для новичков и специалистов](https://gb.ru/blog/dop-zarabotok-v-internete/)

[![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popular-3.png)](https://gb.ru/blog/vostrebovannye-udalennye-professii/)

[Востребованные удаленные профессии: зарабатывайте, не выходя из дома](https://gb.ru/blog/vostrebovannye-udalennye-professii/)

[![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popular-4.png)](https://gb.ru/blog/razrabotchik-igr/)

[Разработчик игр: чем занимается, сколько зарабатывает и где учится](https://gb.ru/blog/razrabotchik-igr/)

[![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popular-5.png)](https://gb.ru/blog/kak-vybrat-professiyu/)

[Как выбрать профессию по душе: детальное руководство \+ ценные советы](https://gb.ru/blog/kak-vybrat-professiyu/)

В <head> прописаны служебные элементы для поисковых систем и браузеров:

- заголовок <title>, является обязательным элементом документа, который отображается в поисковой выдаче и во вкладке браузера;
- мета теги названия, описания и ключевых слов;
- описание содержания файла;
- ссылки на стили <link>;
- ссылки на скрипты <script>.

Все атрибуты, указанные в этом теге, не видимы пользователю и не отображаются на странице. Видимыми будут только те данные, которые указаны между тегами <body>. Это может быть:

- текст;
- табличные формы;
- графика;
- рисунки;
- аудио/видео файлы и другие варианты кода.

Для закрепления представленной выше информации, приведем простой пример HTML файла:

Код:

- <!DOCTYPE html>
- <html>
- <head>
- <title>Я написал свой первый HTML документ</title>
- </head>
- <body>
- <h1>Мой первый HTML документ</h1>
- <p>Всем привет!</p>
- </body>
- </html>

Если записать это в каком-либо текстовом документе (к примеру, в «Блокноте»), а затем сохранить в расширении html и открыть в браузере, то на мониторе отобразится заголовок <h1> и описание документа <p>. Заголовок всегда выделяется жирным шрифтом, который по размеру будет больше, чем остальной текст.

Здесь еще стоит раскрыть, что такое div в HTML. Тег <div> используется, чтобы обеспечить выделение фрагмента документа, в котором будет изменен вид содержимого.

## Ограничения HTML

Мы отметили довольно широкий набор возможностей для форматирования веб-страниц в HTML, но при этом в данном языке разметки нет довольно большого перечня функций. К примеру, теги дают возможность использовать стандартный шрифт, но его нельзя изменить. В этом контексте будет полезно разобраться, что такое HTML и CSS. Второй язык используется для описания внешнего вида разметки HTML-документов. Что дает подключение таблиц стилей CSS?

Такое решение позволяет преодолеть недостатки HTML:

- Упрощается адаптивная верстка.
- Сокращается время на оформление интернет-страниц.
- Увеличивается стандартный перечень возможностей.

[Читайте также!\
\
Как вставить html в письмо: разбираемся в особенностях создания интерактивных писем\
\
Подробнее\
\
\
![Как вставить html в письмо: разбираемся в особенностях создания интерактивных писем](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)](https://gb.ru/blog/kak-vstavit-html-v-pismo/)

В результате мы получаем более привлекательный дизайн веб-ресурса, повышаем скорость загрузки страницы и снижаем нагрузку на сервер. При работе в HTML приходится дублировать код на каждой странице.

[Освойте новую интересную профессию Frontend-разработчика.](https://gb.ru/geek_university/developer/programmer/frontend?from=text_block) Всё, что нужно для старта: основы веб-разработки и создания пользовательских интерфейсов для сайтов и приложений. Вы научитесь проектировать, разрабатывать и тестировать [фронтенд-часть проектов](https://gb.ru/blog/frontend-razrabotchik/?from=blog_stati_ankor), используя современные технологии и инструменты. Присоединяйтесь к команде преподавателей и студентов. Ваш профессиональный успех начинается здесь и сейчас.

С использованием CSS появляется возможность для вставки короткой ссылки на необходимый участок кода. Изменение шаблона оставляет неизменным файл CSS, поэтому существенно упрощается редактирование сайтов.

Язык HTML отличается достаточно «топорной» работой, и вебмастеру приходится дублировать команды на всех страницах. Это нерациональное решение для создания элементов, которые будут общими для всех страниц сайта («шапка», «подвал», общее меню).

Благодаря появлению технологии CSS можно разрабатывать корпоративное оформление сайта при использовании любых шаблонов. Необходимо лишь подключить требуемый отрезок кода, и веб страница меняется. Это кардинально меняет представление о том, что такое HTML-сайт

## Интеграция HTML с другими инструментами

Благодаря особенностям языка разметки значительно упростился вопрос интеграции сторонних сервисов. На страницы любого ресурса можно быстро и просто встроить системы аналитики Яндекс.Метрика или Google Analytics. Точно также несложно разметить функциональные блоки сайта: формы подписки, обратной связи, контактов и т.д. Интернет-пользователи не видят никакой разницы, им доступен готовый результат.

![Интеграция HTML с другими инструментами](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)Интеграция HTML с другими инструментами

Примеры самых популярных интеграций:

- PHP. В теле страницы HTML указывается ссылка на исполняемый файл.
- JavaScript. Все скрипты можно становить целиком или в форме ссылки на документ.
- Ajax – комбинация асинхронного JS и XML.
- Iframes. Метод встраивания в документ интерактивных элементов.

Благодаря наличию таких возможностей может сложиться мнение, что HTML – это полноценный язык программирования. В реальности же он только обеспечивает управление тем, как отображается содержимое веб-страниц. Все остальное определяют подключаемые программные модули. Чтобы изучить язык разметки, потребуется буквально несколько дней, но следует помнить о наличии ограничений и понимать, что такое структура HTML.

В этом материале мы разобрали, как используя HTML в тексте выделить заголовки, графические и табличные элементы, абзацы, списки, установить на веб-страницу картинку, прописать связи между отдельными текстами с помощью гиперссылок и т. д. И все это можно сделать таким образом, чтобы пользователь не видел сложную кодировку. Это обеспечивает интерпретация кода браузерами, в результате которой получается привлекательный и удобный для чтения вид документа.

**Автор статьи:** [![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)\
**Редакция сайта GeekBrains** Шеф-редактор раздела Программирование](https://gb.ru/)

Оцените статью:

4.4

Поделиться статьей:


Добавить комментарий [Отменить ответ](/blog/chto-takoe-html/?from=blog_stati_ankor#respond)

Имя

Email

Сайт

Комментарий

Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.

**Сортировать:**

По дате публикации


По рейтингу


Читайте также


![prev](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider-read-more__prev.png)

[Программирование \
08.02.2023 \
\
Профессии будущего в различных сферах деятельности \
\
В статье рассказывается: Что такое HTML простыми словами История развития HTML кода Основные элементы HTML Пример использования HTML Ограничения HTML \
\
![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider_like.svg)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/comment.svg)\
0 ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/view.svg)\
70525](https://gb.ru/blog/professii-buduschego/)

[Программирование \
07.02.2023 \
\
Высокооплачиваемые профессии: в России и за рубежом \
\
В статье рассказывается: Что такое HTML простыми словами История развития HTML кода Основные элементы HTML Пример использования HTML Ограничения HTML \
\
![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider_like.svg)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/comment.svg)\
0 ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/view.svg)\
57321](https://gb.ru/blog/vysokooplachivaemye-professii/)

[Программирование \
05.06.2023 \
\
Инфографика: как работает и создается \
\
В статье рассказывается: Что такое HTML простыми словами История развития HTML кода Основные элементы HTML Пример использования HTML Ограничения HTML \
\
![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider_like.svg)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/comment.svg)\
0 ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/view.svg)\
22378](https://gb.ru/blog/infografika/)

[Программирование \
16.08.2023 \
\
Чат-бот Bing: как правильно с ним работать \
\
В статье рассказывается: Что такое HTML простыми словами История развития HTML кода Основные элементы HTML Пример использования HTML Ограничения HTML \
\
![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider_like.svg)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/comment.svg)\
0 ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/view.svg)\
26458](https://gb.ru/blog/chat-bot-bing/)

[Программирование \
23.12.2022 \
\
Что такое чат-бот: виды, способы создания \
\
В статье рассказывается: Что такое HTML простыми словами История развития HTML кода Основные элементы HTML Пример использования HTML Ограничения HTML \
\
![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider_like.svg)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/comment.svg)\
1 ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/view.svg)\
25136](https://gb.ru/blog/chto-takoe-chat-bot/)

![next](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/slider-read-more__next.png)

Бесплатные вебинары:

![prev](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/webinar-prev.png)

![next](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/blog/webinar-next.png)

![Как работает дизайн-студия на примере одного кейса ](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Как работает дизайн-студия на примере одного кейса

[Узнать подробнее](https://gb.ru/blog/kak-rabotaet-dizajn-studiya-na-primere-odnogo-kejsa/)

![Инновационные подходы к обучению информационным технологиям](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Инновационные подходы к обучению информационным технологиям

[Узнать подробнее](https://gb.ru/blog/innovaczionnye-podhody-k-obucheniyu-it/)

![Как стать Python-разработчиком](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Как стать Python-разработчиком

[Узнать подробнее](https://gb.ru/blog/kak-stat-python-razrabotchikom/)

![Что нужно знать разработчику](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Что нужно знать разработчику

[Узнать подробнее](https://gb.ru/blog/chto-nuzhno-znat-razrabotchiku/)

![Кто такой тестировщик и как им стать](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Кто такой тестировщик и как им стать

[Узнать подробнее](https://gb.ru/blog/kto-takoj-testirovshhik/)

![Чем занимается программист и как им стать](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Чем занимается программист и как им стать

[Узнать подробнее](https://gb.ru/blog/chem-zanimaetsya-programmist/)

![Как искусственный интеллект помогает и мешает задачам кибербезопасности](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Как искусственный интеллект помогает и мешает задачам кибербезопасности

[Узнать подробнее](https://gb.ru/blog/kak-iskusstvennyj-intellekt-pomogaet-i-meshaet-zadacham-kiberbezopasnosti/)

![Бесплатный вебинар про внедрение искусственного интеллекта](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Бесплатный вебинар про внедрение искусственного интеллекта

[Узнать подробнее](https://gb.ru/blog/besplatnyj-vebinar-pro-vnedrenie-iskusstvennogo-intellekta/)

![Какие есть профессии в ИТ](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)

[Программирование](https://gb.ru/blog/category/programmirovanie/)

27 окт

Какие есть профессии в ИТ

[Узнать подробнее](https://gb.ru/blog/kakie-est-professii-v-it/)

Смените профессию,

получите новые навыки,

запустите карьеру

Поможем подобрать обучение:

Подобрать обучение

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/widget/gift-7-1.png)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/widget/gift-7-1-m.png)Забрать подарок

Только 19 декабря в 18:00 МСК

Как разобраться в технологиях и стать

высокооплачиваемым специалистом?


Для получения ссылки на эфир введите e-mail:

Чтобы забронировать место, введите телефон:

Участвовать бесплатно
![Анимация клика](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/hand_anime.gif)

Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/success-popup-description-list-marker-1.svg)
Разберем 11 самых важных жизненных вопросов

- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/success-popup-description-list-marker-1.svg)
Определим, какие профессии будут востребованы через 5-10 лет

- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/success-popup-description-list-marker-1.svg)
Разыграем призы среди участников на 2 150 000 ₽


![Кнопка закрыть попап](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/success-form-close-btn-1.svg)

![Кнопка закрыть](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup-success-close-btn.svg)

Чтобы завершить регистрацию на интенсив, заполните информацию в открывшемся окне

[Перейти](https://gb.ru/a/a_blog)

**ПОЛУЧИТЕ БЕСПЛАТНО**

4 КУРСА ДЛЯ ЛЁГКОГО СТАРТА

РАБОТЫ В IT


Укажите email, чтобы забронировать место:![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/path-to-it/mail.png)\|

Подтвердите, что вы не робот, указав номер телефона:![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/path-to-it/phone.png)\|

Получить курсы бесплатно


Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/path-to-it/cross.png)

![Кнопка закрыть](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup-success-close-btn.svg)

Ваша заявка отправлена!

Чтобы забрать доступ переходи по ссылке.


[Перейти](https://gb.ru/a/a_blog)

Подходит

для новичков
![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-form-notice.png)

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-popup__date-mob.png)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-popup__date.png)
Только до 15 сентября

Получите бесплатно 4 курса


для старта работы в IT


до 57 300 ₽

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-form-cost_mob_v4.png)![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-form-cost_v4.png)

Чтобы получить материалы, укажите свой email:Подтвердите, что вы не робот, указав номер телефона:

Получить 4 курса бесплатно


Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-list-marker_v3.svg)
Эксклюзивные лекции по основам программирования

из платной программы обучения

- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-list-marker_v3.svg)
Тест-драйв навыков востребованных профессий:

программиста, аналитика, тестировщика

- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goal-catcher-list-marker_v3.svg)
Мастер-класс по резюме, прохождению

собеседования с гарантией трудоустройства


![Кнопка закрыть попап](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goalcatcher-close-btn-mob_v2.png)![Кнопка закрыть попап](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/goal-catcher/goalcatcher-close-btn_v2.svg)

![Кнопка закрыть](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup-success-close-btn.svg)

Чтобы завершить регистрацию на интенсив, заполните информацию в открывшемся окне

[Перейти](https://gb.ru/api/marketing/v1/questionnaire/check?anketa_show=a_blog&to=https://gb.ru/path-to-it/it_star_08/thanks)

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/career-test-gipotez/close.svg)

В свободном доступе  до 22.09

Скачайте бесплатно ТОП-30 ИТ профессий

с заработком от 210 000 ₽

Вы получите:


- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/career-23/pdf.png)30 востребованных профессий 2023
- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/career-23/doc.png)50+ ресурсов об IT-сфере
- ![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/career-23/pdf.png)100+ площадок для поиска работы от GeekBrains

Чтобы получить материалы, укажите свой email

Чтобы подтвердить доступ, укажите номер телефона

Скачать подборку бесплатно
![Анимация клика](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/hand_anime.gif)

pdf 3,7mb

doc 1,7mb

Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


Чтобы получить бесплатно подборку файлов от GeekBrains, заполните информацию в открывшемся окне

[Перейти](https://gb.ru/a/a_blog3)

[Скачать файл](https://gb.ru/blog/wp-content/themes/reboot-child/Step_towards_a_career.zip) [Скачать файл](https://gb.ru/blog/wp-content/themes/reboot-child/top-30-it-professions.zip)

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/strategy-for-begenners/close.png)

Получите подробную стратегию для новичков на 2023 год, как с нуля выйти на доход 200 000 ₽ за 7 месяцев

Подарки от Geekbrains из закрытой базы:


Точный инструмент

«Колесо компетенций»

![pdf иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/strategy-for-begenners/strategy-for-beginners-popup-pdf.svg)

Список грубых ошибок в IT,

из-за которых сразу увольняют

![pdf иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/strategy-for-begenners/strategy-for-beginners-popup-pdf.svg)

Мини-тест из 11 вопросов

от нашего личного психолога

![doc иконка](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/strategy-for-begenners/strategy-for-beginners-popup-doc.svg)

Укажите ваш email для получения подарка

Подтвердите, что вы не робот, указав номер телефона

Зарегистрироваться бесплатно

и получить подарки
doc 688kbpdf 4,8mb

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/strategy-for-begenners/people.svg)
Осталось 17 мест


Чтобы зарегистрироваться на бесплатный интенсив и получить в подарок подборку файлов от GeekBrains, заполните информацию в открывшемся окне

[Перейти](https://gb.ru/a/a_blog3)

[Анкета](https://gb.ru/a/a_blog3)

×

Только до 22.09Осталось 2 IPHONE 15 PRO

РОЗЫГРЫШ IPHONE 15 PRO

И ДРУГИХ 4-х ПОДАРКОВ


ВЫИГРЫВАЕТ КАЖДЫЙ УЧАСТВУЮЩИЙ!

Подтвердите, что вы не робот,

указав номер телефона:Укажите email для отправки

информации о подарке:

Забрать подарок![клик](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/click-hand.gif)

Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


![Указатель](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/wheel/051023/round.png)![Колесо призов](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/wheel/051023/circle.png)

Поздравляем!

Вы выиграли 4 курса по IT-профессиям.

Дождитесь звонка нашего менеджера для уточнения деталей

[Редирект для продолжения диалога](https://gb.ru/a/a_blog4)

Пройдите тест и узнайте, какая сфера вам подходит: айти, дизайн или маркетинг


Укажите email, куда отправить файл:

Подтвердите, что вы не робот, указав номер телефона:

Получить бесплатно![Анимация клика](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/hand_anime.gif)pdf 8,6mb

Я подтверждаю согласие на обработку [персональных данных](https://gbcdn.mrgcdn.ru/uploads/staticpage/342/asset/f5adf9f6d80bab3f627967e4c20b2724.pdf).


![Кнопка закрыть попап](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup/checklist-download/checklist-download-close.svg)

![Кнопка закрыть](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/popup-success-close-btn.svg)

Чтобы получить подарок,

заполните информацию

в открывшемся окне

[Перейти](https://gb.ru/api/marketing/v1/questionnaire/check?anketa_show=a_blog5&to=https://gb.ru/a/blog_thanks6)

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/lead-catcher/photo_2.jpg)

Иван Степанин

![](https://gb.ru/blog/wp-content/themes/reboot-child/assets/images/lead-catcher/close_btn.svg)

Иван Степанин печатает ...