Элемент <!DOCTYPE>

Содержание

Слайд 2

Тег

Тег является контейнером, который заключает в себе все содержимое веб-страницы,

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

Тег

Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег

Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
Содержимое тега не отображается напрямую на веб-странице, за исключением тега устанавливающего заголовок окна веб-страницы.<br></div><!----><!--]--><!--[--><div class="section"><div></div></div><!--]--></div></div><div class="slides-wrapper"><div id="slide3" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-2.jpg" target="_blank" rel="noopener">Слайд 3</a><h3 class="slides-content text-center font-bold"><div><p>Тег <script><br><p>Тег <script> предназначен для описания скриптов, может содержать ссылку на программу</div></h3></h3><img 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/857140/slide-2.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-2.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-2.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-2.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-2.jpg" class="slides-image"><!----><div class="slides-content">или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.<br><script> может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.<br><p>Тег <style><br><p>Тег <style> применяется для определения стилей элементов веб-страницы. Тег <style> необходимо использовать внутри контейнера <head>. Можно задавать более чем один тег <style>.<br><p>Тег <link><br><p>Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <a>, тег <link> размещается всегда внутри контейнера <head> и не создает ссылку.<br><p>Тег <title><br><p>Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide4" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-3.jpg" target="_blank" rel="noopener">Слайд 4</a><h3 class="slides-content text-center font-bold"><div><p>Тег <a><br><p>Тег <a> является одним из важных элементов HTML и предназначен для</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Тег Тег является одним из важных элементов HTML и предназначен для создания" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/857140/slide-3.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-3.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-3.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-3.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-3.jpg" class="slides-image"><!----><div class="slides-content">создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.<br><p>Тег <b><br><p>Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.<br><p>Тег <br><p>Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide5" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-4.jpg" target="_blank" rel="noopener">Слайд 5</a><h3 class="slides-content text-center font-bold"><div><p>Тег <div><br><p>Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа</div></h3></h3><img 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/857140/slide-4.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-4.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-4.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-4.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-4.jpg" class="slides-image"><!----><div class="slides-content">с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.<br><p>Тег <h1><br><p>HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.<br><p>Тег <hr><br><p>Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide6" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-5.jpg" target="_blank" rel="noopener">Слайд 6</a><h3 class="slides-content text-center font-bold"><div><p>Тег <i><br><p>Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими</div></h3></h3><img 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/857140/slide-5.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-5.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-5.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-5.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-5.jpg" class="slides-image"><!----><div class="slides-content">тегами, которые определяют начертание текста. <br><p>Тег <img><br><p>Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. <br><p>Тег <p>Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-6.jpg" target="_blank" rel="noopener">Слайд 7</a><h3 class="slides-content text-center font-bold"><div><p>Тег <canvas><br><p>Создает область, в которой при помощи JavaScript можно рисовать разные объекты,</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Тег Создает область, в которой при помощи JavaScript можно рисовать разные объекты," loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/857140/slide-6.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-6.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-6.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-6.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-6.jpg" class="slides-image"><!----><div class="slides-content">выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др. <br><p>Тег <video><br><p>Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>.<br><p>Тег <audio><br><p>Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Тег <li><br><p>Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol></div></h3></h3><img 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/857140/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-7.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-7.jpg" class="slides-image"><!----><div class="slides-content">устанавливает тип списка — маркированный или нумерованный. <br><p>Тег <ol><br><p>Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.<br><p>Тег <ul><br><p>Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-8.jpg" target="_blank" rel="noopener">Слайд 9</a><h3 class="slides-content text-center font-bold"><div><p>Тег <table><br><p>Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица</div></h3></h3><img 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/857140/slide-8.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-8.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-8.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-8.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-8.jpg" class="slides-image"><!----><div class="slides-content">состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.<br>Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.<br><p>Тег <tr><br><p>Тег <tr> служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега <th> или <td>.<br><p>Тег <td><br><p>Предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-9.jpg" target="_blank" rel="noopener">Слайд 10</a><h3 class="slides-content text-center font-bold"><div><p>Тег <form><br><p>Тег <form> устанавливает форму на веб-странице. Форма предназначена для обмена данными</div></h3></h3><img 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/857140/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-9.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-9.jpg" class="slides-image"><!----><div class="slides-content">между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению. <br>Документ может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга.<br><p>Тег <input><br><p>Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент <input> не требуется помещать внутрь контейнера <form>, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа, то указывать <form> обязательно.<br><p>Основной атрибут тега <input>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image). Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. Кроме того, в HTML5 добавлено еще более десятка новых элементов.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/857140/slide-10.jpg" target="_blank" rel="noopener">Слайд 11</a><h3 class="slides-content text-center font-bold"><div><p>Тег <option><br><p>Тег <option> определяет отдельные пункты списка, создаваемого с помощью контейнера <select>.</div></h3></h3><img 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/857140/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/857140/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/857140/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-10.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/857140/slide-10.jpg" class="slides-image"><!----><div class="slides-content">Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.<br><p>Тег <select><br><p>Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования атрибута size тега <select>, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега <option>, который должен быть вложен в контейнер <select>. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты. <br><p>Тег <textarea><br><p>Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.<br>Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.<br></div><!----><!--]--><!----></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"> Имя файла: Элемент-&lt;!DOCTYPE&gt;.pptx <br> Количество просмотров: 25 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-po-angliyskomu-yaziku/goodbye-winter-spring-ahead" class="navigation-link">Goodbye, winter, spring ahead</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-po-pedagogike/formirovanie-klyuchevyh-kompetentsiy-uchenika-na-osnove" 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="/prezentacii-po-informatike/grafy-topologicheskaya-sortirovka" class="related-itemLink"><img 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/1009638/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1009638/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1009638/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1009638/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1009638/slide-0.jpg" class="slides-image related-itemImage"> Графы. Топологическая сортировка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vkr-razrabotka-innovatsionnoy-ekskursionnoy-programmy-s" class="related-itemLink"><img 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/1150742/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1150742/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1150742/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150742/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150742/slide-0.jpg" class="slides-image related-itemImage"> ВКР: Разработка инновационной экскурсионной программы с применение новейших технологий</a></div><div class="related-item"><a href="/prezentacii-po-informatike/znakomtes--kompyutery" class="related-itemLink"><img 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/873172/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/873172/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/873172/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/873172/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/873172/slide-0.jpg" class="slides-image related-itemImage"> Знакомьтесь – компьютеры!</a></div><div class="related-item"><a href="/prezentacii-po-informatike/temy-kontrolnoy-raboty-n1" class="related-itemLink"><img 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/1073759/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1073759/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1073759/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1073759/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1073759/slide-0.jpg" class="slides-image related-itemImage"> Темы контрольной работы №1</a></div><div class="related-item"><a href="/prezentacii-po-informatike/riski-pri-rabote-s-kompyuternymi-sistemami" class="related-itemLink"><img 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/977604/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/977604/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/977604/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/977604/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/977604/slide-0.jpg" class="slides-image related-itemImage"> Риски при работе с компьютерными системами и их устранение</a></div><div class="related-item"><a href="/prezentacii-po-informatike/javascript-amp-jquery" class="related-itemLink"><img 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/1012823/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1012823/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1012823/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1012823/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1012823/slide-0.jpg" class="slides-image related-itemImage"> JavaScript &amp; jQuery</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tablitsi-v-html" class="related-itemLink"><img 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/1073958/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1073958/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1073958/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1073958/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1073958/slide-0.jpg" class="slides-image related-itemImage"> Таблици в HTML</a></div><div class="related-item"><a href="/prezentacii-po-informatike/igra-zashchita-informatsii" class="related-itemLink"><img 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/973253/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/973253/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/973253/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/973253/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/973253/slide-0.jpg" class="slides-image related-itemImage"> Игра Защита информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/analysis-of-debugging-process-1" class="related-itemLink"><img 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/1142157/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1142157/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1142157/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1142157/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1142157/slide-0.jpg" class="slides-image related-itemImage"> Analysis of debugging process</a></div><div class="related-item"><a href="/prezentacii-po-informatike/primenenie-programmnogo-kompleksa-tb-hazopsil-dlya" class="related-itemLink"><img 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/992077/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/992077/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/992077/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/992077/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/992077/slide-0.jpg" class="slides-image related-itemImage"> Применение программного комплекса ТБ-HAZOP+SIL для решения задач интегрального анализа угроз</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmnye-sredstva-vizualizatsii-dannyh" class="related-itemLink"><img 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/1090659/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1090659/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1090659/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1090659/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1090659/slide-0.jpg" class="slides-image related-itemImage"> Программные средства визуализации данных</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sravnitelnyy-analiz-dizayna-internet-saytov-32" class="related-itemLink"><img 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/1148776/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1148776/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1148776/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1148776/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1148776/slide-0.jpg" class="slides-image related-itemImage"> Сравнительный анализ дизайна интернет-сайтов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/skripty-skorost-peredachi-informatsii-informatsionnyy-obem" class="related-itemLink"><img 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/977179/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/977179/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/977179/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/977179/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/977179/slide-0.jpg" class="slides-image related-itemImage"> Скрипты - скорость передачи информации. Информационный объем файла</a></div><div class="related-item"><a href="/prezentacii-po-informatike/osnovnye-printsipy-organizatsii-ss" class="related-itemLink"><img 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/901967/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/901967/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/901967/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/901967/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/901967/slide-0.jpg" class="slides-image related-itemImage"> Основные принципы организации СС</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sostavnye-obekty-logicheskie-operatsii" class="related-itemLink"><img 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/879172/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/879172/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/879172/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/879172/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/879172/slide-0.jpg" class="slides-image related-itemImage"> Составные объекты: логические операции</a></div><div class="related-item"><a href="/prezentacii-po-informatike/protsess-sozdaniya-kompyuternyh-programm" class="related-itemLink"><img 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/835666/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/835666/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/835666/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/835666/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/835666/slide-0.jpg" class="slides-image related-itemImage"> Процесс создания компьютерных программ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/php-otpravka-faylov-na-server" class="related-itemLink"><img 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/884571/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/884571/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/884571/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/884571/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/884571/slide-0.jpg" class="slides-image related-itemImage"> PHP. Отправка файлов на сервер</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronnaya-shkola-3" class="related-itemLink"><img 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/1106037/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1106037/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1106037/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1106037/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1106037/slide-0.jpg" class="slides-image related-itemImage"> Электронная школа</a></div><div class="related-item"><a href="/prezentacii-po-informatike/formy-predstavleniya-informatsii-7" class="related-itemLink"><img 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/1113332/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1113332/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1113332/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1113332/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1113332/slide-0.jpg" class="slides-image related-itemImage"> Формы представления информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/shema-lichnogo-elektronnogo-pisma" class="related-itemLink"><img 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/1078502/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1078502/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1078502/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1078502/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1078502/slide-0.jpg" class="slides-image related-itemImage"> Схема личного электронного письма</a></div><div class="related-item"><a href="/prezentacii-po-informatike/konkurentnyy-analiz-2" class="related-itemLink"><img 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/842850/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/842850/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/842850/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/842850/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/842850/slide-0.jpg" class="slides-image related-itemImage"> Конкурентный анализ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-postroenie-diagramm-i-grafikov-1" class="related-itemLink"><img 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/282362/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282362/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282362/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282362/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282362/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Построение диаграмм и графиков </a></div><div class="related-item"><a href="/prezentacii-po-informatike/chto-mozhet-zamenit-kompyuter-v-bibliotechnoy" class="related-itemLink"><img 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/893862/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/893862/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/893862/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/893862/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/893862/slide-0.jpg" class="slides-image related-itemImage"> Что может заменить компьютер в библиотечной работе? Или что было в Фоминской сельской библиотеке во 2-й половине XX в</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronno-bibliotechnaya-sistema-konsultant-studenta" class="related-itemLink"><img 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/837749/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/837749/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/837749/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/837749/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/837749/slide-0.jpg" class="slides-image related-itemImage"> Электронно-библиотечная система консультант студента</a></div><div class="related-item"><a href="/prezentacii-po-informatike/minimalnye-trebovaniya-bezoapasnosti-9c-2" class="related-itemLink"><img 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/1098326/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1098326/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1098326/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1098326/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1098326/slide-0.jpg" class="slides-image related-itemImage"> Минимальные требования безоапасности</a></div><div class="related-item"><a href="/prezentacii-po-informatike/css3-flexbox-modul-maketa-gibkogo-konteynera" class="related-itemLink"><img 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/1153380/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1153380/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1153380/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1153380/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1153380/slide-0.jpg" class="slides-image related-itemImage"> CSS3 flexbox — модуль макета гибкого контейнера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/zadaniya-na-srsp" class="related-itemLink"><img 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/1128727/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1128727/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1128727/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128727/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128727/slide-0.jpg" class="slides-image related-itemImage"> Задания на СРСП</a></div><div class="related-item"><a href="/prezentacii-po-informatike/opasnost-sotsialnyh-setey" class="related-itemLink"><img 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/855478/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/855478/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/855478/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/855478/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/855478/slide-0.jpg" class="slides-image related-itemImage"> Опасность социальных сетей</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0" title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src= "https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script><!--/LiveInternet--></div><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-text"><a href="/page/pravoobladateliam">Для правообладателей</a></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,S,T,U){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},categories:{result:[{id:I,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:J,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:K,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:857140,name:"Элемент <!DOCTYPE>",category:J,count:h,jpg:"jpg\u002F857140",hits:K,download:a,h1:L,meta:{h1:L,title:"Элемент <!DOCTYPE> презентация",description:"Элемент <!DOCTYPE> презентация, доклад, проект, Информатика ",keywords:"Элемент <!DOCTYPE>, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Элемент <!DOCTYPE>, из раздела: Информатика.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EТег \u003Chtml\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Chtml\u003E является контейнером, который заключает в себе все содержимое веб-страницы, включая теги \u003Chead\u003E и \u003Cbody\u003E. Открывающий и закрывающий теги \u003Chtml\u003E в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег \u003Chtml\u003E идет в документе вторым, после определения типа документа, устанавливаемого через элемент \u003C!DOCTYPE\u003E. Закрывающий тег \u003Chtml\u003E должен всегда стоять в документе последним. \u003Cbr\u003E\u003Cp\u003EТег \u003Cbody\u003E\u003Cbr\u003E\u003Cp\u003EЭлемент \u003Cbody\u003E предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера \u003Cbody\u003E. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.\u003Cbr\u003E\u003Cp\u003EТег \u003Chead\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Chead\u003E предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера \u003Chead\u003E находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.\u003Cbr\u003EСодержимое тега \u003Chead\u003E не отображается напрямую на веб-странице, за исключением тега \u003Ctitle\u003E устанавливающего заголовок окна веб-страницы.\u003Cbr\u003E \u003Cp\u003EТег \u003Cscript\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cscript\u003E предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.\u003Cbr\u003E\u003Cscript\u003E может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.\u003Cbr\u003E\u003Cp\u003EТег \u003Cstyle\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cstyle\u003E применяется для определения стилей элементов веб-страницы. Тег \u003Cstyle\u003E необходимо использовать внутри контейнера \u003Chead\u003E. Можно задавать более чем один тег \u003Cstyle\u003E.\u003Cbr\u003E\u003Cp\u003EТег \u003Clink\u003E\u003Cbr\u003E\u003Cp\u003EУстанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега \u003Ca\u003E, тег \u003Clink\u003E размещается всегда внутри контейнера \u003Chead\u003E и не создает ссылку.\u003Cbr\u003E\u003Cp\u003EТег \u003Ctitle\u003E\u003Cbr\u003E\u003Cp\u003EОпределяет заголовок документа. Элемент \u003Ctitle\u003E не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег \u003Ctitle\u003E на документ и размещать его в контейнере \u003Chead\u003E. \u003Cbr\u003E",file:"Элемент-<!DOCTYPE>.pptx",texts:["\u003Cp\u003EЭлемент \u003C!DOCTYPE\u003E\u003Cbr\u003E\u003Cp\u003EЭлемент \u003C!DOCTYPE\u003E предназначен для указания типа текущего документа. Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать \u003C!DOCTYPE\u003E.\u003Cbr\u003E\u003Cp\u003EСуществует несколько видов \u003C!DOCTYPE\u003E, они различаются в зависимости от версии языка, на которого ориентированы.\u003Cbr\u003E","\u003Cp\u003EТег \u003Chtml\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Chtml\u003E является контейнером, который заключает в себе все содержимое веб-страницы, включая теги \u003Chead\u003E и \u003Cbody\u003E. Открывающий и закрывающий теги \u003Chtml\u003E в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег \u003Chtml\u003E идет в документе вторым, после определения типа документа, устанавливаемого через элемент \u003C!DOCTYPE\u003E. Закрывающий тег \u003Chtml\u003E должен всегда стоять в документе последним. \u003Cbr\u003E\u003Cp\u003EТег \u003Cbody\u003E\u003Cbr\u003E\u003Cp\u003EЭлемент \u003Cbody\u003E предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера \u003Cbody\u003E. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.\u003Cbr\u003E\u003Cp\u003EТег \u003Chead\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Chead\u003E предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера \u003Chead\u003E находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.\u003Cbr\u003EСодержимое тега \u003Chead\u003E не отображается напрямую на веб-странице, за исключением тега \u003Ctitle\u003E устанавливающего заголовок окна веб-страницы.\u003Cbr\u003E","\u003Cp\u003EТег \u003Cscript\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cscript\u003E предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.\u003Cbr\u003E\u003Cscript\u003E может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.\u003Cbr\u003E\u003Cp\u003EТег \u003Cstyle\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cstyle\u003E применяется для определения стилей элементов веб-страницы. Тег \u003Cstyle\u003E необходимо использовать внутри контейнера \u003Chead\u003E. Можно задавать более чем один тег \u003Cstyle\u003E.\u003Cbr\u003E\u003Cp\u003EТег \u003Clink\u003E\u003Cbr\u003E\u003Cp\u003EУстанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега \u003Ca\u003E, тег \u003Clink\u003E размещается всегда внутри контейнера \u003Chead\u003E и не создает ссылку.\u003Cbr\u003E\u003Cp\u003EТег \u003Ctitle\u003E\u003Cbr\u003E\u003Cp\u003EОпределяет заголовок документа. Элемент \u003Ctitle\u003E не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег \u003Ctitle\u003E на документ и размещать его в контейнере \u003Chead\u003E. \u003Cbr\u003E","\u003Cp\u003EТег \u003Ca\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Ca\u003E является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег \u003Ca\u003E устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.\u003Cbr\u003E\u003Cp\u003EТег \u003Cb\u003E\u003Cbr\u003E\u003Cp\u003EУстанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.\u003Cbr\u003E\u003Cp\u003EТег \u003Cbr\u003E\u003Cp\u003EТег \u003Cbr\u003E устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца \u003Cp\u003E, использование тега \u003Cbr\u003E не добавляет пустой отступ перед строкой.\u003Cbr\u003E","\u003Cp\u003EТег \u003Cdiv\u003E\u003Cbr\u003E\u003Cp\u003EЭлемент \u003Cdiv\u003E является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.\u003Cbr\u003E\u003Cp\u003EТег \u003Ch1\u003E\u003Cbr\u003E\u003Cp\u003EHTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег \u003Ch1\u003E представляет собой наиболее важный заголовок первого уровня, а тег \u003Ch6\u003E служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги \u003Ch1\u003E,...,\u003Ch6\u003E относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.\u003Cbr\u003E\u003Cp\u003EТег \u003Chr\u003E\u003Cbr\u003E\u003Cp\u003EРисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег \u003Chr\u003E относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке. \u003Cbr\u003E","\u003Cp\u003EТег \u003Ci\u003E\u003Cbr\u003E\u003Cp\u003EУстанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. \u003Cbr\u003E\u003Cp\u003EТег \u003Cimg\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cimg\u003E предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег \u003Cimg\u003E в контейнер \u003Ca\u003E. \u003Cbr\u003E\u003Cp\u003EТег \u003Cp\u003EОпределяет текстовый абзац. Тег \u003Cp\u003E является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.\u003Cbr\u003E","\u003Cp\u003EТег \u003Ccanvas\u003E\u003Cbr\u003E\u003Cp\u003EСоздает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега \u003Ccanvas\u003E можно создавать рисунки, анимацию, игры и др. \u003Cbr\u003E\u003Cp\u003EТег \u003Cvideo\u003E\u003Cbr\u003E\u003Cp\u003EДобавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег \u003Csource\u003E.\u003Cbr\u003E\u003Cp\u003EТег \u003Caudio\u003E\u003Cbr\u003E\u003Cp\u003EДобавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут src или вложенный тег \u003Csource\u003E. Внутри контейнера \u003Caudio\u003E можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.\u003Cbr\u003E","\u003Cp\u003EТег \u003Cli\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cli\u003E определяет отдельный элемент списка. Внешний тег \u003Cul\u003E или \u003Col\u003E устанавливает тип списка — маркированный или нумерованный. \u003Cbr\u003E\u003Cp\u003EТег \u003Col\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Col\u003E устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега \u003Cli\u003E. Если к тегу \u003Col\u003E применяется таблица стилей, то элементы \u003Cli\u003E наследуют эти свойства.\u003Cbr\u003E\u003Cp\u003EТег \u003Cul\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cul\u003E устанавливает маркированный список. Каждый элемент списка должен начинаться с тега \u003Cli\u003E. Если к тегу \u003Cul\u003E применяется таблица стилей, то элементы \u003Cli\u003E наследуют эти свойства. \u003Cbr\u003E","\u003Cp\u003EТег \u003Ctable\u003E\u003Cbr\u003E\u003Cp\u003EЭлемент \u003Ctable\u003E служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов \u003Ctr\u003E и \u003Ctd\u003E. Внутри \u003Ctable\u003E допустимо использовать следующие элементы: \u003Ccaption\u003E, \u003Ccol\u003E, \u003Ccolgroup\u003E, \u003Ctbody\u003E, \u003Ctd\u003E, \u003Ctfoot\u003E, \u003Cth\u003E, \u003Cthead\u003E и \u003Ctr\u003E.\u003Cbr\u003EТаблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.\u003Cbr\u003E\u003Cp\u003EТег \u003Ctr\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Ctr\u003E служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега \u003Cth\u003E или \u003Ctd\u003E.\u003Cbr\u003E\u003Cp\u003EТег \u003Ctd\u003E\u003Cbr\u003E\u003Cp\u003EПредназначен для создания одной ячейки таблицы. Тег \u003Ctd\u003E должен размещаться внутри контейнера \u003Ctr\u003E, который в свою очередь располагается внутри тега \u003Ctable\u003E.\u003Cbr\u003E","\u003Cp\u003EТег \u003Cform\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cform\u003E устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению. \u003Cbr\u003EДокумент может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга.\u003Cbr\u003E\u003Cp\u003EТег \u003Cinput\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cinput\u003E является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом \u003Cinput\u003E предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент \u003Cinput\u003E не требуется помещать внутрь контейнера \u003Cform\u003E, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа, то указывать \u003Cform\u003E обязательно.\u003Cbr\u003E\u003Cp\u003EОсновной атрибут тега \u003Cinput\u003E, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file) и кнопка с изображением (image). Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. Кроме того, в HTML5 добавлено еще более десятка новых элементов.\u003Cbr\u003E","\u003Cp\u003EТег \u003Coption\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Coption\u003E определяет отдельные пункты списка, создаваемого с помощью контейнера \u003Cselect\u003E. Ширина списка определяется самым широким текстом, указанным в теге \u003Coption\u003E, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент \u003Cselect\u003E внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.\u003Cbr\u003E\u003Cp\u003EТег \u003Cselect\u003E\u003Cbr\u003E\u003Cp\u003EТег \u003Cselect\u003E позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования атрибута size тега \u003Cselect\u003E, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге \u003Coption\u003E, а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега \u003Coption\u003E, который должен быть вложен в контейнер \u003Cselect\u003E. Если планируется отправлять данные списка на сервер, то требуется поместить элемент \u003Cselect\u003E внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты. \u003Cbr\u003E\u003Cp\u003EТег \u003Ctextarea\u003E\u003Cbr\u003E\u003Cp\u003EПоле \u003Ctextarea\u003E представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега \u003Cinput\u003E в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.\u003Cbr\u003EМежду тегами \u003Ctextarea\u003E и \u003C\u002Ftextarea\u003E можно поместить любой текст, который будет отображаться внутри поля.\u003Cbr\u003E","\u003Cp\u003EВся информация взята с сайта\u003Cbr\u003Ehttp:\u002F\u002Fhtmlbook.ru\u002Fhtml\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Felement-ltdoctypegt-1",href_category:"\u002Fprezentacii-po-informatike",date:1614154307,related:[{id:1009638,name:"Графы. Топологическая сортировка",href:"\u002Fprezentacii-po-informatike\u002Fgrafy-topologicheskaya-sortirovka",jpg:"jpg\u002F1009638"},{id:1150742,name:"ВКР: Разработка инновационной экскурсионной программы с применение новейших технологий",href:"\u002Fprezentacii-po-informatike\u002Fvkr-razrabotka-innovatsionnoy-ekskursionnoy-programmy-s",jpg:"jpg\u002F1150742"},{id:873172,name:"Знакомьтесь – компьютеры!",href:"\u002Fprezentacii-po-informatike\u002Fznakomtes--kompyutery",jpg:"jpg\u002F873172"},{id:1073759,name:"Темы контрольной работы №1",href:"\u002Fprezentacii-po-informatike\u002Ftemy-kontrolnoy-raboty-n1",jpg:"jpg\u002F1073759"},{id:977604,name:"Риски при работе с компьютерными системами и их устранение",href:"\u002Fprezentacii-po-informatike\u002Friski-pri-rabote-s-kompyuternymi-sistemami",jpg:"jpg\u002F977604"},{id:1012823,name:"JavaScript & jQuery",href:"\u002Fprezentacii-po-informatike\u002Fjavascript-amp-jquery",jpg:"jpg\u002F1012823"},{id:1073958,name:"Таблици в HTML",href:"\u002Fprezentacii-po-informatike\u002Ftablitsi-v-html",jpg:"jpg\u002F1073958"},{id:973253,name:"Игра Защита информации",href:"\u002Fprezentacii-po-informatike\u002Figra-zashchita-informatsii",jpg:"jpg\u002F973253"},{id:1142157,name:"Analysis of debugging process",href:"\u002Fprezentacii-po-informatike\u002Fanalysis-of-debugging-process-1",jpg:"jpg\u002F1142157"},{id:992077,name:"Применение программного комплекса ТБ-HAZOP+SIL для решения задач интегрального анализа угроз",href:"\u002Fprezentacii-po-informatike\u002Fprimenenie-programmnogo-kompleksa-tb-hazopsil-dlya",jpg:"jpg\u002F992077"},{id:1090659,name:"Программные средства визуализации данных",href:"\u002Fprezentacii-po-informatike\u002Fprogrammnye-sredstva-vizualizatsii-dannyh",jpg:"jpg\u002F1090659"},{id:1148776,name:"Сравнительный анализ дизайна интернет-сайтов",href:"\u002Fprezentacii-po-informatike\u002Fsravnitelnyy-analiz-dizayna-internet-saytov-32",jpg:"jpg\u002F1148776"},{id:977179,name:"Скрипты - скорость передачи информации. Информационный объем файла",href:"\u002Fprezentacii-po-informatike\u002Fskripty-skorost-peredachi-informatsii-informatsionnyy-obem",jpg:"jpg\u002F977179"},{id:901967,name:"Основные принципы организации СС",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-printsipy-organizatsii-ss",jpg:"jpg\u002F901967"},{id:879172,name:"Составные объекты: логические операции",href:"\u002Fprezentacii-po-informatike\u002Fsostavnye-obekty-logicheskie-operatsii",jpg:"jpg\u002F879172"},{id:835666,name:"Процесс создания компьютерных программ",href:"\u002Fprezentacii-po-informatike\u002Fprotsess-sozdaniya-kompyuternyh-programm",jpg:"jpg\u002F835666"},{id:884571,name:"PHP. Отправка файлов на сервер",href:"\u002Fprezentacii-po-informatike\u002Fphp-otpravka-faylov-na-server",jpg:"jpg\u002F884571"},{id:1106037,name:"Электронная школа",href:"\u002Fprezentacii-po-informatike\u002Felektronnaya-shkola-3",jpg:"jpg\u002F1106037"},{id:1113332,name:"Формы представления информации",href:"\u002Fprezentacii-po-informatike\u002Fformy-predstavleniya-informatsii-7",jpg:"jpg\u002F1113332"},{id:1078502,name:"Схема личного электронного письма",href:"\u002Fprezentacii-po-informatike\u002Fshema-lichnogo-elektronnogo-pisma",jpg:"jpg\u002F1078502"},{id:842850,name:"Конкурентный анализ",href:"\u002Fprezentacii-po-informatike\u002Fkonkurentnyy-analiz-2",jpg:"jpg\u002F842850"},{id:282362,name:"Презентация на тему Построение диаграмм и графиков ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-postroenie-diagramm-i-grafikov-1",jpg:"jpg\u002F282362"},{id:893862,name:"Что может заменить компьютер в библиотечной работе? Или что было в Фоминской сельской библиотеке во 2-й половине XX в",href:"\u002Fprezentacii-po-informatike\u002Fchto-mozhet-zamenit-kompyuter-v-bibliotechnoy",jpg:"jpg\u002F893862"},{id:837749,name:"Электронно-библиотечная система консультант студента",href:"\u002Fprezentacii-po-informatike\u002Felektronno-bibliotechnaya-sistema-konsultant-studenta",jpg:"jpg\u002F837749"},{id:1098326,name:"Минимальные требования безоапасности",href:"\u002Fprezentacii-po-informatike\u002Fminimalnye-trebovaniya-bezoapasnosti-9c-2",jpg:"jpg\u002F1098326"},{id:1153380,name:"CSS3 flexbox — модуль макета гибкого контейнера",href:"\u002Fprezentacii-po-informatike\u002Fcss3-flexbox-modul-maketa-gibkogo-konteynera",jpg:"jpg\u002F1153380"},{id:1128727,name:"Задания на СРСП",href:"\u002Fprezentacii-po-informatike\u002Fzadaniya-na-srsp",jpg:"jpg\u002F1128727"},{id:855478,name:"Опасность социальных сетей",href:"\u002Fprezentacii-po-informatike\u002Fopasnost-sotsialnyh-setey",jpg:"jpg\u002F855478"}],navigation:{next:"\u002Fprezentacii-po-pedagogike\u002Fformirovanie-klyuchevyh-kompetentsiy-uchenika-na-osnove",next_name:"Формирование ключевых компетенций ученика на основе использования методов активного обучения",prev:"\u002Fprezentacii-po-angliyskomu-yaziku\u002Fgoodbye-winter-spring-ahead",prev_name:"Goodbye, winter, spring ahead"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","slaidy.com@ya.ru","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\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,"Информатика",25,"Элемент <!DOCTYPE> ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body> </html>