Основные HTML теги и CSS свойства презентация

Содержание

Слайд 1Зайнаб Нежведиловна
Основы разработки сайтов на
системе управления 1С Битрикс
Урок 2. Основные

HTML теги и CSS свойства

Слайд 2Зайнаб Нежведиловна
Каркас сайта и определения главных тегов
Заголовок

Тело сайта

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

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

Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.

Элемент определяет заголовок документа. Он не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.<br><br><meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.<br><br>Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.<br> </div> <div class="image"> <a href="/img/tmb/5/421948/b767280abcc9094cec5d5cf271972920-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Зайнаб НежведиловнаКаркас сайта и определения главных тегов Заголовок Тело сайта Элемент предназначен для указания типа текущего документа. Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги и .Тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными.Элемент определяет заголовок документа. Он не является частью документа и не показывается напрямую на веб-странице. Допускается использовать только один тег на документ и размещать его в контейнере . определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера . К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д."><img src="/img/tmb/5/421948/b767280abcc9094cec5d5cf271972920-800x.jpg" title="Зайнаб НежведиловнаКаркас сайта и определения главных тегов Заголовок Тело" alt=""></a> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-7 --> <div id="yandex_rtb_R-A-468740-7"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-468740-7", renderTo: "yandex_rtb_R-A-468740-7", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <hr> </div> <div class="descrip" id="slide3"> <h2><a href="/img/tmb/5/421948/f68846bb251c65ef8efde3b7499514d2-800x.jpg" target="_blank">Слайд 3</a>Вид написания свойства <br>Зайнаб Нежведиловна<br>селектор { свойство: значение; свойство: значение; свойство:</h2> <div class="text"> значение; }<br><p>Селектор - это формальное описание того элемента или группы элементов, к которым применяется указанное правило стиля.<br>(Например, .select - class=”select”<br> #select - id=”select”<br> body - тег <body> )<br><br>Свойство - признак, составляющий отличительную особенность.<br><br>Значение - значение приписываемое данному свойству.<br><br>(Например, font-size: 15px;<br> background: blue; <br> color: white; )<br><br> </div> <div class="image"> <a href="/img/tmb/5/421948/f68846bb251c65ef8efde3b7499514d2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вид написания свойства Зайнаб Нежведиловнаселектор { свойство: значение; свойство: значение; свойство: значение; }Селектор - это формальное описание того элемента или группы элементов, к которым применяется указанное правило стиля.(Например, .select - class=”select” #select - id=”select” body - тег )Свойство - признак, составляющий отличительную особенность.Значение - значение приписываемое данному свойству.(Например, font-size: 15px; background: blue; color: white; )"><img src="/img/tmb/5/421948/f68846bb251c65ef8efde3b7499514d2-800x.jpg" title="Вид написания свойства Зайнаб Нежведиловнаселектор { свойство: значение; свойство: значение; свойство: значение; }Селектор - это" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide4"> <h2><a href="/img/tmb/5/421948/124419a5a328b5e4d99b1d64d3f81f84-800x.jpg" target="_blank">Слайд 4</a>Повторение изученных тегов<br>Зайнаб Нежведиловна<br>,..., HTML предлагает шесть заголовков разного уровня, которые</h2> <div class="text"> показывают относительную важность секции, расположенной после заголовка. Так, тег <h1> представляет собой наиболее важный заголовок первого уровня, а тег <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.<br><br><p> Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой.<br><br><a> Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.<br><br><div> Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей.<br> </div> <div class="image"> <a href="/img/tmb/5/421948/124419a5a328b5e4d99b1d64d3f81f84-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Повторение изученных теговЗайнаб Нежведиловна,..., HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег представляет собой наиболее важный заголовок первого уровня, а тег служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги ,..., относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Определяет текстовый абзац. Тег является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Тег является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы. Элемент является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей."><img src="/img/tmb/5/421948/124419a5a328b5e4d99b1d64d3f81f84-800x.jpg" title="Повторение изученных теговЗайнаб Нежведиловна,..., HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции," alt=""></a> </div> <hr> </div> <div class="descrip" id="slide5"> <h2><a href="/img/tmb/5/421948/ac22922d027915e43f1b378e63ff64e4-800x.jpg" target="_blank">Слайд 5</a>Повторение изученных свойств<br>Зайнаб Нежведиловна<br>width / height ширина / высота данного селектора.</h2> <div class="text"> (Пример, width: 60%; <br>height: 50px; )<br>color цвет текста. (Пример, color: #00ff00; )<br><br>font-size размер шрифта элемента (Пример, font-size: 25px; )<br><br>background фон элемента. (Пример, background: url(image.png) no-repeat; )<br>background: [background-attachment || background-color || background-image || background-position || background-repeat]<br><br>border обводка элемента. (Пример, border: 5px solid #ff0000; )<br>border: [border-width || border-style || border-color]<br><br>margin внешний отступ (Пример, margin: 0 auto; )<br><br>padding внутренний отступ (Пример, padding: 5px 10px; )<br><br><br> </div> <div class="image"> <a href="/img/tmb/5/421948/ac22922d027915e43f1b378e63ff64e4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Повторение изученных свойствЗайнаб Нежведиловнаwidth / height ширина / высота данного селектора. (Пример, width: 60%; height: 50px; )color цвет текста. (Пример, color: #00ff00; )font-size размер шрифта элемента (Пример, font-size: 25px; )background фон элемента. (Пример, background: url(image.png) no-repeat; )background: [background-attachment || background-color || background-image || background-position || background-repeat]border обводка элемента. (Пример, border: 5px solid #ff0000; )border: [border-width || border-style || border-color]margin внешний отступ (Пример, margin: 0 auto; )padding внутренний отступ (Пример, padding: 5px 10px; )"><img src="/img/tmb/5/421948/ac22922d027915e43f1b378e63ff64e4-800x.jpg" title="Повторение изученных свойствЗайнаб Нежведиловнаwidth / height ширина / высота данного селектора. (Пример, width: 60%; height:" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide6"> <h2><a href="/img/tmb/5/421948/e07415eaed12f3d91711a5c49952d7b2-800x.jpg" target="_blank">Слайд 6</a>Новые теги<br> Тег задает «шапку» сайта или раздела, в которой</h2> <div class="text"> обычно располагается заголовок.<br><br><footer> Тег <footer> задаёт «подвал» сайта или раздела, в нём может располагаться имя автора, дата документа, контактная и правовая информация.<br><br><main> Элемент <main> предназначен для основного содержимого документа. Содержимое должно быть уникальным и не включать типовые блоки вроде шапки сайта, подвала, навигации, боковой панели, формы поиска и т. п.<br><br><section> Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. Раздел обычно содержит заголовок.<br><br><nav> Тег <nav> задает навигацию по сайту. Если на странице несколько блоков ссылок, то в <nav> обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов <nav> в документе. <br><br><ul>, <ol>, <li> Тег <ul> устанавливает маркированный список, а тег <ol> устанавливает нумерованный список. Тег <li> определяет отдельный элемент списка.<br><br><br><p><ol> <li>элемент нумерованного списка</li> </ol><br><p><ul> <li>элемент маркированного списка</li> </ul> <br> </div> <div class="image"> <a href="/img/tmb/5/421948/e07415eaed12f3d91711a5c49952d7b2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Новые теги Тег задает «шапку» сайта или раздела, в которой обычно располагается заголовок. Тег задаёт «подвал» сайта или раздела, в нём может располагаться имя автора, дата документа, контактная и правовая информация. Элемент предназначен для основного содержимого документа. Содержимое должно быть уникальным и не включать типовые блоки вроде шапки сайта, подвала, навигации, боковой панели, формы поиска и т. п. Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. Раздел обычно содержит заголовок. Тег задает навигацию по сайту. Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов в документе. , , Тег устанавливает маркированный список, а тег устанавливает нумерованный список. Тег определяет отдельный элемент списка. элемент нумерованного списка элемент маркированного списка "><img src="/img/tmb/5/421948/e07415eaed12f3d91711a5c49952d7b2-800x.jpg" title="Новые теги Тег задает «шапку» сайта или раздела, в которой обычно располагается заголовок. Тег задаёт" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide7"> <h2><a href="/img/tmb/5/421948/62190ab1383edc037716dd8320e42946-800x.jpg" target="_blank">Слайд 7</a>Зайнаб Нежведиловна<br>Новые теги<br> Тег предназначен для отображения на веб-странице изображений</h2> <div class="text"> в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. <br><br><mark> Тег <mark> помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей. В браузере Chrome и Firefox фоновый цвет текста внутри <mark> выделяется желтым цветом.<br><br><form> Тег <form> устанавливает форму на веб-странице.<br><br><input> Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.<br><br><button> Тег <button> создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с атрибутом type="button | reset | submit"). В отличие от этого тега, <button> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. <br><br><select>, <option> Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором. Каждый пункт создается с помощью тега <option>, который должен быть вложен в контейнер <select>.<br><br><br> </div> <div class="image"> <a href="/img/tmb/5/421948/62190ab1383edc037716dd8320e42946-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Зайнаб НежведиловнаНовые теги Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Тег помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей. В браузере Chrome и Firefox фоновый цвет текста внутри выделяется желтым цветом. Тег устанавливает форму на веб-странице. Тег является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Тег создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега (с атрибутом type="button | reset | submit"). В отличие от этого тега, предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. , Тег позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором. Каждый пункт создается с помощью тега , который должен быть вложен в контейнер ."><img src="/img/tmb/5/421948/62190ab1383edc037716dd8320e42946-800x.jpg" title="Зайнаб НежведиловнаНовые теги Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide8"> <h2><a href="/img/tmb/5/421948/2d98034996f5569432e9f655b7569caf-800x.jpg" target="_blank">Слайд 8</a>Зайнаб Нежведиловна<br>Новые свойства стилей<br>@font-face {<br>font-family: Bookman; //семейство (название) шрифта<br>src: url(/fonts/Roboto.ttf); //</h2> <div class="text"> путь до шрифта<br>}<br>font Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.<br><br>display Многоцелевое свойство, которое определяет, как элемент должен быть показан в документе.<br>display: block | inline | inline-block | inline-table | list-item | none | table | table-caption | table-cell | table-column-group | table-column | table-footer-group | table-header-group | table-row | table-row-group<br><br>position Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.<br><br>z-index Расположение элемента над/под другими элементами. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.<br><br>top, bottom, right, left Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов.<br><br> </div> <div class="image"> <a href="/img/tmb/5/421948/2d98034996f5569432e9f655b7569caf-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Зайнаб НежведиловнаНовые свойства стилей@font-face {font-family: Bookman; //семейство (название) шрифтаsrc: url(/fonts/Roboto.ttf); // путь до шрифта}font Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.display Многоцелевое свойство, которое определяет, как элемент должен быть показан в документе.display: block | inline | inline-block | inline-table | list-item | none | table | table-caption | table-cell | table-column-group | table-column | table-footer-group | table-header-group | table-row | table-row-groupposition Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.z-index Расположение элемента над/под другими элементами. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.top, bottom, right, left Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов."><img src="/img/tmb/5/421948/2d98034996f5569432e9f655b7569caf-800x.jpg" title="Зайнаб НежведиловнаНовые свойства стилей@font-face {font-family: Bookman; //семейство (название) шрифтаsrc: url(/fonts/Roboto.ttf); // путь до шрифта}font Универсальное" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide9"> <h2><a href="/img/tmb/5/421948/6220d0bdc802c3558e79d3261cf04508-800x.jpg" target="_blank">Слайд 9</a>Основы разработки сайтов на системе управления 1С Битрикс<br>Урок 2. Основные HTML</h2> <div class="text"> теги и CSS свойства<br><p>Зайнаб Нежведиловна<br><p>text-align Определяет горизонтальное выравнивание текста в пределах элемента.<br><br>text-transform Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен. (Пример, text-transform: uppercase; )<br><br>text-shadow Добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. <br><br>text-decoration Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.<br><br>list-style Универсальное свойство, позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.<br><br>list-style: list-style-type || list-style-position || list-style-image <br><br> </div> <div class="image"> <a href="/img/tmb/5/421948/6220d0bdc802c3558e79d3261cf04508-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основы разработки сайтов на системе управления 1С БитриксУрок 2. Основные HTML теги и CSS свойстваЗайнаб Нежведиловнаtext-align Определяет горизонтальное выравнивание текста в пределах элемента.text-transform Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен. (Пример, text-transform: uppercase; )text-shadow Добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. text-decoration Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.list-style Универсальное свойство, позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.list-style: list-style-type || list-style-position || list-style-image "><img src="/img/tmb/5/421948/6220d0bdc802c3558e79d3261cf04508-800x.jpg" title="Основы разработки сайтов на системе управления 1С БитриксУрок 2. Основные HTML теги и CSS свойстваЗайнаб" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide10"> <h2><a href="/img/tmb/5/421948/ef8a83d6003631f1047232d3dd93188d-800x.jpg" target="_blank">Слайд 10</a>Основы разработки сайтов на системе управления 1С Битрикс<br>Урок 2. Основные HTML</h2> <div class="text"> теги и CSS свойства<br><p>Зайнаб Нежведиловна<br><p>!important позволяет повысить приоритет стиля.<br><br>:active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.<br><br>:focus определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.<br><br>:hover Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.<br><br>:last-child задает стилевое оформление последнего элемента своего родителя.<br><br>:first-child применяет стилевое оформление к первому дочернему элементу своего родителя.<br><br> </div> <div class="image"> <a href="/img/tmb/5/421948/ef8a83d6003631f1047232d3dd93188d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Основы разработки сайтов на системе управления 1С БитриксУрок 2. Основные HTML теги и CSS свойстваЗайнаб Нежведиловна!important позволяет повысить приоритет стиля.:active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.:focus определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.:hover Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.:last-child задает стилевое оформление последнего элемента своего родителя.:first-child применяет стилевое оформление к первому дочернему элементу своего родителя."><img src="/img/tmb/5/421948/ef8a83d6003631f1047232d3dd93188d-800x.jpg" title="Основы разработки сайтов на системе управления 1С БитриксУрок 2. Основные HTML теги и CSS свойстваЗайнаб" alt=""></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-8 --> <div id="yandex_rtb_R-A-468740-8"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-468740-8", renderTo: "yandex_rtb_R-A-468740-8", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/uncategorized/osnovnye-html-tegi-i-css-svoystva/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-468740-2 --> <div id="yandex_rtb_R-A-468740-2"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-468740-2', blockId: 'R-A-468740-2' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/uncategorized/morfologicheskaya-i-sintaksicheskaya-razmetka"> <img src="/img/tmb/3/231574/a0b276a454294b87bc4e5eaaafda916e-800x.jpg" alt=""> <span class="desc"> <span>Морфологическая и синтаксическая разметка</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 471</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/struktura-i-funktsionalnyy-sostav-reguliruyushchego-kontrollera-remikont"> <img src="/img/tmb/1/56336/7abfa7a06e752f3bdf80a47af203ac68-800x.jpg" alt=""> <span class="desc"> <span>Структура и функциональный состав регулирующего контроллера Ремиконт</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 282</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-13 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-468740-13' }) })</script></div> <div class="wrapper"> <a href="/uncategorized/vidy-parusnogo-vooruzheniya"> <img src="/img/tmb/5/440052/5d6ff5fb0db6f079b289b70393c99684-800x.jpg" alt=""> <span class="desc"> <span>Виды парусного вооружения</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 376</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/129609-otkrytkadlyamamy"> <img src="/img/tmb/2/129609/02fac946bf01c5c71f92b81df0c693bd-800x.jpg" alt=""> <span class="desc"> <span>ОТКРЫТКА ДЛЯ МАМЫ…</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 584</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/polyarnyygorod-s-unikalnoy-istoriey-gorod-voinskoy-slavy-gorod-legenda"> <img src="/img/tmb/1/16108/10d783b648f74223ab64a230b13183d4-800x.jpg" alt=""> <span class="desc"> <span>Полярный – город с уникальной историей, город воинской славы, город-легенда.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 427</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/biblioteka-i-bibliotekari-istoriya-i-sovremennost"> <img src="/img/tmb/1/52590/78d6ba87cbf83229b0dda008316fe8e8-800x.jpg" alt=""> <span class="desc"> <span>Библиотека и библиотекари: история и современность</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 459</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="thepresentation" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое ThePresentation.ru?</h4> <p>Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=54509641&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/54509641/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="54509641" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t16.2;r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';h'+escape(document.title.substring(0,150))+';'+Math.random()+ '" alt="" title="LiveInternet: показано число просмотров за 24'+ ' часа, посетителей за 24 часа и за сегодня" '+ 'border="0" width="88" height="31"><\/a>') </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?0ed36ea232886ff4063bbdd9e2c5b9c0"></script> </body> </html>