Количество ячеек в строке для объединения по горизонтали.
. Возможные значения: число от 1 до 999.
rowspan - Количество ячеек в столбце для объединения по вертикали.
| . Возможные значения: число от 1 до 999.
span - Количество колонок, объединяемых для задания единого стиля, по умолчанию равно 1. . Принимаемые значения: любое целое положительное число.
Слайд 20 
ФОРМЫ
HTML формы являются элементами управления, которые применяются для сбора информации от посетителей
веб-сайта. Веб-формы состоят из набора текстовых полей, кнопок, списков и других элементов управления, которые активизируются щелчком мыши. Технически формы передают данные от пользователя удаленному серверу. Для получения и обработки данных форм используются языки веб-программирования, такие как PHP, Perl. Элементы формы: text
textarea
radio
checkbox
submit
select
hidden
file
Слайд 21 
HTML теги для разметки страницы
<br><p><link><br><p><script><br><p><style><br><p><body><br><p>Указывает программам просмотра html страниц начало и</div></h2><div class="slides-content">конец документа.<br><p>Техническая информация о документе<br><p>Подключение файлов стилей<br><p>Название страницы<br><p>Подключение стилей<br><p>Подключение javascript<br><p>Информация отображаемая на странице сайта<br><p>Подключение мата тегов<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 22</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-21.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Структура страницы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-21.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-21.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-21.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-21.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Структура страницы<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 23</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-22.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="DOM (document object model). Элементы, находящиеся внутри тега , образуют" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-22.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>DOM
(document object model).<br><p>Элементы, находящиеся внутри тега<html>, образуют дерево документа, <br>так</div></h2><div class="slides-content">называемую объектную модель документа.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 24</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-23.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Мета теги" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-23.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Мета теги<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 25</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-24.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Мета теги" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-24.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Мета теги<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide26" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 26</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-25.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Мета теги" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-25.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Мета теги<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide27" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 27</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-26.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt=".box{ width:200px; } Информация Способы добавления стилей Внутритекстовые стили Встраиваемые стили Внешняя таблица стилей Информация" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-26.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p> <br><head><br> <link rel="stylesheet" type="text/css" href="style/style.css"><br></head><br><p><head>
<style>
.box{
width:200px;
}
</style>
</head>
<body>
</div></h2><div class="slides-content"><div class=”box”> Информация </div>
</body><br><p>Способы добавления стилей<br><p>Внутритекстовые стили <br><p>Встраиваемые стили<br><p>Внешняя таблица стилей<br><p><div style=“width:200px; color: red; ”> <br> Информация <br></div><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 28</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-27.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS CSS (Cascading Style Sheets), или каскадные таблицы стилей, описывают" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-27.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS<br><p>CSS (Cascading Style Sheets), или каскадные таблицы стилей, описывают правила форматирования</div></h2><div class="slides-content">отдельного элемента веб-страницы.<br>Создав стиль один раз, его можно применять к любым элементам страницы сколько угодно раз.<br>Определение стиля состоит из двух основных частей: самого элемент веб-страницы –селектора, и команды форматирования – блока объявления.<br>Селектор сообщает браузеру, какой именно элемент форматировать, в блоке объявления перечисляются форматирующие команды.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 29</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-28.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS Принцип наследования заключается в том, что свойства CSS, объявленные" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-28.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS<br><p>Принцип наследования заключается в том, что свойства CSS, объявленные для элементов-предков, наследуются</div></h2><div class="slides-content">элементами потомками.<br>Принцип каскадирования представляет собой процесс применения различных правил к одному и тому же элементу. Более конкретные правила имеют приоритет над более общими. Если в отношение одного и того же элемента определено несколько стилей, то в результате к нему будет применен последний из них.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 30</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-29.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="ПРИОРИТЕТЫ Наиболее низким приоритетом обладает стиль браузера. Следующим по значимости" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-29.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>ПРИОРИТЕТЫ<br><p>Наиболее низким приоритетом обладает стиль браузера.<br>Следующим по значимости является стиль, заданный</div></h2><div class="slides-content">пользователем браузера в его настройках.<br>И наиболее высоким приоритетом обладает стиль, заданный непосредственно автором страницы.
<br>Самым низким приоритетом обладают стили, наследуемые в документе элементом от своих предков.<br>Более высоким приоритетом обладают стили, заданные во внешних таблицах стилей, подключённых к документу.<br>Ещё более высоким приоритетом обладают стили, заданные непосредственно селекторами, содержащимися в контейнерах style данного документа.<br>Затем приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега.<br>И наконец самым высоким приоритетом обладают стили, объявленные автором страницы или пользователем, с помощью сопроводительного слова!important.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 31</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-30.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Псевдоэлементы и псевдоклассы Псевдоклассы – это селекторы, которые определяют состояние" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-30.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Псевдоэлементы и псевдоклассы<br><p>Псевдоклассы – это селекторы, которые определяют состояние уже существующих элементов, которое может</div></h2><div class="slides-content">меняться при определенных условиях (например, E:hover).<br>Псевдоэлементы – это селекторы, которые определяют область элементов, которая изначально отсутствует в дереве документа. Эта область создается искусственно с помощью CSS (например, E::first-letter).<br>Ключевое отличие между ними в том, что псевдоклассы определяют именно состояние элементов, которые уже существуют на странице, а псевдоэлементы создают области (искусственные элементы), которых изначально на веб-странице не было. Но и те и другие отсутствуют в исходном коде документа.
<br>Разница : псевдокласс задает стиль для элемента страницы, а псевдоэлемент задаёт стиль для части элемента страницы и даже может создавать дополнительную часть.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 32</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-31.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Список псевдоэлементов Одной из самых распространённых задач является добавление фразы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-31.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Список псевдоэлементов<br><p>Одной из самых распространённых задач является добавление фразы до или</div></h2><div class="slides-content">после элемента. <br>Псевдоэлементы after и before предназначены для "врезки" в страницу сайта контента который изначально неуказан в HTML документе. Вставляется содержание перед (:before) или после (:after) какого либо элемента с помощью свойства content, которое собственно и определяет содержимое для вставки.<br>p:after {content: “Text!"; }<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide33" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 33</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS Курсор Отступы Фон Шрифт Цвет text-align, vertical-align, text-indent, line-height" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-32.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS<br><p>Курсор<br><p>Отступы<br><p>Фон<br><p>Шрифт<br><p>Цвет<br><p>text-align, vertical-align, text-indent, line-height<br><p>Границы<br><p>Текст<br><p>font-famile, font-weight,font-size<br><p>color<br><p>background<br><p>border<br><p>overflow, cursor<br><p>padding, margin<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide34" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 34</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-33.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS текст CSS текст представляет набор css-стилей для форматирования текстового содержимого веб-страниц." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-33.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-33.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-33.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-33.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS текст<br><p>CSS текст представляет набор css-стилей для форматирования текстового содержимого веб-страниц.<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide35" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 35</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-34.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS шрифты Текст основного содержимого веб-страницы должен быть в первую" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-34.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-34.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-34.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-34.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS шрифты<br><p>Текст основного содержимого веб-страницы должен быть в первую очередь читабельным.</div></h2><div class="slides-content"><br>Не рекомендуется использовать более двух шрифтов на странице.<br><p>CSS шрифты управляют внешним видом шрифта текста веб-страниц. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide36" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 36</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-35.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Фон и фоновые изображения на веб-странице" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-35.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-35.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-35.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-35.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Фон и фоновые изображения на веб-странице
<br></div></h2><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide37" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 37</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-36.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS границы (рамка) CSS рамка задается с помощью краткого свойства" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-36.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-36.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-36.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-36.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS границы (рамка)<br><p>CSS рамка задается с помощью краткого свойства border<br>Стиль рамки задается с</div></h2><div class="slides-content">помощью трех свойств: стиль, цвет и ширина.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide38" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 38</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-37.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="CSS отступы Область содержимого – это содержимое элемента. Внешний отступ" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13636/slide-37.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13636/slide-37.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13636/slide-37.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13636/slide-37.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>CSS отступы<br><p>Область содержимого – это содержимое элемента.<br>Внешний отступ (margin) добавляет отступы за границами</div></h2><div class="slides-content">элемента, создавая тем самым промежутки между элементами.<br>Они всегда остаются прозрачными и через них виден фон родительского элемента.<br>Значения padding и margin задаются в следующем порядке: верхнее, правое, нижнее и левое.<br><p>Внутренний отступ, или поле элемента, (padding) добавляет отступы внутри элемента, между его основным содержимым и его границей. Если для элемента задать фон, то он распространится также и на поля элемента. Внутренний отступ не может принимать отрицательных значений, в отличие от внешнего отступа.<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"> Имя файла: Верстка-сайтов-HTML5+CSS3.pptx <br> Количество просмотров: 122 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/yurisprudentsiya/sluzhebnaya-dokumentatsiya-dlya-vnutrennego-polzovaniya" class="navigation-link">Служебная документация для внутреннего пользования</a></div><div class="navigation-item"><div>Следующая -</div><a href="/informatika/badarlamalau-tldermen-tanysu" class="navigation-link">Бағдарламалау тілдерімен танысу</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/multiple-intelligences" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111353/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/111353/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/111353/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/111353/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111353/slide-0.jpg 1440w" class="slides-image related-itemImage"> Multiple Intelligences</a></div><div class="related-item"><a href="/informatika/ponyatie-o-fotogrammetricheskoy-obrabotke-tsifrovyh-snimkov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/135666/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/135666/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/135666/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/135666/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/135666/slide-0.jpg 1440w" class="slides-image related-itemImage"> Понятие о фотограмметрической обработке цифровых снимков</a></div><div class="related-item"><a href="/informatika/edinitsy-izmereniya-informatsii-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/329689/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/329689/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/329689/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/329689/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/329689/slide-0.jpg 1440w" class="slides-image related-itemImage"> Единицы измерения информации</a></div><div class="related-item"><a href="/informatika/struktura-knigi-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/168615/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/168615/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/168615/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/168615/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/168615/slide-0.jpg 1440w" class="slides-image related-itemImage"> Структура книги</a></div><div class="related-item"><a href="/informatika/obuchayushchaya-prezentatsiyazvezdnoe-nebo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/499276/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/499276/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/499276/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/499276/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/499276/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обучающая презентацияЗвездное небо</a></div><div class="related-item"><a href="/informatika/kak-delat-prezentatsii-rukovodstvo-dizaynera" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373641/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/373641/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373641/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373641/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373641/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как делать презентации? Руководство дизайнера</a></div><div class="related-item"><a href="/informatika/mobln-operatsyn-sistemi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200354/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/200354/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/200354/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/200354/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200354/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мобільні операційні системи</a></div><div class="related-item"><a href="/informatika/tehnicheskie-i-programmnye-sredstva-telekommunikatsionnyh-tehnologiy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/141786/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/141786/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/141786/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/141786/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/141786/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технические и программные средства телекоммуникационных технологий</a></div><div class="related-item"><a href="/informatika/etapy-razvitiya-lyubogo-proekta" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/194961/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/194961/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/194961/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/194961/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/194961/slide-0.jpg 1440w" class="slides-image related-itemImage"> Этапы развития любого проекта</a></div><div class="related-item"><a href="/informatika/formuly-i-metody-planirovaniya-v-excel" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/203113/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/203113/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/203113/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/203113/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/203113/slide-0.jpg 1440w" class="slides-image related-itemImage"> Формулы и методы планирования в Excel</a></div><div class="related-item"><a href="/informatika/sistemy-avtomatizirovannogo-proektirovaniya-autocad" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100050/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/100050/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/100050/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/100050/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/100050/slide-0.jpg 1440w" class="slides-image related-itemImage"> Системы автоматизированного проектирования Autocad</a></div><div class="related-item"><a href="/informatika/uslovnyy-operator-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105825/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/105825/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/105825/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/105825/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105825/slide-0.jpg 1440w" class="slides-image related-itemImage"> Условный оператор</a></div><div class="related-item"><a href="/informatika/sistemnoe-programmirovanie-linq-zaprosy-sql-zaprosy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/22312/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/22312/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/22312/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/22312/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/22312/slide-0.jpg 1440w" class="slides-image related-itemImage"> Системное программирование. LINQ запросы, SQL запросы (Лекция 8)</a></div><div class="related-item"><a href="/informatika/sozdanie-testa-v-programme-my-test" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/507149/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/507149/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/507149/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/507149/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/507149/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание теста в программе MY TEST</a></div><div class="related-item"><a href="/informatika/sozdanie-infografiki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/228823/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/228823/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/228823/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/228823/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/228823/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание инфографики</a></div><div class="related-item"><a href="/informatika/rabota-s-defektami-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/102791/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/102791/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/102791/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/102791/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/102791/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с дефектами</a></div><div class="related-item"><a href="/informatika/imitatsionnoe-modelirovanie-naznachenie-i-sfera-primeneniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/242545/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/242545/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/242545/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/242545/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/242545/slide-0.jpg 1440w" class="slides-image related-itemImage"> Имитационное моделирование. Назначение и сфера применения гравитационных моделей</a></div><div class="related-item"><a href="/informatika/vvedenie-v-it-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/589839/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/589839/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/589839/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/589839/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/589839/slide-0.jpg 1440w" class="slides-image related-itemImage"> Введение в IT</a></div><div class="related-item"><a href="/informatika/matlab-ortasynda-matritsalarmen-zhmys" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214991/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/214991/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214991/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214991/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214991/slide-0.jpg 1440w" class="slides-image related-itemImage"> MATLAB ортасында матрицалармен жұмыс</a></div><div class="related-item"><a href="/informatika/tehnologiya-nat-network-address-translation" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/438916/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/438916/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/438916/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/438916/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/438916/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технология NAT-Network Address Translation</a></div><div class="related-item"><a href="/informatika/gotovimsya-k-ege-zadanie-n12-ip" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/280005/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/280005/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/280005/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/280005/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/280005/slide-0.jpg 1440w" class="slides-image related-itemImage"> Готовимся к ЕГЭ. Задание №12. IP-адрес</a></div><div class="related-item"><a href="/informatika/trebovaniya-k-strukture-i-formatu-prezentatsii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/188451/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/188451/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/188451/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/188451/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/188451/slide-0.jpg 1440w" class="slides-image related-itemImage"> Требования к структуре и формату презентации инженерного кейса. Международный инженерный чемпионат CASE-IN (ЛС)</a></div><div class="related-item"><a href="/informatika/knigi-sushchnost-ekonomicheskoy-bezopasnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/244438/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/244438/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/244438/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/244438/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/244438/slide-0.jpg 1440w" class="slides-image related-itemImage"> Книги: сущность экономической безопасности</a></div><div class="related-item"><a href="/informatika/setevoy-biznes" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/197013/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/197013/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/197013/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/197013/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/197013/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сетевой бизнес</a></div><div class="related-item"><a href="/informatika/web-stranitsy-yazyk-html-i-dr-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207475/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/207475/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/207475/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/207475/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/207475/slide-0.jpg 1440w" class="slides-image related-itemImage"> Web-страницы. Язык HTML и др</a></div><div class="related-item"><a href="/informatika/elektronnyy-zhurnal-dnevnik" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/268673/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/268673/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/268673/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/268673/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/268673/slide-0.jpg 1440w" class="slides-image related-itemImage"> Электронный журнал-дневник</a></div><div class="related-item"><a href="/informatika/lineynye-algoritmy-v-paskale" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/520707/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/520707/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/520707/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/520707/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/520707/slide-0.jpg 1440w" class="slides-image related-itemImage"> Линейные алгоритмы в паскале</a></div><div class="related-item"><a href="/informatika/algoritmy-standartnyy-nabor-algoritmov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/357331/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/357331/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/357331/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/357331/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/357331/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритмы. Стандартный набор алгоритмов</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:o,main_text:a,main_title:p,main_description:q,main_keywords:r,main_image:a},app:{logo_image:s,logo_image_width:t,logo_image_height:u,logo_text:a,image_width_full:v,image_width_min:w,recaptcha_key:x,yandex_search:y,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:z,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:A,item_images:B,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:C,item_slide_skipping:D,item_download_timeout:E,item_slider_width:F,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:G}},item:{result:{id:13636,name:m,category:H,count:39,jpg:"jpg\u002F13636",hits:122,download:b,h1:"Верстка сайтов HTML5+CSS3 презентация",meta:{h1:m,title:m,description:"Верстка сайтов HTML5+CSS3 презентация на тему, доклад, Информатика",keywords:"Верстка сайтов HTML5+CSS3, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Верстка сайтов HTML5+CSS3 из раздела Информатика. Презентация на заданную тему содержит 39 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EЦель курса\u003Cbr\u003E\u003Cp\u003EТеоретические знания:\u003Cbr\u003Eосновы языка разметки гипертекста HTML\u002FHTML5;\u003Cbr\u003Eкаскадные таблицы стилей CSS\u002FCSS3;\u003Cbr\u003Eотзывчивый и интуитивно понятный веб-дизайн.\r\n\u003Cbr\u003EПрактические навыки:\u003Cbr\u003Eсоздание web-страниц;\u003Cbr\u003Eнаписание правильного ко",file:"Верстка-сайтов-HTML5+CSS3.pptx",texts:["\u003Cp\u003EВЕРСТКА САЙТОВ \r\n(HTML5+ CSS3)\u003Cbr\u003E\u003Cp\u003EТелицына Елена\r\n(лекция №1)\u003Cbr\u003E\u003Cp\u003EСанкт-Петербург, 2015 год\u003Cbr\u003E","\u003Cp\u003EЦель курса\u003Cbr\u003E\u003Cp\u003EТеоретические знания:\u003Cbr\u003Eосновы языка разметки гипертекста HTML\u002FHTML5;\u003Cbr\u003Eкаскадные таблицы стилей CSS\u002FCSS3;\u003Cbr\u003Eотзывчивый и интуитивно понятный веб-дизайн.\r\n\u003Cbr\u003EПрактические навыки:\u003Cbr\u003Eсоздание web-страниц;\u003Cbr\u003Eнаписание правильного кода;\u003Cbr\u003Eиспользовании популярного редактора Adobe Dreamweaver.\u003Cbr\u003E","\u003Cp\u003EWEB-ТЕХНОЛОГИИ\u003Cbr\u003E\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EMySQL\u003Cbr\u003E\u003Cp\u003ELESS\u003Cbr\u003E\u003Cp\u003ESASS\u003Cbr\u003E\u003Cp\u003EjQuery\u003Cbr\u003E\u003Cp\u003EFlash\u003Cbr\u003E\u003Cp\u003ECMS\u003Cbr\u003E\u003Cp\u003EFraimwork 7 \u003Cbr\u003E\u003Cp\u003EMVC\u003Cbr\u003E\u003Cp\u003EYii\u003Cbr\u003E\u003Cp\u003EXML\u003Cbr\u003E\u003Cp\u003EDHTML\u003Cbr\u003E\u003Cp\u003EAJAX\u003Cbr\u003E\u003Cp\u003E…\u003Cbr\u003E\u003Cp\u003EDW\u003Cbr\u003E\u003Cp\u003ESEO\u003Cbr\u003E\u003Cp\u003EBOOTSTRAP\u003Cbr\u003E\u003Cp\u003EJoomla\u003Cbr\u003E\u003Cp\u003EWP\u003Cbr\u003E\u003Cp\u003EОСНОВЫ\u003Cbr\u003E\u003Cp\u003EДОПОЛНЕНИЯ\u003Cbr\u003E","\u003Cp\u003EWEB - ТЕХНОЛОГИИ\u003Cbr\u003E\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EMySQL\u003Cbr\u003E\u003Cp\u003EБАЗЫ\u003Cbr\u003EДАННЫХ\u003Cbr\u003E\u003Cp\u003EКОД\u003Cbr\u003E\u003Cp\u003EОФОРМЛЕНИЕ\u003Cbr\u003E","\u003Cp\u003EWEB – ТЕХНОЛОГИИ\r\n(два основных класса)\u003Cbr\u003E\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EMySQL\u003Cbr\u003E\u003Cp\u003Eисполняемые \u003Cbr\u003Eна СЕРВЕРЕ\u003Cbr\u003E\u003Cp\u003Eисполняемые \u003Cbr\u003Eна КЛИЕНТЕ\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E","\u003Cp\u003EHTML\u002FHTML5\u003Cbr\u003E\u003Cp\u003EЯзык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. \u003Cbr\u003EHTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине.\r\n\u003Cbr\u003EHTML5 (version 5) — язык для структурирования и представления содержимого всемирной паутины. \u003Cbr\u003EHTML5 — 28 октября 2014 года.\u003Cbr\u003E Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единый API для сложных веб-приложений.\u003Cbr\u003E","\u003Cp\u003ECSS\u002FCSS3\u003Cbr\u003E\u003Cp\u003ECSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного \u003Cbr\u003E\tс использованием языка разметки.\u003Cbr\u003EТермин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с он стал развивать CSS.\u003Cbr\u003EБертом Босом\u003Cbr\u003ECSS3 (каскадные таблицы стилей третьего поколения) — активно разрабатываемая спецификация CSS. Представляет собой формальный язык, реализованный с помощью языка разметки. Самая масштабная редакция по сравнению с CSS1, CSS2 и CSS2.1. Главной особенностью CSS3 является возможность создавать анимированные элементы без использования JS, поддержка линейных и радиальных градиентов, теней, сглаживания и многое другое.\u003Cbr\u003E","\u003Cp\u003EКонсорциум Всемирной паутины\r\nW3C\u003Cbr\u003E\u003Cp\u003EКонсорциум Всемирной паутины (англ. World Wide Web Consortium, W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий.\u003Cbr\u003E","\u003Cp\u003EПроверка кода\u003Cbr\u003E","\u003Cp\u003EЧТО ТАКОЕ ТЕГ?\u003Cbr\u003E\u003Cp\u003EHTML теги являются основой языка HTML.\u003Cbr\u003EВсе содержимое web-страницы задается с помощью тегов.\u003Cbr\u003EСтруктура на писания:\u003Cbr\u003E\u003Cp\u003EМогут быть не парные теги, например, \u003Cimg\u003E\u003Cbr\u003EТеги могут вкладываться друг в друга \u003Cbr\u003E\u003Cp\u003E\u003Ci\u003EТекст\u003C\u002Fi\u003E\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp\u003EОткрывающийся тег\u003Cbr\u003E\u003Cp\u003EЗакрывающийся тег\u003Cbr\u003E","\u003Cp\u003EКлассификация HTML ТЕГОВ\u003Cbr\u003E\u003Cp\u003EФормы\u003Cbr\u003E\u003Cp\u003EТаблицы\u003Cbr\u003E\u003Cp\u003EСписки\u003Cbr\u003E\u003Cp\u003EСсылки\u003Cbr\u003E\u003Cp\u003E\u003Ch1\u003E \u003Cp\u003E \u003Cdiv\u003E \u003Cspan\u003E…\u003Cbr\u003E\u003Cp\u003EИзображение\u003Cbr\u003E\u003Cp\u003EТекст\u003Cbr\u003E\u003Cp\u003E\u003Ca\u003E \u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E \u003Cli\u003E…\u003Cbr\u003E\u003Cp\u003E\u003Cimg\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cform\u003E…\u003Cbr\u003E\u003Cp\u003E\u003Ctable\u003E…\u003Cbr\u003E","\u003Cp\u003EЧТО ТАКОЕ АТРИБУТ?\u003Cbr\u003E\u003Cp\u003EУ HTML тегов могут быть определены HTML атрибуты.\u003Cbr\u003EHTML атрибуты сообщают браузеру, каким образом должен отображаться тот или иной элемент страницы.\u003Cbr\u003EНазвания и значения атрибутов не чувствительны к регистру, но, тем не менее, рекомендуется набирать их в нижнем регистре.\u003Cbr\u003E\u003Cp\u003EАтрибуты позволяют изменять свойства элемента - параметр=\"значение\". \u003Cbr\u003EМножественные значения атрибутов записываются через пробел, например - class=\"nav top\"\u003Cbr\u003E","\u003Cp\u003EСписок атрибутов\u003Cbr\u003E\u003Cp\u003Eclass - Определяет имя класса для элемента (используется для определения класса в таблице стилей). Принимаемые значения: имя класса.\u003Cbr\u003Eid - Определяет уникальный идентификатор элемента.\r\nПринимаемые значения: id – идентификатор элемента.\u003Cbr\u003Elang - Определяет код языка содержимого (контента) в элементе.\r\nПринимаемые значения: код языка.\u003Cbr\u003Estyle - Указывает на код CSS, применяемую для оформления элемента.\r\nПринимаемые значения: код CSS.\u003Cbr\u003Etabindex - Определяет порядок перехода к элементу при помощи клавиши TAB. Принимаемые значения: порядковый номер.\u003Cbr\u003Etitle - Определяет дополнительную информацию об элементе, задавая всплывающую подсказку для страницы.\r\nПринимаемые значения: текст.\u003Cbr\u003E","\u003Cp\u003EТеги для HTML текста\u003Cbr\u003E\u003Cp\u003EТеги заголовков: \u003Ch1\u003E…\u003Ch6\u003E\u003Cbr\u003E2. Абзацы, средства переноса текста\u003Cbr\u003E\u003Cp\u003E разбивает текст на отдельные абзацы\u003Cbr\u003E переносит текст на следующую строку\u003Cbr\u003E\u003Chr\u003E используется для разделения контента на веб-странице. Отображается в виде горизонтальной линии.\u003Cbr\u003E3. Теги для форматирования текста: \u003Cbr\u003E\u003Cb\u003E и \u003Cstrong\u003E для задания жирного начертания шрифта;\u003Cbr\u003E\u003Ci\u003E и \u003Cem\u003E отображает шрифт курсивом;\u003Cbr\u003E\u003Csub\u003E используется для создания нижних индексов.\u003Cbr\u003E\u003Csup\u003E используется для создания степеней.\u003Cbr\u003E\u003Cpre\u003E позволяет вывести текст на экран, сохраняя форматирование.\u003Cbr\u003E\u003Cblockquote\u003E выделяет цитаты внутри документа.\u003Cbr\u003E","\u003Cp\u003EHTML ссылки\u003Cbr\u003E\u003Cp\u003EСтруктура написания:\u003Cbr\u003E \u003Ca href=“путь ссылки (адрес)”\u003EНазвание ссылки\u003C\u002Fa\u003E\u003Cbr\u003EАбсолютный адрес: http:\u002F\u002Fmysait.ru\u002Ffiles\u002Ftext.html\u003Cbr\u003E\tОтносительный адрес: files\u002Ftext.html\u003Cbr\u003E3. Оформление ссылки: Текст ссылки отображается подчеркнутым, цвет шрифта – синий, при наведении на ссылку курсор меняет вид.\u003Cbr\u003E4. Ссылки на разделы текущей страницы: Атрибут href содержит имя указателя (якорь), а не URL-адрес. Перед именем указателя ставится знак #.\u003Cbr\u003E5. Атрибуты:\r\n href - URL-адрес документа.\r\n target – место открытия документа:\r\n_self – страница загружается в текущее окно;\r\n_blank – страница открывается в новом окне браузера;\r\n_parent – страница загружается во фрейм-родитель;\r\n_top – страница загружается в полное окно браузера. \u003Cbr\u003E","\u003Cp\u003EБлочный и встроенный элемент\u003Cbr\u003EТег \u003Cdiv\u003E - блочный элемент, для размещения текста в блоке, отделяется абзацем от остального текста.\u003Cbr\u003EТег \u003Cspan\u003E - является встроенным элементом, не отделяется абзацем от остального текста.\u003Cbr\u003E\u003Cp\u003E\u003Cdiv\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cspan\u003E\u003Cbr\u003E","\u003Cp\u003EСПИСКИ\u003Cbr\u003E\u003Cp\u003EСписок \u003Cbr\u003Eопределений\u003Cbr\u003E\u003Cp\u003EМаркированный\u003Cbr\u003Eсписок\u003Cbr\u003E\u003Cp\u003E\u003Cli\u003E \u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cli\u003E\u003Cbr\u003E\u003Cp\u003E\u003Col\u003E\u003Cbr\u003E\u003Cp\u003EНумерованный\u003Cbr\u003Eсписок\u003Cbr\u003E\u003Cp\u003E\u003Cdd\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cdt\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cdl\u003E\u003Cbr\u003E","\u003Cp\u003EИЗОБРАЖЕНИЯ\u003Cbr\u003E\u003Cp\u003EСтруктура написания:\u003Cbr\u003E\u003Cimg src=\"image.png\" alt=\"Пример кода\"\u003E\u003Cbr\u003E2. Атрибуты:\u003Cbr\u003EAlt - Атрибут alt обозначает альтернативный текст для изображения. Выводится на месте появления изображения до его загрузки или при отключенной графике, а также выводится всплывающей подсказкой при наведении курсора мыши на изображение. Принимаемые значения: текст.\u003Cbr\u003EHeight - Атрибут height задает высоту изображения.\r\nПринимаемые значения: px\u002F%.\u003Cbr\u003ESrc - Атрибут src задает URL-адрес изображения.\r\nПринимаемые значения: url-адрес.\u003Cbr\u003EWidth - Атрибут width задает ширину изображения.\r\nПринимаемые значения: px\u002F%.\u003Cbr\u003E","\u003Cp\u003EТАБЛИЦЫ\u003Cbr\u003E\u003Cp\u003EHTML таблицы состоят из ячеек, образующихся при пересечении строк и столбцов.\u003Cbr\u003E\u003Cp\u003Eсolspan - Количество ячеек в строке для объединения по горизонтали.\r\n\u003Ctd colspan=\"3\"\u003E. Возможные значения: число от 1 до 999.\u003Cbr\u003Erowspan - Количество ячеек в столбце для объединения по вертикали.\r\n\u003Ctd rowspan=\"2\"\u003E. Возможные значения: число от 1 до 999.\u003Cbr\u003Espan - Количество колонок, объединяемых для задания единого стиля, по умолчанию равно 1. \u003Ccol span=\"2\"\u003E. Принимаемые значения: любое целое положительное число.\u003Cbr\u003E","\u003Cp\u003EФОРМЫ\u003Cbr\u003E\u003Cp\u003EHTML формы являются элементами управления, которые применяются для сбора информации от посетителей веб-сайта.\u003Cbr\u003EВеб-формы состоят из набора текстовых полей, кнопок, списков и других элементов управления, которые активизируются щелчком мыши. Технически формы передают данные от пользователя удаленному серверу.\u003Cbr\u003EДля получения и обработки данных форм используются языки веб-программирования, такие как PHP, Perl.\u003Cbr\u003EЭлементы формы:\u003Cbr\u003E\u003Cp\u003Etext\u003Cbr\u003E\u003Cp\u003Etextarea\u003Cbr\u003E\u003Cp\u003Eradio\u003Cbr\u003E\u003Cp\u003Echeckbox\u003Cbr\u003E\u003Cp\u003Esubmit\u003Cbr\u003E\u003Cp\u003Eselect\u003Cbr\u003E\u003Cp\u003Ehidden\u003Cbr\u003E\u003Cp\u003Efile\u003Cbr\u003E","\u003Cp\u003EHTML теги для разметки страницы\u003Cbr\u003E\u003Cp\u003E\u003Chtml\u003E\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cmeta\u003E\u003Cbr\u003E\u003Cp\u003E\u003Ctitle\u003E\u003Cbr\u003E\u003Cp\u003E\u003Clink\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cscript\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cstyle\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbody\u003E\u003Cbr\u003E\u003Cp\u003EУказывает программам просмотра html страниц начало и конец документа.\u003Cbr\u003E\u003Cp\u003EТехническая информация о документе\u003Cbr\u003E\u003Cp\u003EПодключение файлов стилей\u003Cbr\u003E\u003Cp\u003EНазвание страницы\u003Cbr\u003E\u003Cp\u003EПодключение стилей\u003Cbr\u003E\u003Cp\u003EПодключение javascript\u003Cbr\u003E\u003Cp\u003EИнформация отображаемая на странице сайта\u003Cbr\u003E\u003Cp\u003EПодключение мата тегов\u003Cbr\u003E","\u003Cp\u003EСтруктура страницы\u003Cbr\u003E","\u003Cp\u003EDOM \r\n(document object model).\u003Cbr\u003E\u003Cp\u003EЭлементы, находящиеся внутри тега\u003Chtml\u003E, образуют дерево документа, \u003Cbr\u003Eтак называемую объектную модель документа.\u003Cbr\u003E",n,n,n,"\u003Cp\u003E \u003Cbr\u003E\u003Chead\u003E\u003Cbr\u003E \u003Clink rel=\"stylesheet\" type=\"text\u002Fcss\" href=\"style\u002Fstyle.css\"\u003E\u003Cbr\u003E\u003C\u002Fhead\u003E\u003Cbr\u003E\r\n\u003Cbr\u003E\u003Cp\u003E\u003Chead\u003E\r\n \u003Cstyle\u003E\r\n .box{\r\n width:200px;\r\n }\r\n \u003C\u002Fstyle\u003E\r\n\u003C\u002Fhead\u003E\r\n\u003Cbody\u003E\r\n \u003Cdiv class=”box”\u003E Информация \u003C\u002Fdiv\u003E\r\n\u003C\u002Fbody\u003E\u003Cbr\u003E\u003Cp\u003EСпособы добавления стилей\u003Cbr\u003E\u003Cp\u003EВнутритекстовые стили \u003Cbr\u003E\u003Cp\u003EВстраиваемые стили\u003Cbr\u003E\u003Cp\u003EВнешняя таблица стилей\u003Cbr\u003E\u003Cp\u003E\u003Cdiv style=“width:200px; color: red; ”\u003E \u003Cbr\u003E Информация \u003Cbr\u003E\u003C\u002Fdiv\u003E\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003ECSS (Cascading Style Sheets), или каскадные таблицы стилей, описывают правила форматирования отдельного элемента веб-страницы.\u003Cbr\u003EСоздав стиль один раз, его можно применять к любым элементам страницы сколько угодно раз.\u003Cbr\u003EОпределение стиля состоит из двух основных частей: самого элемент веб-страницы –селектора, и команды форматирования – блока объявления.\u003Cbr\u003EСелектор сообщает браузеру, какой именно элемент форматировать, в блоке объявления перечисляются форматирующие команды.\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003EПринцип наследования заключается в том, что свойства CSS, объявленные для элементов-предков, наследуются элементами потомками.\u003Cbr\u003EПринцип каскадирования представляет собой процесс применения различных правил к одному и тому же элементу. Более конкретные правила имеют приоритет над более общими. Если в отношение одного и того же элемента определено несколько стилей, то в результате к нему будет применен последний из них.\u003Cbr\u003E","\u003Cp\u003EПРИОРИТЕТЫ\u003Cbr\u003E\u003Cp\u003EНаиболее низким приоритетом обладает стиль браузера.\u003Cbr\u003EСледующим по значимости является стиль, заданный пользователем браузера в его настройках.\u003Cbr\u003EИ наиболее высоким приоритетом обладает стиль, заданный непосредственно автором страницы.\r\n\u003Cbr\u003EСамым низким приоритетом обладают стили, наследуемые в документе элементом от своих предков.\u003Cbr\u003EБолее высоким приоритетом обладают стили, заданные во внешних таблицах стилей, подключённых к документу.\u003Cbr\u003EЕщё более высоким приоритетом обладают стили, заданные непосредственно селекторами, содержащимися в контейнерах style данного документа.\u003Cbr\u003EЗатем приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега.\u003Cbr\u003EИ наконец самым высоким приоритетом обладают стили, объявленные автором страницы или пользователем, с помощью сопроводительного слова!important.\u003Cbr\u003E","\u003Cp\u003EПсевдоэлементы и псевдоклассы\u003Cbr\u003E\u003Cp\u003EПсевдоклассы – это селекторы, которые определяют состояние уже существующих элементов, которое может меняться при определенных условиях (например, E:hover).\u003Cbr\u003EПсевдоэлементы – это селекторы, которые определяют область элементов, которая изначально отсутствует в дереве документа. Эта область создается искусственно с помощью CSS (например, E::first-letter).\u003Cbr\u003EКлючевое отличие между ними в том, что псевдоклассы определяют именно состояние элементов, которые уже существуют на странице, а псевдоэлементы создают области (искусственные элементы), которых изначально на веб-странице не было. Но и те и другие отсутствуют в исходном коде документа.\r\n\u003Cbr\u003EРазница : псевдокласс задает стиль для элемента страницы, а псевдоэлемент задаёт стиль для части элемента страницы и даже может создавать дополнительную часть.\u003Cbr\u003E","\u003Cp\u003EСписок псевдоэлементов\u003Cbr\u003E\u003Cp\u003EОдной из самых распространённых задач является добавление фразы до или после элемента. \u003Cbr\u003EПсевдоэлементы after и before предназначены для \"врезки\" в страницу сайта контента который изначально неуказан в HTML документе. Вставляется содержание перед (:before) или после (:after) какого либо элемента с помощью свойства content, которое собственно и определяет содержимое для вставки.\u003Cbr\u003Ep:after {content: “Text!\"; }\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003EКурсор\u003Cbr\u003E\u003Cp\u003EОтступы\u003Cbr\u003E\u003Cp\u003EФон\u003Cbr\u003E\u003Cp\u003EШрифт\u003Cbr\u003E\u003Cp\u003EЦвет\u003Cbr\u003E\u003Cp\u003Etext-align, vertical-align, text-indent, line-height\u003Cbr\u003E\u003Cp\u003EГраницы\u003Cbr\u003E\u003Cp\u003EТекст\u003Cbr\u003E\u003Cp\u003Efont-famile, font-weight,font-size\u003Cbr\u003E\u003Cp\u003Ecolor\u003Cbr\u003E\u003Cp\u003Ebackground\u003Cbr\u003E\u003Cp\u003Eborder\u003Cbr\u003E\u003Cp\u003Eoverflow, cursor\u003Cbr\u003E\u003Cp\u003Epadding, margin\u003Cbr\u003E","\u003Cp\u003ECSS текст\u003Cbr\u003E\u003Cp\u003ECSS текст представляет набор css-стилей для форматирования текстового содержимого веб-страниц.\u003Cbr\u003E","\u003Cp\u003ECSS шрифты\u003Cbr\u003E\u003Cp\u003EТекст основного содержимого веб-страницы должен быть в первую очередь читабельным. \u003Cbr\u003EНе рекомендуется использовать более двух шрифтов на странице.\u003Cbr\u003E\u003Cp\u003ECSS шрифты управляют внешним видом шрифта текста веб-страниц. \u003Cbr\u003E","\u003Cp\u003EФон и фоновые изображения на веб-странице\r\n\u003Cbr\u003E","\u003Cp\u003ECSS границы (рамка)\u003Cbr\u003E\u003Cp\u003ECSS рамка задается с помощью краткого свойства border\u003Cbr\u003EСтиль рамки задается с помощью трех свойств: стиль, цвет и ширина.\u003Cbr\u003E","\u003Cp\u003ECSS отступы\u003Cbr\u003E\u003Cp\u003EОбласть содержимого – это содержимое элемента.\u003Cbr\u003EВнешний отступ (margin) добавляет отступы за границами элемента, создавая тем самым промежутки между элементами.\u003Cbr\u003EОни всегда остаются прозрачными и через них виден фон родительского элемента.\u003Cbr\u003EЗначения padding и margin задаются в следующем порядке: верхнее, правое, нижнее и левое.\u003Cbr\u003E\u003Cp\u003EВнутренний отступ, или поле элемента, (padding) добавляет отступы внутри элемента, между его основным содержимым и его границей. Если для элемента задать фон, то он распространится также и на поля элемента. Внутренний отступ не может принимать отрицательных значений, в отличие от внешнего отступа.\u003Cbr\u003E","\u003Cp\u003EКурсор мыши и полоса прокрутки\u003Cbr\u003E\u003Cp\u003EДля полосы прокрутки: атрибут overflow \r\nvisible - Элемент растягивается до необходимых размеров. (по умолчанию)\u003Cbr\u003E\thidden - Содержание элемента \"обрезается\" видна лишь та его часть что помещается в элементе.\u003Cbr\u003E\tscroll - Добавляются полосы прокрутки (всегда! даже если содержание помещается в пределах элемента).\u003Cbr\u003E\tauto - Полосы прокрутки добавляются при необходимости.\u003Cbr\u003Eдля курсора мыши: значение по умолчанию cursor: pointer;\u003Cbr\u003E\u003Cbr\u003E"],href:"\u002Finformatika\u002Fverstka-saytov-html5css3",href_category:"\u002Finformatika",date:1624007744,related:[{id:111353,name:"Multiple Intelligences",href:"\u002Finformatika\u002Fmultiple-intelligences",jpg:"jpg\u002F111353"},{id:135666,name:"Понятие о фотограмметрической обработке цифровых снимков",href:"\u002Finformatika\u002Fponyatie-o-fotogrammetricheskoy-obrabotke-tsifrovyh-snimkov",jpg:"jpg\u002F135666"},{id:329689,name:"Единицы измерения информации",href:"\u002Finformatika\u002Fedinitsy-izmereniya-informatsii-6",jpg:"jpg\u002F329689"},{id:168615,name:"Структура книги",href:"\u002Finformatika\u002Fstruktura-knigi-1",jpg:"jpg\u002F168615"},{id:499276,name:"Обучающая презентацияЗвездное небо",href:"\u002Finformatika\u002Fobuchayushchaya-prezentatsiyazvezdnoe-nebo",jpg:"jpg\u002F499276"},{id:373641,name:"Как делать презентации? Руководство дизайнера",href:"\u002Finformatika\u002Fkak-delat-prezentatsii-rukovodstvo-dizaynera",jpg:"jpg\u002F373641"},{id:200354,name:"Мобільні операційні системи",href:"\u002Finformatika\u002Fmobln-operatsyn-sistemi",jpg:"jpg\u002F200354"},{id:141786,name:"Технические и программные средства телекоммуникационных технологий",href:"\u002Finformatika\u002Ftehnicheskie-i-programmnye-sredstva-telekommunikatsionnyh-tehnologiy",jpg:"jpg\u002F141786"},{id:194961,name:"Этапы развития любого проекта",href:"\u002Finformatika\u002Fetapy-razvitiya-lyubogo-proekta",jpg:"jpg\u002F194961"},{id:203113,name:"Формулы и методы планирования в Excel",href:"\u002Finformatika\u002Fformuly-i-metody-planirovaniya-v-excel",jpg:"jpg\u002F203113"},{id:100050,name:"Системы автоматизированного проектирования Autocad",href:"\u002Finformatika\u002Fsistemy-avtomatizirovannogo-proektirovaniya-autocad",jpg:"jpg\u002F100050"},{id:105825,name:"Условный оператор",href:"\u002Finformatika\u002Fuslovnyy-operator-1",jpg:"jpg\u002F105825"},{id:22312,name:"Системное программирование. LINQ запросы, SQL запросы (Лекция 8)",href:"\u002Finformatika\u002Fsistemnoe-programmirovanie-linq-zaprosy-sql-zaprosy",jpg:"jpg\u002F22312"},{id:507149,name:"Создание теста в программе MY TEST",href:"\u002Finformatika\u002Fsozdanie-testa-v-programme-my-test",jpg:"jpg\u002F507149"},{id:228823,name:"Создание инфографики",href:"\u002Finformatika\u002Fsozdanie-infografiki",jpg:"jpg\u002F228823"},{id:102791,name:"Работа с дефектами",href:"\u002Finformatika\u002Frabota-s-defektami-1",jpg:"jpg\u002F102791"},{id:242545,name:"Имитационное моделирование. Назначение и сфера применения гравитационных моделей",href:"\u002Finformatika\u002Fimitatsionnoe-modelirovanie-naznachenie-i-sfera-primeneniya",jpg:"jpg\u002F242545"},{id:589839,name:"Введение в IT",href:"\u002Finformatika\u002Fvvedenie-v-it-1",jpg:"jpg\u002F589839"},{id:214991,name:"MATLAB ортасында матрицалармен жұмыс",href:"\u002Finformatika\u002Fmatlab-ortasynda-matritsalarmen-zhmys",jpg:"jpg\u002F214991"},{id:438916,name:"Технология NAT-Network Address Translation",href:"\u002Finformatika\u002Ftehnologiya-nat-network-address-translation",jpg:"jpg\u002F438916"},{id:280005,name:"Готовимся к ЕГЭ. Задание №12. IP-адрес",href:"\u002Finformatika\u002Fgotovimsya-k-ege-zadanie-n12-ip",jpg:"jpg\u002F280005"},{id:188451,name:"Требования к структуре и формату презентации инженерного кейса. Международный инженерный чемпионат CASE-IN (ЛС)",href:"\u002Finformatika\u002Ftrebovaniya-k-strukture-i-formatu-prezentatsii-1",jpg:"jpg\u002F188451"},{id:244438,name:"Книги: сущность экономической безопасности",href:"\u002Finformatika\u002Fknigi-sushchnost-ekonomicheskoy-bezopasnosti",jpg:"jpg\u002F244438"},{id:197013,name:"Сетевой бизнес",href:"\u002Finformatika\u002Fsetevoy-biznes",jpg:"jpg\u002F197013"},{id:207475,name:"Web-страницы. Язык HTML и др",href:"\u002Finformatika\u002Fweb-stranitsy-yazyk-html-i-dr-1",jpg:"jpg\u002F207475"},{id:268673,name:"Электронный журнал-дневник",href:"\u002Finformatika\u002Felektronnyy-zhurnal-dnevnik",jpg:"jpg\u002F268673"},{id:520707,name:"Линейные алгоритмы в паскале",href:"\u002Finformatika\u002Flineynye-algoritmy-v-paskale",jpg:"jpg\u002F520707"},{id:357331,name:"Алгоритмы. Стандартный набор алгоритмов",href:"\u002Finformatika\u002Falgoritmy-standartnyy-nabor-algoritmov",jpg:"jpg\u002F357331"}],navigation:{next:"\u002Finformatika\u002Fbadarlamalau-tldermen-tanysu",next_name:"Бағдарламалау тілдерімен танысу",prev:"\u002Fyurisprudentsiya\u002Fsluzhebnaya-dokumentatsiya-dlya-vnutrennego-polzovaniya",prev_name:"Служебная документация для внутреннего пользования"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:H,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:o,main_text:a,main_title:p,main_description:q,main_keywords:r,main_image:a},app:{logo_image:s,logo_image_width:t,logo_image_height:u,logo_text:a,image_width_full:v,image_width_min:w,recaptcha_key:x,yandex_search:y,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:z,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:A,item_images:B,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:C,item_slide_skipping:D,item_download_timeout:E,item_slider_width:F,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:G,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Верстка сайтов HTML5+CSS3","\u003Cp\u003EМета теги\u003Cbr\u003E","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","div","images_before","category","both",88,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>
| 
