Элемент <!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> Количество просмотров: 23 <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/shemy-201511" 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/1095452/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1095452/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1095452/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1095452/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1095452/slide-0.jpg" class="slides-image related-itemImage"> Схемы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/osnovnye-ponyatiya-fayly-programmy-powerpoint" 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/1057457/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1057457/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1057457/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1057457/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1057457/slide-0.jpg" class="slides-image related-itemImage"> Основные понятия. Файлы программы PowerPoint</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razrabotka-funktsionala-informatsionnoy-sistemy-dlya-avtomatizatsii" 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/1090983/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1090983/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1090983/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1090983/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1090983/slide-0.jpg" class="slides-image related-itemImage"> Разработка функционала информационной системы для автоматизации деятельности индивидуального предпринимателя</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tendentsii-razvitiya-programmnogo-obespecheniya" 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/975970/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/975970/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/975970/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/975970/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/975970/slide-0.jpg" class="slides-image related-itemImage"> Тенденции развития программного обеспечения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/forum-itzone" 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/1116428/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1116428/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1116428/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1116428/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1116428/slide-0.jpg" class="slides-image related-itemImage"> Форум ITZone</a></div><div class="related-item"><a href="/prezentacii-po-informatike/metody-obrabotki-informatsii-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/972392/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/972392/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/972392/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/972392/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/972392/slide-0.jpg" class="slides-image related-itemImage"> Методы обработки информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/mpa1000-sw-master-doxygen-documentation" 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/969364/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/969364/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/969364/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/969364/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/969364/slide-0.jpg" class="slides-image related-itemImage"> MPA1000 sw-master Doxygen documentation</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronnyy-zhurnal-zemlya-sannikova-izdatelstvo-sovinaya" 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/890347/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/890347/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/890347/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890347/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890347/slide-0.jpg" class="slides-image related-itemImage"> Электронный журнал Земля Санникова. Издательство Совиная Сказка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/otsenka-modul-f" 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/1078486/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1078486/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1078486/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1078486/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1078486/slide-0.jpg" class="slides-image related-itemImage"> Оценка модуль F</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-kompyuternogo-risunka-9b-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/1052047/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1052047/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1052047/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052047/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052047/slide-0.jpg" class="slides-image related-itemImage"> Создание компьютерного рисунка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obzor-i-arhitektura-vychislitelnyh-setey-lektsiya" 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/1114839/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1114839/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1114839/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1114839/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1114839/slide-0.jpg" class="slides-image related-itemImage"> Обзор и архитектура вычислительных сетей (лекция №1)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-sayta-po-bronirovaniyu-komnaty-na" 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/924902/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/924902/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/924902/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/924902/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/924902/slide-0.jpg" class="slides-image related-itemImage"> Создание сайта по бронированию комнаты на примере отеля для собак</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programne-rshennya-dlya-kontrolyu-za-dotrimannyam" 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/1141320/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1141320/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1141320/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1141320/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1141320/slide-0.jpg" class="slides-image related-itemImage"> Програмне рішення для контролю за дотриманням і виконанням критеріїв та принципів FSC</a></div><div class="related-item"><a href="/prezentacii-po-informatike/autocad-istoriya-i-vozmozhnosti-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/943958/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/943958/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/943958/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/943958/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/943958/slide-0.jpg" class="slides-image related-itemImage"> AutoCAD: история и возможности</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsionnaya-bezopasnost-interneta-veshchey-iot" 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/948914/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/948914/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/948914/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/948914/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/948914/slide-0.jpg" class="slides-image related-itemImage"> Информационная безопасность интернета вещей (IoT)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/otnositelnye-i-absolyutnye-ssylki-v-microsoft-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/854570/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/854570/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/854570/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/854570/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/854570/slide-0.jpg" class="slides-image related-itemImage"> Относительные и абсолютные ссылки в Microsoft Excel</a></div><div class="related-item"><a href="/prezentacii-po-informatike/organizatsiya-vychisleniy-v-elektronnyh-tablitsah-obrabotka-15" 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/919153/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/919153/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/919153/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/919153/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/919153/slide-0.jpg" class="slides-image related-itemImage"> Организация вычислений в электронных таблицах. Обработка числовой информации в электронных таблицах</a></div><div class="related-item"><a href="/prezentacii-po-informatike/szmtgpek-karbantartsa-s-hibaelhrtsa" 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/983856/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/983856/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/983856/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/983856/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/983856/slide-0.jpg" class="slides-image related-itemImage"> Számítógépek karbantartása és hibaelhárítása</a></div><div class="related-item"><a href="/prezentacii-po-informatike/report-of-the-advertising-campaign" 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/1113605/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1113605/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1113605/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1113605/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1113605/slide-0.jpg" class="slides-image related-itemImage"> Report of the Advertising campaign</a></div><div class="related-item"><a href="/prezentacii-po-informatike/issledovatelskaya-rabota-v-kompyuternoy-laboratorii" 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/911543/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/911543/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/911543/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/911543/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/911543/slide-0.jpg" class="slides-image related-itemImage"> Исследовательская работа в компьютерной лаборатории</a></div><div class="related-item"><a href="/prezentacii-po-informatike/turnir-infoznayka" 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/1050738/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1050738/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1050738/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050738/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1050738/slide-0.jpg" class="slides-image related-itemImage"> Турнир Инфознайка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/igrovoy-internet-magazin-portal-thrifty-gaming" 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/1168470/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1168470/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1168470/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1168470/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1168470/slide-0.jpg" class="slides-image related-itemImage"> Игровой интернет-магазин портал “Thrifty gaming”</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razvitie-interneta-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/1090023/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1090023/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1090023/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1090023/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1090023/slide-0.jpg" class="slides-image related-itemImage"> Развитие интернета</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vozmozhnosti-ispolzovaniya-mobilnyh-ustroystv-dlya-prodvizheniya" 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/1035278/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1035278/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1035278/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1035278/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1035278/slide-0.jpg" class="slides-image related-itemImage"> Возможности использования мобильных устройств для продвижения библиотек и чтения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmirovanie-lineynyh-algoritmov-27" 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/978713/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/978713/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/978713/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/978713/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/978713/slide-0.jpg" class="slides-image related-itemImage"> Программирование линейных алгоритмов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/teoreticheskie-osnovy-informatiki-22" 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/1019144/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1019144/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1019144/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1019144/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1019144/slide-0.jpg" class="slides-image related-itemImage"> Теоретические основы информатики</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razrabotka-globalnyh-setey-mezhdunarodnogo-urovnya-i" 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/1128729/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1128729/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1128729/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128729/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128729/slide-0.jpg" class="slides-image related-itemImage"> Разработка глобальных сетей международного уровня и их взаимодействие на межсетевом уровне</a></div><div class="related-item"><a href="/prezentacii-po-informatike/lab1-e2-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/881567/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/881567/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/881567/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/881567/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/881567/slide-0.jpg" class="slides-image related-itemImage"> Lab_1</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}},item:{result:{id:857140,name:"Элемент <!DOCTYPE>",category:I,count:h,jpg:"jpg\u002F857140",hits:J,download:a,h1:K,meta:{h1:K,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:1095452,name:"Схемы",href:"\u002Fprezentacii-po-informatike\u002Fshemy-201511",jpg:"jpg\u002F1095452"},{id:1057457,name:"Основные понятия. Файлы программы PowerPoint",href:"\u002Fprezentacii-po-informatike\u002Fosnovnye-ponyatiya-fayly-programmy-powerpoint",jpg:"jpg\u002F1057457"},{id:1090983,name:"Разработка функционала информационной системы для автоматизации деятельности индивидуального предпринимателя",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-funktsionala-informatsionnoy-sistemy-dlya-avtomatizatsii",jpg:"jpg\u002F1090983"},{id:975970,name:"Тенденции развития программного обеспечения",href:"\u002Fprezentacii-po-informatike\u002Ftendentsii-razvitiya-programmnogo-obespecheniya",jpg:"jpg\u002F975970"},{id:1116428,name:"Форум ITZone",href:"\u002Fprezentacii-po-informatike\u002Fforum-itzone",jpg:"jpg\u002F1116428"},{id:972392,name:"Методы обработки информации",href:"\u002Fprezentacii-po-informatike\u002Fmetody-obrabotki-informatsii-1",jpg:"jpg\u002F972392"},{id:969364,name:"MPA1000 sw-master Doxygen documentation",href:"\u002Fprezentacii-po-informatike\u002Fmpa1000-sw-master-doxygen-documentation",jpg:"jpg\u002F969364"},{id:890347,name:"Электронный журнал Земля Санникова. Издательство Совиная Сказка",href:"\u002Fprezentacii-po-informatike\u002Felektronnyy-zhurnal-zemlya-sannikova-izdatelstvo-sovinaya",jpg:"jpg\u002F890347"},{id:1078486,name:"Оценка модуль F",href:"\u002Fprezentacii-po-informatike\u002Fotsenka-modul-f",jpg:"jpg\u002F1078486"},{id:1052047,name:"Создание компьютерного рисунка",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-kompyuternogo-risunka-9b-2",jpg:"jpg\u002F1052047"},{id:1114839,name:"Обзор и архитектура вычислительных сетей (лекция №1)",href:"\u002Fprezentacii-po-informatike\u002Fobzor-i-arhitektura-vychislitelnyh-setey-lektsiya",jpg:"jpg\u002F1114839"},{id:924902,name:"Создание сайта по бронированию комнаты на примере отеля для собак",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-sayta-po-bronirovaniyu-komnaty-na",jpg:"jpg\u002F924902"},{id:1141320,name:"Програмне рішення для контролю за дотриманням і виконанням критеріїв та принципів FSC",href:"\u002Fprezentacii-po-informatike\u002Fprogramne-rshennya-dlya-kontrolyu-za-dotrimannyam",jpg:"jpg\u002F1141320"},{id:943958,name:"AutoCAD: история и возможности",href:"\u002Fprezentacii-po-informatike\u002Fautocad-istoriya-i-vozmozhnosti-1",jpg:"jpg\u002F943958"},{id:948914,name:"Информационная безопасность интернета вещей (IoT)",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnaya-bezopasnost-interneta-veshchey-iot",jpg:"jpg\u002F948914"},{id:854570,name:"Относительные и абсолютные ссылки в Microsoft Excel",href:"\u002Fprezentacii-po-informatike\u002Fotnositelnye-i-absolyutnye-ssylki-v-microsoft-1",jpg:"jpg\u002F854570"},{id:919153,name:"Организация вычислений в электронных таблицах. Обработка числовой информации в электронных таблицах",href:"\u002Fprezentacii-po-informatike\u002Forganizatsiya-vychisleniy-v-elektronnyh-tablitsah-obrabotka-15",jpg:"jpg\u002F919153"},{id:983856,name:"Számítógépek karbantartása és hibaelhárítása",href:"\u002Fprezentacii-po-informatike\u002Fszmtgpek-karbantartsa-s-hibaelhrtsa",jpg:"jpg\u002F983856"},{id:1113605,name:"Report of the Advertising campaign",href:"\u002Fprezentacii-po-informatike\u002Freport-of-the-advertising-campaign",jpg:"jpg\u002F1113605"},{id:911543,name:"Исследовательская работа в компьютерной лаборатории",href:"\u002Fprezentacii-po-informatike\u002Fissledovatelskaya-rabota-v-kompyuternoy-laboratorii",jpg:"jpg\u002F911543"},{id:1050738,name:"Турнир Инфознайка",href:"\u002Fprezentacii-po-informatike\u002Fturnir-infoznayka",jpg:"jpg\u002F1050738"},{id:1168470,name:"Игровой интернет-магазин портал “Thrifty gaming”",href:"\u002Fprezentacii-po-informatike\u002Figrovoy-internet-magazin-portal-thrifty-gaming",jpg:"jpg\u002F1168470"},{id:1090023,name:"Развитие интернета",href:"\u002Fprezentacii-po-informatike\u002Frazvitie-interneta-2",jpg:"jpg\u002F1090023"},{id:1035278,name:"Возможности использования мобильных устройств для продвижения библиотек и чтения",href:"\u002Fprezentacii-po-informatike\u002Fvozmozhnosti-ispolzovaniya-mobilnyh-ustroystv-dlya-prodvizheniya",jpg:"jpg\u002F1035278"},{id:978713,name:"Программирование линейных алгоритмов",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-lineynyh-algoritmov-27",jpg:"jpg\u002F978713"},{id:1019144,name:"Теоретические основы информатики",href:"\u002Fprezentacii-po-informatike\u002Fteoreticheskie-osnovy-informatiki-22",jpg:"jpg\u002F1019144"},{id:1128729,name:"Разработка глобальных сетей международного уровня и их взаимодействие на межсетевом уровне",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-globalnyh-setey-mezhdunarodnogo-urovnya-i",jpg:"jpg\u002F1128729"},{id:881567,name:"Lab_1",href:"\u002Fprezentacii-po-informatike\u002Flab1-e2-2",jpg:"jpg\u002F881567"}],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"}}},categories:{result:[{id:L,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:I,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:J,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,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:L,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},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","Информатика",23,"Элемент <!DOCTYPE> ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body> </html>