Что такое HTML, краткая история презентация

Что такое HTML, краткая история
Тэги
Структура документа
Основные тэги
С чего начать?
Домашнее задание
Структура лекции

HTML - Hyper Text Markup Language

1986 - первая версия HTML представлена Тимоти Бернерсом-Ли для форматирования научных статей
1991 - использование HTML для передачи информации в интернет
1994 - появление W3C (World Wide Web Consortium) – Консорциум всемирной паутины
История создания

1995 - HTML2 (появление форм)
1996 - 1997 - HTML3 (появление CSS)
1997 - HTML4 (появление DOM)
2014 - … - HTML5 (browser history, canvas, svg, новые семантические тэги, data атрибуты и многое другое)
История

Тэги

Тэг - это специально зарезервированное в HTML слово
Заключено в угловые скобки -
Могут быть парные и одиночные
Могут содержать атрибуты (обязательные и опциональные)
Тэги

Большая часть тэгов - парные
Состоят из открывающего тэга
и закрывающего тэга
Могут содержать текст и другие тэги
Парные тэги (контейнеры)

Не требуют закрывающего тэга
Тэг предпочтительно заканчивать с />
Редко имеют смысл сами по себе
Содержат информацию в атрибутах
Одиночные тэги

Расширяют возможности управления тэгами
И парные и одиночные тэги могут иметь атрибуты
Тэг может содержать несколько атрибутов (указываются через запятую)
Указываются в открывающем тэге после имени тэга
Бывают универсальные и специфичные для тэга.
Атрибуты

Могут быть применены к любому тэгу
class
id
style
title
hidden
и другие
Универсальные атрибуты

class
задает принадлежность элемента тэга к группке объектов с общими свойствами
несколько объектов могут иметь один и тот же class
элемент может иметь несколько классов (указываются через пробел)
id
задает уникальный идентификатор объекта
может быть применен только к одному объекту в рамках страницы
может быть применен только один id
class и id

Строчные
Ведут себя как элементы строки
Могут содержать только текст и другие строчные элементы
Переносятся на новую строку при нехватке места
Свойства связанные с размером не применимы (width | height)
b | q | span | a | img и т.д.
Строчные и блочные элементы

Блочные
Ведут себя как блоки
Всегда начинаются с новой строки
Занимают всю доступную ширину
Применимы свойства связанные с размерами (width | height)
p | h1-h6 | ul, li | div
Строчные и блочные элементы

Является универсальным блочным элементом и предназначен для группирования элементов документа с целью изменения вида содержимого через стили.
Может содержать любые тэги
Применимы стили связанные с размером

Структура документа

HTML файл - это простой текстовый документ с расширением .html
Из чего состоит:
DOCTYPE
Дерево тэгов
Текст
Структура документа

Элемент предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа).
Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу.
Запоминаем только:
DOCTYPE

Парный тэг
Заключает в себе все содержимое веб-страницы
Обычно идет после
Дополняется атрибутом lang для указания языка содержимого
Содержит ,

Парный тэг
Предназначен для хранения заголовка страницы и сервисной информации
Не отображается напрямую на странице

Содержит заголовок окна браузера
Кратко описывает содержимое страницы
Вложен в head
Может быть только один
Используется при сохранении страницы с избранное
Используется в поисковой выдаче
Не более 60 символов
<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 22</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-21.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Используется для установки сервисной информации для поисковых машин и браузеров" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-21.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-21.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-21.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-21.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Используется для установки сервисной информации для поисковых машин и браузеров<br>Основные атрибуты:<br>charset</div></h2><div class="slides-content">- устанавливает кодировку документа<br>name - имя метатэга (description, keywords)<br>content - значение метатэга<br><p><meta><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-22.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="предназначен для описания скриптов положение не имеет значения может содержать" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>предназначен для описания скриптов<br>положение не имеет значения<br>может содержать непосредственно код скрипта</div></h2><div class="slides-content">или ссылку на файл<br>Атрибуты<br>async - загружает скрипт асинхронно<br>defer - откладывает выполнение скрипта<br>src - путь к файлу<br>type - тип содержимого (text/javascript)<br><p><script><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="определяет стили страницы добавляется в секцию может быть использован неограниченно" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>определяет стили страницы<br>добавляется в секцию <head><br>может быть использован неограниченно число раз<br>Атрибуты<br>media</div></h2><div class="slides-content">- устройство для которого будет использован (all | braille | print | screen)<br>type - тип содержимого (text/css)<br><p><style><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-24.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Содержит весь контент документа, который отображается в браузере Текст Картинки" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Содержит весь контент документа, который отображается в браузере<br>Текст<br>Картинки<br>Скрипты<br>Имеет ряд атрибутов для</div></h2><div class="slides-content">оформления контента, которые более не рекомендуется использовать<br><p><body><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 26</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-25.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные тэги - разметка текста" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-25.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные тэги - разметка текста<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 27</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-26.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Выделяют заголовки секций Косвенно формируют смысловую вложенность текста Используются поисковиками" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-26.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Выделяют заголовки секций<br>Косвенно формируют смысловую вложенность текста<br>Используются поисковиками для определения структуры</div></h2><div class="slides-content">текста<br>h1 - основной заголовок страницы<br>h2 - это подзаголовок h1 и весь тест под ним будет считаться относящимся к h2<br>h3 - это подзаголовок h2 и т.д. <br><p>Заголовки <h1>-<h6><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 28</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-27.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-27.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 29</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-28.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Определяет параграф текст Парный тэг Блочный элемент (начинается с новой строки) - параграф" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-28.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Определяет параграф текст<br>Парный тэг<br>Блочный элемент (начинается с новой строки)<br><p><p> - параграф<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 30</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-29.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Оба дают жирное начертание - выделает слово без усиления значимости" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-29.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Оба дают жирное начертание<br><b> - выделает слово без усиления значимости<br><strong> -</div></h2><div class="slides-content">усиливает значимость выделенного слова или фразы<br><p><b>, <strong><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 31</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-30.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Оба применяют начертание курсивом - выделает слова отличающиеся от окружения" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-30.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Оба применяют начертание курсивом<br><i> - выделает слова отличающиеся от окружения (термины,</div></h2><div class="slides-content">иностранные слова, прямая речь)<br><em> - выделяет слова имеющие особое значение, меняющие смысл предложения<br><p><i>, <em><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 32</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-31.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="- используется для переноса строки. Не нужно использовать вместо параграфов" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-31.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><br /> - используется для переноса строки. Не нужно использовать вместо</div></h2><div class="slides-content">параграфов <p>.<br><hr /> - создает горизонтальную разделительную линию <br><p><br />, <hr /><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 33</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="- длинные цитаты, может содержать абзацы, блочный - короткие цитаты" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-32.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><blockquote> - длинные цитаты, может содержать абзацы, блочный<br><q> - короткие цитаты</div></h2><div class="slides-content">в несколько слов<br><cite> - источник цитаты, автор прозведения или цитаты<br><p><blockquote>, <q>, <cite> - цитаты<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide34" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 34</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-33.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Блочный элемент Элементы списка должны быть заключены в тэг Используется" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-33.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-33.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-33.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-33.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Блочный элемент<br>Элементы списка должны быть заключены в тэг <li><br>Используется для оформления</div></h2><div class="slides-content">списков, когда порядок элементов не важен (каталог, простое перечисление, доступные варианты)<br>Атрибуты:<br>type - устанавливает тип маркера disc | circle | square <br><p><ul> - неупорядоченный список<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide35" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 35</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-34.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Элементы списка должны быть заключены в тэг Используется когда порядок" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-34.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-34.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-34.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-34.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Элементы списка должны быть заключены в тэг <li><br>Используется когда порядок элементов</div></h2><div class="slides-content">важен для восприятия смысла (рецепт, инструкция, описание алгоритма)<br>Атрибуты<br>revers - обратный порядок нумерованная<br>start - номер с которого начинается нумерование<br>type - тип нумерования A | a | I | i | 1<br><p><ol> - упорядоченный список<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 36</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-35.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="По клику на ссылку происходит: переход на страницу скачивание файла" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-35.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-35.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-35.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-35.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>По клику на ссылку происходит:<br>переход на страницу<br>скачивание файла<br>прокрутка браузера к элементу</div></h2><div class="slides-content">страницы<br>Атрибуты<br>href - адрес документа<br>title - текст всплывающей подсказки<br>target - где открыть документ (_blank | _self)<br><p><a> - ссылка<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 37</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-36.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Типы ссылок: абсолютные - полный путь до страницы относительные -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-36.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-36.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-36.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-36.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Типы ссылок:<br>абсолютные - полный путь до страницы<br>относительные - относительно текущего файла</div></h2><div class="slides-content">/ страницы<br>ссылки на файл - ссылается на файл<br>якоря - ссылка на элемент текущей страницы<br><p><a> - ссылка<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 38</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-37.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Добавляет изображение на страницу Одиночный тэг Может быть обернут в" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-37.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-37.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-37.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-37.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Добавляет изображение на страницу<br>Одиночный тэг<br>Может быть обернут в ссылку<br><p><img> - изображение<br><p>src</div></h2><div class="slides-content">- адрес файла изображения<br>alt - альтернативный текст<br>width - ширина<br>height - высота<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide39" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 39</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-38.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-38.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-38.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-38.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-38.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide40" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 40</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-39.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Строчный элемент Используется для оформление слова или фразы Не имеет" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-39.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-39.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-39.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-39.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Строчный элемент<br>Используется для оформление слова или фразы<br>Не имеет никакого стилевого или</div></h2><div class="slides-content">смыслового значения <br>Если нужно изменить оформление текста без выделения значимости слова стоит использовать span вместо <b>, <i>, <q><br><p><span><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide41" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 41</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-40.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные тэги - таблицы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-40.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-40.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-40.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-40.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные тэги - таблицы<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide42" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 42</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-41.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Простейшая таблица состоит из трех элементов: - основной тэг таблицы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-41.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-41.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-41.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-41.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Простейшая таблица состоит из трех элементов:<br><table> - основной тэг таблицы<br><tr> -</div></h2><div class="slides-content">table row - строка таблицы<br><td> - table data - ячейка таблицы<br>Таблица содержит строки, а строки содержат ячейки<br><p><table> - таблицы<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide43" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 43</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-42.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Заголовок таблицы задается тэгами: - table row - строка таблицы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-42.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-42.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-42.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-42.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Заголовок таблицы задается тэгами:<br><tr> - table row - строка таблицы<br><th> -</div></h2><div class="slides-content">table header - ячейка таблицы<br>По умолчанию текст выводится <br>жирным и выравнивается посередине<br><p><table> - таблицы<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 44</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-43.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="colspan - объединяет ячейки по горизонтали rowspan - объединяет ячейки по вертикали - объединение ячеек" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-43.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-43.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-43.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-43.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>colspan - объединяет ячейки по горизонтали<br>rowspan - объединяет ячейки по вертикали<br><p><table></div></h2><div class="slides-content">- объединение ячеек<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide45" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 45</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-44.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Основные тэги - формы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-44.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-44.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-44.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-44.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Основные тэги - формы<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide46" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 46</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-45.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Нужны для отправки данных пользователя со страницы на сервер. Атрибуты:" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-45.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-45.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-45.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-45.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Нужны для отправки данных пользователя со страницы на сервер.<br>Атрибуты:<br>action - URL</div></h2><div class="slides-content">отправки запроса<br>method - метод отправки запроса <br>get - отправляет данные в строке запроса, видны в адресной строке браузера<br>post - отправляет данные в теле HTTP запроса <br><p><form> - формы<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide47" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 47</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-46.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задают поля для ввода информации формы Основные атрибуты: type -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-46.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-46.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-46.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-46.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задают поля для ввода информации формы<br>Основные атрибуты:<br>type - тип поля<br>value -</div></h2><div class="slides-content">значение поля<br>name - название поля, именно с этим ключом значение будет отправлено на сервер<br>disabled - делает элемент неактивным<br>Для каждого типа могут быть заданы свои специфичные атрибуты, которые будут влиять на поведение элемента на странице<br><p><form> - поля формы - <input><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide48" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 48</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-47.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-47.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-47.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-47.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-47.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide49" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 49</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-48.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="- простое текстовое поле - поле для ввода пароля -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-48.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-48.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-48.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-48.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p><input type=“text” /> - простое текстовое поле <br><input type=“password” /> -</div></h2><div class="slides-content">поле для ввода пароля<br><input type=“checkbox” /> - поле типа галочка<br><input type=“radio” /> - поле выбора “один из” (объединяются в <radiogroup>)<br><input type=“file” /> - поле выбора файла<br><input type=“hidden" /> - скрытое поле<br><p>Типы input<br><p>HTML5 добавляет ряд дополнительных типов:<br>e-mail, search, url, range, tel, number, date time, color<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide50" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 50</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-49.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Типы input" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-49.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-49.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-49.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-49.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Типы input<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide51" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 51</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-50.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Чтобы дать браузеру понять, как называется поле, недостаточно просто написать" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-50.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-50.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-50.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-50.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Чтобы дать браузеру понять, как называется поле, недостаточно просто написать рядом</div></h2><div class="slides-content">текст<br>Чтобы связать поле и label:<br>Поместить input внутрь тэга label<br>Либо указать атрибут for, значением будет id поля, к которому относится label<br><p><label> - подпись для поля<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide52" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 52</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-51.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Многостраничное поле ввода, парный тэг Атрибуты rows - задает высоту" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-51.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-51.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-51.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-51.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Многостраничное поле ввода, парный тэг<br>Атрибуты<br>rows - задает высоту поля в строках<br>cols</div></h2><div class="slides-content">- задает ширину поля в символах<br>Текст по умолчанию задается содержимым тэга<br><p><textarea><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide53" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 53</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-52.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Раскрывающийся список Сам элемент задается тэгом Каждое значение списка вложенным" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-52.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-52.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-52.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-52.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Раскрывающийся список<br>Сам элемент задается тэгом <select><br>Каждое значение списка вложенным тэгом <option><br>Имя</div></h2><div class="slides-content">свойства задается для select<br>Значения для option<br>По умолчанию для выбора доступен только один вариант из списка<br>Атрибут multiple устанавливает возможность множественного выбора<br><p><select><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide54" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 54</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-53.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задается тэгом c типом submit Надпись на кнопки задается атрибутом" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-53.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-53.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-53.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-53.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Задается тэгом <input> c типом submit<br>Надпись на кнопки задается атрибутом value<br>Атрибут</div></h2><div class="slides-content">name не обязателен, но если задан, будет отправлен в запросе<br>Как альтернатива можно использовать <br><button type=“submit”>Отправить</button><br><p>Кнопка отправки формы<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide55" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 55</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-54.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="С чего начать?" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-54.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-54.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-54.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-54.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>С чего начать?<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide56" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 56</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-55.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Редактор должен: Уметь редактировать текст Быть легковесным Поддерживать плагины и" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-55.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-55.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-55.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-55.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Редактор должен:<br>Уметь редактировать текст<br>Быть легковесным<br>Поддерживать плагины и дополнения<br>Примеры:<br>Visual Studio Code<br>Sublime Text<br>Notepad++<br>Webstorm<br>Brackets<br>Cofeecup<br><p>Выбор</div></h2><div class="slides-content">редактора<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide57" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 57</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-56.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Независимо от стилей заданных для элемента, переносите каждый блочный или" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-56.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-56.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-56.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-56.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Независимо от стилей заданных для элемента, переносите каждый блочный или табличный</div></h2><div class="slides-content">элемент на новую строку<br>Ставьте отступы для всех элементов вложенных в блочный элемент<br>В качестве отступов рекомендуется использовать 2 пробела<br>Используйте id и class которые описывают назначение элемента а не его внешний вид<br>https://habr.com/ru/post/143452/<br><p>Оформление кода<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide58" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 58</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-57.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Оформление кода" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-57.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-57.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-57.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-57.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Оформление кода<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide59" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 59</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-58.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Вопросы?" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-58.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-58.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-58.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-58.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Вопросы?<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide60" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 60</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-59.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Домашнее задание" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/113182/slide-59.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/113182/slide-59.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/113182/slide-59.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/113182/slide-59.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Домашнее задание<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Что-такое-HTML,-краткая-история.pptx <br> Количество просмотров: 84 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/istoriya/afganskaya-voyna-1994" class="navigation-link">Афганская война</a></div><div class="navigation-item"><div>Следующая -</div><a href="/obrazovanie/biologiya-podgotovka-ekspert-ege" class="navigation-link">Биология. Подготовка. Эксперт ЕГЭ</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/urok-na-temu-osvoenie-sredy-ms" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/484768/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/484768/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/484768/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/484768/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/484768/slide-0.jpg 1440w" class="slides-image related-itemImage"> урок на тему Освоение среды MS Excel</a></div><div class="related-item"><a href="/informatika/vidy-i-metody-testirovaniya-na-raznyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577403/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/577403/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/577403/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/577403/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577403/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды и методы тестирования на разных стадиях разработки ПО</a></div><div class="related-item"><a href="/informatika/sozdanie-3d-modeli-pri-pomoshchi-programmnogo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/288119/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/288119/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/288119/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/288119/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/288119/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание 3D модели при помощи программного обеспечения 3D-Компас</a></div><div class="related-item"><a href="/informatika/razvitie-tvorcheskoy-aktivnosti-obuchayushchihsya-6-klassa" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/173855/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/173855/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/173855/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/173855/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/173855/slide-0.jpg 1440w" class="slides-image related-itemImage"> Развитие творческой активности обучающихся 6 класса на уроках математики средствами ИКТ</a></div><div class="related-item"><a href="/informatika/vidy-informatsii-1-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174804/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/174804/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/174804/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/174804/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/174804/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды информации (1)</a></div><div class="related-item"><a href="/informatika/bazovye-logicheskie-funktsii-osnovnye-ponyatiya-algebry" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89195/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/89195/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89195/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89195/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89195/slide-0.jpg 1440w" class="slides-image related-itemImage"> Базовые логические функции. Основные понятия алгебры логики</a></div><div class="related-item"><a href="/informatika/tsifrovaya-shemotehnika-i-arhitektura-kompyutera-iearhiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/434755/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/434755/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/434755/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/434755/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/434755/slide-0.jpg 1440w" class="slides-image related-itemImage"> Цифровая схемотехника и архитектура компьютера. Иеархия памяти и подсистема ввода-вывода. (Глава 8)</a></div><div class="related-item"><a href="/informatika/yazyk-programmirovaniya-c-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200610/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/200610/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/200610/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/200610/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200610/slide-0.jpg 1440w" class="slides-image related-itemImage"> Язык программирования C++</a></div><div class="related-item"><a href="/informatika/razrabotka-web-sayta-dlya-ooo-severdoystroy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167529/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/167529/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/167529/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/167529/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167529/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка web-сайта для ООО Севердойстрой</a></div><div class="related-item"><a href="/informatika/instagram-zastavlyaem-rabotat-na-nas" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/369860/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/369860/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/369860/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/369860/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/369860/slide-0.jpg 1440w" class="slides-image related-itemImage"> Instagram заставляем работать на нас</a></div><div class="related-item"><a href="/informatika/vozmozhnosti-stroitelstva-volokonno-opticheskoy-linii-peredachi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/135033/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/135033/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/135033/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/135033/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/135033/slide-0.jpg 1440w" class="slides-image related-itemImage"> Возможности строительства волоконно-оптической линии передачи на участке Ейск - Ростов-на-Дону</a></div><div class="related-item"><a href="/informatika/how-to-install-java" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96140/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/96140/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/96140/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/96140/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/96140/slide-0.jpg 1440w" class="slides-image related-itemImage"> How to install Java</a></div><div class="related-item"><a href="/informatika/urok-po-teme-sistema-i-okruzhayushchaya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/469692/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/469692/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/469692/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/469692/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/469692/slide-0.jpg 1440w" class="slides-image related-itemImage"> Урок по теме Система и окружающая среда</a></div><div class="related-item"><a href="/informatika/vliyanie-kiberbezopasnosti-na-informatsionnuyu-zhizn-obshchestva" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/586565/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/586565/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/586565/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/586565/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/586565/slide-0.jpg 1440w" class="slides-image related-itemImage"> Влияние кибербезопасности на информационную жизнь общества</a></div><div class="related-item"><a href="/informatika/prezentatsiya-massivy-v-pascal-1-urok" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/464225/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/464225/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/464225/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/464225/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/464225/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация Массивы в Pascal 1 урок 9 класс.</a></div><div class="related-item"><a href="/informatika/bezopasnost-pri-rabote-v-internete" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/6622/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/6622/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/6622/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/6622/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/6622/slide-0.jpg 1440w" class="slides-image related-itemImage"> Безопасность при работе в интернете</a></div><div class="related-item"><a href="/informatika/osnovy-deloproizvodstva-lektsiya-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/297153/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/297153/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/297153/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/297153/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/297153/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы делопроизводства. (Лекция 2)</a></div><div class="related-item"><a href="/informatika/kompyuternaya-grafika-29" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/296827/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/296827/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/296827/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/296827/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/296827/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерная графика</a></div><div class="related-item"><a href="/informatika/oop-part2-constructors" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423008/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/423008/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/423008/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/423008/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423008/slide-0.jpg 1440w" class="slides-image related-itemImage"> OOP part2. Constructors</a></div><div class="related-item"><a href="/informatika/sotsialnye-seti-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/139230/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/139230/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/139230/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/139230/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/139230/slide-0.jpg 1440w" class="slides-image related-itemImage"> Социальные сети</a></div><div class="related-item"><a href="/informatika/zashchita-informatsii-i-administrirovanie-v-lokalnyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/586364/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/586364/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/586364/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/586364/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/586364/slide-0.jpg 1440w" class="slides-image related-itemImage"> Защита информации и администрирование в локальных сетях</a></div><div class="related-item"><a href="/informatika/avtomatizirovannye-informatsionnye-tehnologii-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/409544/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/409544/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/409544/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/409544/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/409544/slide-0.jpg 1440w" class="slides-image related-itemImage"> Автоматизированные информационные технологии</a></div><div class="related-item"><a href="/informatika/algoritm-teorya-algoritmv" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214969/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/214969/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214969/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214969/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214969/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритм. Теорія алгоритмів</a></div><div class="related-item"><a href="/informatika/napravleniya-issledovaniy-protokoly-usn" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/307744/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/307744/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/307744/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/307744/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/307744/slide-0.jpg 1440w" class="slides-image related-itemImage"> Направления исследований. Протоколы USN</a></div><div class="related-item"><a href="/informatika/predstavlenie-ob-obektah-i-sistemah-okruzhayushchego" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/588580/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/588580/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/588580/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/588580/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/588580/slide-0.jpg 1440w" class="slides-image related-itemImage"> Представление об объектах и системах окружающего мира. Информатика. 10-11 класс</a></div><div class="related-item"><a href="/informatika/editing-slides-with-polaris-office" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/283136/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/283136/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/283136/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/283136/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/283136/slide-0.jpg 1440w" class="slides-image related-itemImage"> Editing Slides With Polaris Office</a></div><div class="related-item"><a href="/informatika/kodirovanie-zvuka-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/381290/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/381290/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/381290/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/381290/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/381290/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кодирование звука</a></div><div class="related-item"><a href="/informatika/algoritmi-konteyneri-v-stl-lektsya-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/231604/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/231604/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/231604/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/231604/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/231604/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритми. Контейнери в STL. (Лекція 2)</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},categories:{result:[{id:G,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:G,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:H,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]},item:{result:{id:113182,name:m,category:H,count:61,jpg:"jpg\u002F113182",hits:84,download:b,h1:"Что такое HTML, краткая история презентация",meta:{h1:m,title:m,description:"Что такое HTML, краткая история презентация на тему, доклад, Информатика",keywords:"Что такое HTML, краткая история, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Что такое HTML, краткая история из раздела Информатика. Презентация на заданную тему содержит 61 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EЧто такое HTML, краткая история\u003Cbr\u003EТэги\u003Cbr\u003EСтруктура документа\u003Cbr\u003EОсновные тэги\u003Cbr\u003EС чего начать?\u003Cbr\u003EДомашнее задание\u003Cbr\u003E\u003Cp\u003EСтруктура лекции\u003Cbr\u003E \u003Cp\u003EHTML - Hyper Text Markup Language\u003Cbr\u003E",file:"Что-такое-HTML,-краткая-история.pptx",texts:[a,"\u003Cp\u003EЧто такое HTML, краткая история\u003Cbr\u003EТэги\u003Cbr\u003EСтруктура документа\u003Cbr\u003EОсновные тэги\u003Cbr\u003EС чего начать?\u003Cbr\u003EДомашнее задание\u003Cbr\u003E\u003Cp\u003EСтруктура лекции\u003Cbr\u003E","\u003Cp\u003EHTML - Hyper Text Markup Language\u003Cbr\u003E","1986 - первая версия HTML представлена Тимоти Бернерсом-Ли для форматирования научных статей\u003Cbr\u003E1991 - использование HTML для передачи информации в интернет\u003Cbr\u003E1994 - появление W3C (World Wide Web Consortium) – Консорциум всемирной паутины \u003Cbr\u003E\u003Cp\u003EИстория создания\u003Cbr\u003E","1995 - HTML2 (появление форм)\u003Cbr\u003E1996 - 1997 - HTML3 (появление CSS)\u003Cbr\u003E1997 - HTML4 (появление DOM)\u003Cbr\u003E2014 - … - HTML5 (browser history, canvas, svg, новые семантические тэги, data атрибуты и многое другое) \u003Cbr\u003E\u003Cp\u003EИстория\u003Cbr\u003E","\u003Cp\u003EТэги\u003Cbr\u003E","Тэг - это специально зарезервированное в HTML слово\u003Cbr\u003EЗаключено в угловые скобки - \u003Ctagname\u003E\u003Cbr\u003EМогут быть парные и одиночные\u003Cbr\u003EМогут содержать атрибуты (обязательные и опциональные)\u003Cbr\u003E\u003Cp\u003EТэги\u003Cbr\u003E","Большая часть тэгов - парные\u003Cbr\u003EСостоят из открывающего тэга \u003Ctagname\u003E и закрывающего тэга \u003C\u002Ftagname\u003E\u003Cbr\u003EМогут содержать текст и другие тэги\u003Cbr\u003E\u003Cp\u003EПарные тэги (контейнеры)\u003Cbr\u003E","Не требуют закрывающего тэга\u003Cbr\u003EТэг предпочтительно заканчивать с \u002F\u003E \u003Ctagname \u002F\u003E\u003Cbr\u003EРедко имеют смысл сами по себе\u003Cbr\u003EСодержат информацию в атрибутах\u003Cbr\u003E\u003Cp\u003EОдиночные тэги\u003Cbr\u003E","\u003Cp\u003EРасширяют возможности управления тэгами\u003Cbr\u003EИ парные и одиночные тэги могут иметь атрибуты\u003Cbr\u003EТэг может содержать несколько атрибутов (указываются через запятую)\u003Cbr\u003EУказываются в открывающем тэге после имени тэга \u003Ctagname attr-name=“attr-value”\u003E\u003Cbr\u003EБывают универсальные и специфичные для тэга.\u003Cbr\u003E\u003Cp\u003EАтрибуты\u003Cbr\u003E","\u003Cp\u003EМогут быть применены к любому тэгу\u003Cbr\u003Eclass\u003Cbr\u003Eid\u003Cbr\u003Estyle\u003Cbr\u003Etitle\u003Cbr\u003Ehidden\u003Cbr\u003Eи другие\u003Cbr\u003E\u003Cp\u003EУниверсальные атрибуты\u003Cbr\u003E","\u003Cp\u003Eclass \u003Cbr\u003Eзадает принадлежность элемента тэга к группке объектов с общими свойствами\u003Cbr\u003Eнесколько объектов могут иметь один и тот же class\u003Cbr\u003Eэлемент может иметь несколько классов (указываются через пробел)\u003Cbr\u003Eid\u003Cbr\u003Eзадает уникальный идентификатор объекта\u003Cbr\u003Eможет быть применен только к одному объекту в рамках страницы\u003Cbr\u003Eможет быть применен только один id \u003Cbr\u003E\u003Cp\u003Eclass и id\u003Cbr\u003E","\u003Cp\u003EСтрочные\u003Cbr\u003EВедут себя как элементы строки\u003Cbr\u003EМогут содержать только текст и другие строчные элементы\u003Cbr\u003EПереносятся на новую строку при нехватке места\u003Cbr\u003EСвойства связанные с размером не применимы (width | height)\u003Cbr\u003Eb | q | span | a | img и т.д.\u003Cbr\u003E\u003Cp\u003EСтрочные и блочные элементы\u003Cbr\u003E","\u003Cp\u003EБлочные\u003Cbr\u003EВедут себя как блоки\u003Cbr\u003EВсегда начинаются с новой строки\u003Cbr\u003EЗанимают всю доступную ширину\u003Cbr\u003EПрименимы свойства связанные с размерами (width | height)\u003Cbr\u003Ep | h1-h6 | ul, li | div\u003Cbr\u003E\u003Cp\u003EСтрочные и блочные элементы\u003Cbr\u003E","\u003Cp\u003EЯвляется универсальным блочным элементом и предназначен для группирования элементов документа с целью изменения вида содержимого через стили.\u003Cbr\u003EМожет содержать любые тэги\u003Cbr\u003EПрименимы стили связанные с размером\u003Cbr\u003E\u003Cp\u003E\u003Cdiv\u003E\u003Cbr\u003E","\u003Cp\u003EСтруктура документа\u003Cbr\u003E","\u003Cp\u003EHTML файл - это простой текстовый документ с расширением .html\u003Cbr\u003EИз чего состоит:\u003Cbr\u003EDOCTYPE\u003Cbr\u003EДерево тэгов\u003Cbr\u003EТекст\u003Cbr\u003E\u003Cp\u003EСтруктура документа\u003Cbr\u003E","\u003Cp\u003EЭлемент \u003C!DOCTYPE\u003E предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). \u003Cbr\u003EЭто необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу.\u003Cbr\u003EЗапоминаем только:\r\n\r\n\u003C!DOCTYPE html\u003E \u003Cbr\u003E\u003Cp\u003EDOCTYPE\u003Cbr\u003E","\u003Cp\u003EПарный тэг\u003Cbr\u003EЗаключает в себе все содержимое веб-страницы\u003Cbr\u003EОбычно идет после \u003CDOCTYPE\u003E\u003Cbr\u003EДополняется атрибутом lang для указания языка содержимого\u003Cbr\u003EСодержит \u003Chead\u003E, \u003Cbody\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E","Парный тэг\u003Cbr\u003EПредназначен для хранения заголовка страницы и сервисной информации\u003Cbr\u003EНе отображается напрямую на странице\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E\u003Cbr\u003E","\u003Cp\u003EСодержит заголовок окна браузера\u003Cbr\u003EКратко описывает содержимое страницы\u003Cbr\u003EВложен в head\u003Cbr\u003EМожет быть только один\u003Cbr\u003EИспользуется при сохранении страницы с избранное\u003Cbr\u003EИспользуется в поисковой выдаче\u003Cbr\u003EНе более 60 символов\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E\u003Cbr\u003E","\u003Cp\u003EИспользуется для установки сервисной информации для поисковых машин и браузеров\u003Cbr\u003EОсновные атрибуты:\u003Cbr\u003Echarset - устанавливает кодировку документа\u003Cbr\u003Ename - имя метатэга (description, keywords)\u003Cbr\u003Econtent - значение метатэга\u003Cbr\u003E\u003Cp\u003E\u003Cmeta\u003E\u003Cbr\u003E","\u003Cp\u003Eпредназначен для описания скриптов\u003Cbr\u003Eположение не имеет значения\u003Cbr\u003Eможет содержать непосредственно код скрипта или ссылку на файл\u003Cbr\u003EАтрибуты\u003Cbr\u003Easync - загружает скрипт асинхронно\u003Cbr\u003Edefer - откладывает выполнение скрипта\u003Cbr\u003Esrc - путь к файлу\u003Cbr\u003Etype - тип содержимого (text\u002Fjavascript)\u003Cbr\u003E\u003Cp\u003E\u003Cscript\u003E\u003Cbr\u003E","\u003Cp\u003Eопределяет стили страницы\u003Cbr\u003Eдобавляется в секцию \u003Chead\u003E\u003Cbr\u003Eможет быть использован неограниченно число раз\u003Cbr\u003EАтрибуты\u003Cbr\u003Emedia - устройство для которого будет использован (all | braille | print | screen)\u003Cbr\u003Etype - тип содержимого (text\u002Fcss)\u003Cbr\u003E\u003Cp\u003E\u003Cstyle\u003E\u003Cbr\u003E","\u003Cp\u003EСодержит весь контент документа, который отображается в браузере\u003Cbr\u003EТекст\u003Cbr\u003EКартинки\u003Cbr\u003EСкрипты\u003Cbr\u003EИмеет ряд атрибутов для оформления контента, которые более не рекомендуется использовать\u003Cbr\u003E\u003Cp\u003E\u003Cbody\u003E\u003Cbr\u003E","\u003Cp\u003EОсновные тэги - разметка текста\u003Cbr\u003E","\u003Cp\u003EВыделяют заголовки секций\u003Cbr\u003EКосвенно формируют смысловую вложенность текста\u003Cbr\u003EИспользуются поисковиками для определения структуры текста\u003Cbr\u003Eh1 - основной заголовок страницы\u003Cbr\u003Eh2 - это подзаголовок h1 и весь тест под ним будет считаться относящимся к h2\u003Cbr\u003Eh3 - это подзаголовок h2 и т.д. \u003Cbr\u003E\u003Cp\u003EЗаголовки \u003Ch1\u003E-\u003Ch6\u003E\u003Cbr\u003E",a,"\u003Cp\u003EОпределяет параграф текст\u003Cbr\u003EПарный тэг\u003Cbr\u003EБлочный элемент (начинается с новой строки)\u003Cbr\u003E\u003Cp\u003E\u003Cp\u003E - параграф\u003Cbr\u003E","\u003Cp\u003EОба дают жирное начертание\u003Cbr\u003E\u003Cb\u003E - выделает слово без усиления значимости\u003Cbr\u003E\u003Cstrong\u003E - усиливает значимость выделенного слова или фразы\u003Cbr\u003E\u003Cp\u003E\u003Cb\u003E, \u003Cstrong\u003E\u003Cbr\u003E","\u003Cp\u003EОба применяют начертание курсивом\u003Cbr\u003E\u003Ci\u003E - выделает слова отличающиеся от окружения (термины, иностранные слова, прямая речь)\u003Cbr\u003E\u003Cem\u003E - выделяет слова имеющие особое значение, меняющие смысл предложения\u003Cbr\u003E\u003Cp\u003E\u003Ci\u003E, \u003Cem\u003E\u003Cbr\u003E","\u003Cp\u003E\u003Cbr \u002F\u003E - используется для переноса строки. Не нужно использовать вместо параграфов \u003Cp\u003E.\u003Cbr\u003E\u003Chr \u002F\u003E - создает горизонтальную разделительную линию \u003Cbr\u003E\u003Cp\u003E\u003Cbr \u002F\u003E, \u003Chr \u002F\u003E\u003Cbr\u003E","\u003Cp\u003E\u003Cblockquote\u003E - длинные цитаты, может содержать абзацы, блочный\u003Cbr\u003E\u003Cq\u003E - короткие цитаты в несколько слов\u003Cbr\u003E\u003Ccite\u003E - источник цитаты, автор прозведения или цитаты\u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003E\u003Cblockquote\u003E, \u003Cq\u003E, \u003Ccite\u003E - цитаты\u003Cbr\u003E","\u003Cp\u003EБлочный элемент\u003Cbr\u003EЭлементы списка должны быть заключены в тэг \u003Cli\u003E\u003Cbr\u003EИспользуется для оформления списков, когда порядок элементов не важен (каталог, простое перечисление, доступные варианты)\u003Cbr\u003EАтрибуты:\u003Cbr\u003Etype - устанавливает тип маркера disc | circle | square \u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E - неупорядоченный список\u003Cbr\u003E","\u003Cp\u003EЭлементы списка должны быть заключены в тэг \u003Cli\u003E\u003Cbr\u003EИспользуется когда порядок элементов важен для восприятия смысла (рецепт, инструкция, описание алгоритма)\u003Cbr\u003EАтрибуты\u003Cbr\u003Erevers - обратный порядок нумерованная\u003Cbr\u003Estart - номер с которого начинается нумерование\u003Cbr\u003Etype - тип нумерования A | a | I | i | 1\u003Cbr\u003E\u003Cp\u003E\u003Col\u003E - упорядоченный список\u003Cbr\u003E","\u003Cp\u003EПо клику на ссылку происходит:\u003Cbr\u003Eпереход на страницу\u003Cbr\u003Eскачивание файла\u003Cbr\u003Eпрокрутка браузера к элементу страницы\u003Cbr\u003EАтрибуты\u003Cbr\u003Ehref - адрес документа\u003Cbr\u003Etitle - текст всплывающей подсказки\u003Cbr\u003Etarget - где открыть документ (_blank | _self)\u003Cbr\u003E\u003Cp\u003E\u003Ca\u003E - ссылка\u003Cbr\u003E","\u003Cp\u003EТипы ссылок:\u003Cbr\u003Eабсолютные - полный путь до страницы\u003Cbr\u003Eотносительные - относительно текущего файла \u002F страницы\u003Cbr\u003Eссылки на файл - ссылается на файл\u003Cbr\u003Eякоря - ссылка на элемент текущей страницы\u003Cbr\u003E\u003Cp\u003E\u003Ca\u003E - ссылка\u003Cbr\u003E","\u003Cp\u003EДобавляет изображение на страницу\u003Cbr\u003EОдиночный тэг\u003Cbr\u003EМожет быть обернут в ссылку\u003Cbr\u003E\u003Cp\u003E\u003Cimg\u003E - изображение\u003Cbr\u003E\u003Cp\u003Esrc - адрес файла изображения\u003Cbr\u003Ealt - альтернативный текст\u003Cbr\u003Ewidth - ширина\u003Cbr\u003Eheight - высота\u003Cbr\u003E",a,"\u003Cp\u003EСтрочный элемент\u003Cbr\u003EИспользуется для оформление слова или фразы\u003Cbr\u003EНе имеет никакого стилевого или смыслового значения \u003Cbr\u003EЕсли нужно изменить оформление текста без выделения значимости слова стоит использовать span вместо \u003Cb\u003E, \u003Ci\u003E, \u003Cq\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cspan\u003E\u003Cbr\u003E","\u003Cp\u003EОсновные тэги - таблицы\u003Cbr\u003E","\u003Cp\u003EПростейшая таблица состоит из трех элементов:\u003Cbr\u003E\u003Ctable\u003E - основной тэг таблицы\u003Cbr\u003E\u003Ctr\u003E - table row - строка таблицы\u003Cbr\u003E\u003Ctd\u003E - table data - ячейка таблицы\u003Cbr\u003EТаблица содержит строки, а строки содержат ячейки\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E - таблицы\u003Cbr\u003E","\u003Cp\u003EЗаголовок таблицы задается тэгами:\u003Cbr\u003E\u003Ctr\u003E - table row - строка таблицы\u003Cbr\u003E\u003Cth\u003E - table header - ячейка таблицы\u003Cbr\u003EПо умолчанию текст выводится \u003Cbr\u003Eжирным и выравнивается посередине\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E - таблицы\u003Cbr\u003E","\u003Cp\u003Ecolspan - объединяет ячейки по горизонтали\u003Cbr\u003Erowspan - объединяет ячейки по вертикали\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E - объединение ячеек\u003Cbr\u003E","\u003Cp\u003EОсновные тэги - формы\u003Cbr\u003E","\u003Cp\u003EНужны для отправки данных пользователя со страницы на сервер.\u003Cbr\u003EАтрибуты:\u003Cbr\u003Eaction - URL отправки запроса\u003Cbr\u003Emethod - метод отправки запроса \u003Cbr\u003Eget - отправляет данные в строке запроса, видны в адресной строке браузера\u003Cbr\u003Epost - отправляет данные в теле HTTP запроса \u003Cbr\u003E\u003Cp\u003E\u003Cform\u003E - формы\u003Cbr\u003E","\u003Cp\u003EЗадают поля для ввода информации формы\u003Cbr\u003EОсновные атрибуты:\u003Cbr\u003Etype - тип поля\u003Cbr\u003Evalue - значение поля\u003Cbr\u003Ename - название поля, именно с этим ключом значение будет отправлено на сервер\u003Cbr\u003Edisabled - делает элемент неактивным\u003Cbr\u003EДля каждого типа могут быть заданы свои специфичные атрибуты, которые будут влиять на поведение элемента на странице\u003Cbr\u003E\u003Cp\u003E\u003Cform\u003E - поля формы - \u003Cinput\u003E\u003Cbr\u003E",a,"\u003Cp\u003E\u003Cinput type=“text” \u002F\u003E - простое текстовое поле \u003Cbr\u003E\u003Cinput type=“password” \u002F\u003E - поле для ввода пароля\u003Cbr\u003E\u003Cinput type=“checkbox” \u002F\u003E - поле типа галочка\u003Cbr\u003E\u003Cinput type=“radio” \u002F\u003E - поле выбора “один из” (объединяются в \u003Cradiogroup\u003E)\u003Cbr\u003E\u003Cinput type=“file” \u002F\u003E - поле выбора файла\u003Cbr\u003E\u003Cinput type=“hidden\" \u002F\u003E - скрытое поле\u003Cbr\u003E\u003Cp\u003EТипы input\u003Cbr\u003E\u003Cp\u003EHTML5 добавляет ряд дополнительных типов:\u003Cbr\u003Ee-mail, search, url, range, tel, number, date time, color\u003Cbr\u003E","\u003Cp\u003EТипы input\u003Cbr\u003E","\u003Cp\u003EЧтобы дать браузеру понять, как называется поле, недостаточно просто написать рядом текст\u003Cbr\u003EЧтобы связать поле и label:\u003Cbr\u003EПоместить input внутрь тэга label\u003Cbr\u003EЛибо указать атрибут for, значением будет id поля, к которому относится label\u003Cbr\u003E\u003Cp\u003E\u003Clabel\u003E - подпись для поля\u003Cbr\u003E","\u003Cp\u003EМногостраничное поле ввода, парный тэг\u003Cbr\u003EАтрибуты\u003Cbr\u003Erows - задает высоту поля в строках\u003Cbr\u003Ecols - задает ширину поля в символах\u003Cbr\u003EТекст по умолчанию задается содержимым тэга\u003Cbr\u003E\u003Cp\u003E\u003Ctextarea\u003E\u003Cbr\u003E","\u003Cp\u003EРаскрывающийся список\u003Cbr\u003EСам элемент задается тэгом \u003Cselect\u003E\u003Cbr\u003EКаждое значение списка вложенным тэгом \u003Coption\u003E\u003Cbr\u003EИмя свойства задается для select\u003Cbr\u003EЗначения для option\u003Cbr\u003EПо умолчанию для выбора доступен только один вариант из списка\u003Cbr\u003EАтрибут multiple устанавливает возможность множественного выбора\u003Cbr\u003E\u003Cp\u003E\u003Cselect\u003E\u003Cbr\u003E","\u003Cp\u003EЗадается тэгом \u003Cinput\u003E c типом submit\u003Cbr\u003EНадпись на кнопки задается атрибутом value\u003Cbr\u003EАтрибут name не обязателен, но если задан, будет отправлен в запросе\u003Cbr\u003EКак альтернатива можно использовать \u003Cbr\u003E\u003Cbutton type=“submit”\u003EОтправить\u003C\u002Fbutton\u003E\u003Cbr\u003E\u003Cp\u003EКнопка отправки формы\u003Cbr\u003E","\u003Cp\u003EС чего начать?\u003Cbr\u003E","\u003Cp\u003EРедактор должен:\u003Cbr\u003EУметь редактировать текст\u003Cbr\u003EБыть легковесным\u003Cbr\u003EПоддерживать плагины и дополнения\u003Cbr\u003EПримеры:\u003Cbr\u003EVisual Studio Code\u003Cbr\u003ESublime Text\u003Cbr\u003ENotepad++\u003Cbr\u003EWebstorm\u003Cbr\u003EBrackets\u003Cbr\u003ECofeecup\u003Cbr\u003E\u003Cp\u003EВыбор редактора\u003Cbr\u003E","\u003Cp\u003EНезависимо от стилей заданных для элемента, переносите каждый блочный или табличный элемент на новую строку\u003Cbr\u003EСтавьте отступы для всех элементов вложенных в блочный элемент\u003Cbr\u003EВ качестве отступов рекомендуется использовать 2 пробела\u003Cbr\u003EИспользуйте id и class которые описывают назначение элемента а не его внешний вид\u003Cbr\u003Ehttps:\u002F\u002Fhabr.com\u002Fru\u002Fpost\u002F143452\u002F\u003Cbr\u003E\u003Cp\u003EОформление кода\u003Cbr\u003E","\u003Cp\u003EОформление кода\u003Cbr\u003E","\u003Cp\u003EВопросы?\u003Cbr\u003E",I,I],href:"\u002Finformatika\u002Fchto-takoe-html-kratkaya-istoriya",href_category:"\u002Finformatika",date:1627631819,related:[{id:484768,name:"урок на тему Освоение среды MS Excel",href:"\u002Finformatika\u002Furok-na-temu-osvoenie-sredy-ms",jpg:"jpg\u002F484768"},{id:577403,name:"Виды и методы тестирования на разных стадиях разработки ПО",href:"\u002Finformatika\u002Fvidy-i-metody-testirovaniya-na-raznyh",jpg:"jpg\u002F577403"},{id:288119,name:"Создание 3D модели при помощи программного обеспечения 3D-Компас",href:"\u002Finformatika\u002Fsozdanie-3d-modeli-pri-pomoshchi-programmnogo",jpg:"jpg\u002F288119"},{id:173855,name:"Развитие творческой активности обучающихся 6 класса на уроках математики средствами ИКТ",href:"\u002Finformatika\u002Frazvitie-tvorcheskoy-aktivnosti-obuchayushchihsya-6-klassa",jpg:"jpg\u002F173855"},{id:174804,name:"Виды информации (1)",href:"\u002Finformatika\u002Fvidy-informatsii-1-2",jpg:"jpg\u002F174804"},{id:89195,name:"Базовые логические функции. Основные понятия алгебры логики",href:"\u002Finformatika\u002Fbazovye-logicheskie-funktsii-osnovnye-ponyatiya-algebry",jpg:"jpg\u002F89195"},{id:434755,name:"Цифровая схемотехника и архитектура компьютера. Иеархия памяти и подсистема ввода-вывода. (Глава 8)",href:"\u002Finformatika\u002Ftsifrovaya-shemotehnika-i-arhitektura-kompyutera-iearhiya",jpg:"jpg\u002F434755"},{id:200610,name:"Язык программирования C++",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-c-4",jpg:"jpg\u002F200610"},{id:167529,name:"Разработка web-сайта для ООО Севердойстрой",href:"\u002Finformatika\u002Frazrabotka-web-sayta-dlya-ooo-severdoystroy",jpg:"jpg\u002F167529"},{id:369860,name:"Instagram заставляем работать на нас",href:"\u002Finformatika\u002Finstagram-zastavlyaem-rabotat-na-nas",jpg:"jpg\u002F369860"},{id:135033,name:"Возможности строительства волоконно-оптической линии передачи на участке Ейск - Ростов-на-Дону",href:"\u002Finformatika\u002Fvozmozhnosti-stroitelstva-volokonno-opticheskoy-linii-peredachi",jpg:"jpg\u002F135033"},{id:96140,name:"How to install Java",href:"\u002Finformatika\u002Fhow-to-install-java",jpg:"jpg\u002F96140"},{id:469692,name:"Урок по теме Система и окружающая среда",href:"\u002Finformatika\u002Furok-po-teme-sistema-i-okruzhayushchaya",jpg:"jpg\u002F469692"},{id:586565,name:"Влияние кибербезопасности на информационную жизнь общества",href:"\u002Finformatika\u002Fvliyanie-kiberbezopasnosti-na-informatsionnuyu-zhizn-obshchestva",jpg:"jpg\u002F586565"},{id:464225,name:"Презентация Массивы в Pascal 1 урок 9 класс.",href:"\u002Finformatika\u002Fprezentatsiya-massivy-v-pascal-1-urok",jpg:"jpg\u002F464225"},{id:6622,name:"Безопасность при работе в интернете",href:"\u002Finformatika\u002Fbezopasnost-pri-rabote-v-internete",jpg:"jpg\u002F6622"},{id:297153,name:"Основы делопроизводства. (Лекция 2)",href:"\u002Finformatika\u002Fosnovy-deloproizvodstva-lektsiya-2",jpg:"jpg\u002F297153"},{id:296827,name:"Компьютерная графика",href:"\u002Finformatika\u002Fkompyuternaya-grafika-29",jpg:"jpg\u002F296827"},{id:423008,name:"OOP part2. Constructors",href:"\u002Finformatika\u002Foop-part2-constructors",jpg:"jpg\u002F423008"},{id:139230,name:"Социальные сети",href:"\u002Finformatika\u002Fsotsialnye-seti-11",jpg:"jpg\u002F139230"},{id:586364,name:"Защита информации и администрирование в локальных сетях",href:"\u002Finformatika\u002Fzashchita-informatsii-i-administrirovanie-v-lokalnyh",jpg:"jpg\u002F586364"},{id:409544,name:"Автоматизированные информационные технологии",href:"\u002Finformatika\u002Favtomatizirovannye-informatsionnye-tehnologii-2",jpg:"jpg\u002F409544"},{id:214969,name:"Алгоритм. Теорія алгоритмів",href:"\u002Finformatika\u002Falgoritm-teorya-algoritmv",jpg:"jpg\u002F214969"},{id:307744,name:"Направления исследований. Протоколы USN",href:"\u002Finformatika\u002Fnapravleniya-issledovaniy-protokoly-usn",jpg:"jpg\u002F307744"},{id:588580,name:"Представление об объектах и системах окружающего мира. Информатика. 10-11 класс",href:"\u002Finformatika\u002Fpredstavlenie-ob-obektah-i-sistemah-okruzhayushchego",jpg:"jpg\u002F588580"},{id:283136,name:"Editing Slides With Polaris Office",href:"\u002Finformatika\u002Fediting-slides-with-polaris-office",jpg:"jpg\u002F283136"},{id:381290,name:"Кодирование звука",href:"\u002Finformatika\u002Fkodirovanie-zvuka-2",jpg:"jpg\u002F381290"},{id:231604,name:"Алгоритми. Контейнери в STL. (Лекція 2)",href:"\u002Finformatika\u002Falgoritmi-konteyneri-v-stl-lektsya-2",jpg:"jpg\u002F231604"}],navigation:{next:"\u002Fobrazovanie\u002Fbiologiya-podgotovka-ekspert-ege",next_name:"Биология. Подготовка. Эксперт ЕГЭ",prev:"\u002Fistoriya\u002Fafganskaya-voyna-1994",prev_name:"Афганская война"}}}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Что такое HTML, краткая история","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика","\u003Cp\u003EДомашнее задание\u003Cbr\u003E","Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>