Количество ячеек в строке для объединения по горизонтали.
. Возможные значения: число от 1 до 999.
rowspan - Количество ячеек в столбце для объединения по вертикали.
| . Возможные значения: число от 1 до 999.
span - Количество колонок, объединяемых для задания единого стиля, по умолчанию равно 1. . Принимаемые значения: любое целое положительное число.
Слайд 22 
ФОРМЫ
HTML формы являются элементами управления, которые применяются для сбора информации от посетителей
веб-сайта. Веб-формы состоят из набора текстовых полей, кнопок, списков и других элементов управления, которые активизируются щелчком мыши. Технически формы передают данные от пользователя удаленному серверу. Для получения и обработки данных форм используются языки веб-программирования, такие как PHP, Perl. Элементы формы: text
textarea
radio
checkbox
submit
select
hidden
file
Слайд 23 
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="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/116958/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/116958/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/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/116958/slide-24.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/116958/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-24.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="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/116958/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/116958/slide-25.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-25.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-25.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/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/116958/slide-26.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Мета теги" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116958/slide-26.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-26.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-26.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-26.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="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/116958/slide-27.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Мета теги" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116958/slide-27.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-27.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-27.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-27.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="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/116958/slide-28.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/116958/slide-28.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-28.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-28.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-28.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="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/116958/slide-29.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/116958/slide-29.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-29.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-29.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-29.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="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/116958/slide-30.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/116958/slide-30.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-30.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-30.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-30.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="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/116958/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/116958/slide-31.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-31.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-31.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-31.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="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/116958/slide-32.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Псевдоэлементы и псевдоклассы Псевдоклассы – это селекторы, которые определяют состояние" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116958/slide-32.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-32.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-32.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-32.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="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/116958/slide-33.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Список псевдоэлементов Одной из самых распространённых задач является добавление фразы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116958/slide-33.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-33.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-33.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-33.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="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/116958/slide-34.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/116958/slide-34.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-34.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-34.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-34.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="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/116958/slide-35.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/116958/slide-35.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-35.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-35.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-35.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="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/116958/slide-36.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/116958/slide-36.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-36.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-36.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-36.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="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/116958/slide-37.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Фон и фоновые изображения на веб-странице" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116958/slide-37.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-37.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-37.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-37.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="slide39" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 39</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-38.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/116958/slide-38.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-38.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-38.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-38.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="slide40" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 40</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-39.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/116958/slide-39.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-39.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-39.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-39.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 id="slide41" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 41</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-40.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Курсор мыши и полоса прокрутки Для полосы прокрутки : атрибут" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116958/slide-40.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116958/slide-40.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116958/slide-40.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116958/slide-40.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>Курсор мыши и полоса прокрутки<br><p>Для полосы прокрутки<br>: атрибут overflow
visible - Элемент растягивается</div></h2><div class="slides-content">до необходимых размеров. (по умолчанию)<br> hidden - Содержание элемента "обрезается" видна лишь та его часть что помещается в элементе.<br> scroll - Добавляются полосы прокрутки (всегда! даже если содержание помещается в пределах элемента).<br> auto - Полосы прокрутки добавляются при необходимости.<br>для курсора мыши: значение по умолчанию cursor: pointer;<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> Количество просмотров: 129 <br> Количество скачиваний: 1</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/menedzhment/informatsionnaya-sistema-megaplan-crm" class="navigation-link">Информационная система Мегаплан-CRM</a></div><div class="navigation-item"><div>Следующая -</div><a href="/pedagogika/professiya-energetik" 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/informatsionnaya-bezopasnost-16" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214867/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/214867/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/214867/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/214867/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/214867/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная безопасность</a></div><div class="related-item"><a href="/informatika/gsis-instruktsiya-polzovatelya-dlya-servisnogo-tsentra" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150120/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/150120/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/150120/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/150120/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150120/slide-0.jpg 1440w" class="slides-image related-itemImage"> GSIS Инструкция пользователя (Для сервисного центра)</a></div><div class="related-item"><a href="/informatika/obrazovatelnyy-video-servis" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/431463/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/431463/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/431463/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/431463/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/431463/slide-0.jpg 1440w" class="slides-image related-itemImage"> Образовательный видео сервис</a></div><div class="related-item"><a href="/informatika/microsoft-word-kesteler-suretter-zhne-su" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105727/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/105727/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/105727/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/105727/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105727/slide-0.jpg 1440w" class="slides-image related-itemImage"> Microsoft Word кестелер, суреттер және су белгілерін енгізу</a></div><div class="related-item"><a href="/informatika/preryvaniya-v-sistemah-dos-i-bios" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200339/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/200339/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/200339/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/200339/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/200339/slide-0.jpg 1440w" class="slides-image related-itemImage"> Прерывания в системах DOS и BIOS. (Лекция 13)</a></div><div class="related-item"><a href="/informatika/powercode-academy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/149699/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/149699/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/149699/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/149699/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/149699/slide-0.jpg 1440w" class="slides-image related-itemImage"> Powercode academy</a></div><div class="related-item"><a href="/informatika/obkt-event-obrobka-pody" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293423/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/293423/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/293423/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/293423/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/293423/slide-0.jpg 1440w" class="slides-image related-itemImage"> Об’єкт event. Обробка подій</a></div><div class="related-item"><a href="/informatika/vneklassnoe-meropriyatie-po-informatike-anagrammy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/301281/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/301281/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/301281/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/301281/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/301281/slide-0.jpg 1440w" class="slides-image related-itemImage"> Внеклассное мероприятие по информатике. Анаграммы</a></div><div class="related-item"><a href="/informatika/hranenie-odnotipnyh-dannyh-massivy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239596/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/239596/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/239596/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/239596/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239596/slide-0.jpg 1440w" class="slides-image related-itemImage"> Хранение однотипных данных. Массивы</a></div><div class="related-item"><a href="/informatika/korporativnye-sistemy-elektronnogo-dokumentooborota-obzor-ecm" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89689/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/89689/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/89689/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/89689/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/89689/slide-0.jpg 1440w" class="slides-image related-itemImage"> Корпоративные системы электронного документооборота. Обзор ECM решений</a></div><div class="related-item"><a href="/informatika/razrabotka-telegram-bota-dlya-predpriyatiya-ooo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577923/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/577923/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/577923/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/577923/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577923/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка Телеграм-бота для предприятия ООО “Элегия”</a></div><div class="related-item"><a href="/informatika/kanaly-peredachi-informatsii-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/612190/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/612190/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/612190/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/612190/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/612190/slide-0.jpg 1440w" class="slides-image related-itemImage"> Каналы передачи информации</a></div><div class="related-item"><a href="/informatika/internet-magazin-podarkov-ruchnoy-raboty" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/440884/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/440884/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/440884/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/440884/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/440884/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интернет-магазин подарков ручной работы</a></div><div class="related-item"><a href="/informatika/issledovanie-vozmozhnostey-primeneniya-bim-tehnologii-v" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/151099/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/151099/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/151099/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/151099/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/151099/slide-0.jpg 1440w" class="slides-image related-itemImage"> Исследование возможностей применения BIM-технологии в компьютерном дизайне (на примере интерьера загородного дома)</a></div><div class="related-item"><a href="/informatika/kak-varit-podkasty" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198804/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/198804/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/198804/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/198804/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198804/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как варить подкасты</a></div><div class="related-item"><a href="/informatika/adobe-illustrator-programmasyny-interfeys" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/7418/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/7418/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/7418/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/7418/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/7418/slide-0.jpg 1440w" class="slides-image related-itemImage"> Adobe Illustrator программасының интерфейсі</a></div><div class="related-item"><a href="/informatika/osnovnye-algoritmicheskie-konstruktsii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/427863/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/427863/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/427863/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/427863/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/427863/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные алгоритмические конструкции</a></div><div class="related-item"><a href="/informatika/rasprostranennye-formaty-graficheskih-faylov-ih-preimushchestva" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/218583/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/218583/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/218583/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/218583/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/218583/slide-0.jpg 1440w" class="slides-image related-itemImage"> Распространенные форматы графических файлов, их преимущества, недостатки и области применения</a></div><div class="related-item"><a href="/informatika/oformlenie-spiska-literatury-bibliograficheskie-bd" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2058/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/2058/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/2058/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/2058/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2058/slide-0.jpg 1440w" class="slides-image related-itemImage"> Оформление списка литературы. Библиографические БД</a></div><div class="related-item"><a href="/informatika/naznachenie-blokov-personalnogo-kompyutera-pk" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255882/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/255882/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255882/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255882/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255882/slide-0.jpg 1440w" class="slides-image related-itemImage"> Назначение блоков персонального компьютера (ПК)</a></div><div class="related-item"><a href="/informatika/hranenie-informatsii-pamyat-cheloveka-i-pamyat-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333959/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/333959/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333959/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333959/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333959/slide-0.jpg 1440w" class="slides-image related-itemImage"> Хранение информации. Память человека и память человечества. Оперативная и долговременная память. Файлы и папки. (5 класс)</a></div><div class="related-item"><a href="/informatika/microsoft-excel-terezesne-sholu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99764/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/99764/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/99764/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/99764/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99764/slide-0.jpg 1440w" class="slides-image related-itemImage"> Microsoft excel Терезесіне шолу</a></div><div class="related-item"><a href="/informatika/world-wide-web--vsemirnaya-pautina-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93654/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/93654/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/93654/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/93654/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93654/slide-0.jpg 1440w" class="slides-image related-itemImage"> World Wide Web – Всемирная Паутина</a></div><div class="related-item"><a href="/informatika/znaniya-konkurs-intellektualnaya-sobstvennost-glazami-molodezhi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/422145/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/422145/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/422145/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/422145/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/422145/slide-0.jpg 1440w" class="slides-image related-itemImage"> Знания. Конкурс Интеллектуальная собственность глазами молодежи</a></div><div class="related-item"><a href="/informatika/ntelektualniy-analz-danih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/339357/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/339357/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/339357/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/339357/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/339357/slide-0.jpg 1440w" class="slides-image related-itemImage"> Інтелектуальний аналіз даних</a></div><div class="related-item"><a href="/informatika/operatsionnye-sistemy-dlya-mobilnyh-ustroystv" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/439643/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/439643/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/439643/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/439643/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/439643/slide-0.jpg 1440w" class="slides-image related-itemImage"> Операционные системы для мобильных устройств</a></div><div class="related-item"><a href="/informatika/uprazhnenie-6-dostupnost-informatsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397068/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/397068/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/397068/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/397068/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/397068/slide-0.jpg 1440w" class="slides-image related-itemImage"> Упражнение 6: Доступность информации</a></div><div class="related-item"><a href="/informatika/obrabotka-tekstovoy-informatsii-tekstovyy-redaktor" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/106480/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/106480/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/106480/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/106480/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/106480/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,S){return {data:{meta:{result:{meta:{h1:p,main_text:a,main_title:q,main_description:r,main_keywords:s,main_image:a},app:{logo_image:t,logo_image_width:u,logo_image_height:v,logo_text:a,image_width_full:w,image_width_min:x,recaptcha_key:y,yandex_search:z,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:A,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:B,item_images:C,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:G,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:H}},item:{result:{id:116958,name:m,category:I,count:42,jpg:"jpg\u002F116958",hits:J,download:n,h1:"Верстка сайтов (html5, css3) презентация",meta:{h1:m,title:m,description:"Верстка сайтов (html5, css3) презентация на тему, доклад, Информатика",keywords:"Верстка сайтов (html5, css3), презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Верстка сайтов (html5, css3) из раздела Информатика. Презентация на заданную тему содержит 42 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",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Цель курса\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 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости.\u003Cbr\u003E","\u003Cp\u003EБыло\u003Cbr\u003E","\u003Cp\u003EСтало\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",o,o,o,"\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Для полосы прокрутки\u003Cbr\u003E: атрибут overflow \r\nvisible - Элемент растягивается до необходимых размеров. (по умолчанию)\u003Cbr\u003E\thidden - Содержание элемента \"обрезается\" видна лишь та его часть что помещается в элементе.\u003Cbr\u003E\tscroll - Добавляются полосы прокрутки (всегда! даже если содержание помещается в пределах элемента).\u003Cbr\u003E\tauto - Полосы прокрутки добавляются при необходимости.\u003Cbr\u003Eдля курсора мыши: значение по умолчанию cursor: pointer;\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EВсе выдохноли \u003Cbr\u003E"],href:"\u002Finformatika\u002Fverstka-saytov-html5-css3",href_category:"\u002Finformatika",date:1627673142,related:[{id:214867,name:"Информационная безопасность",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-16",jpg:"jpg\u002F214867"},{id:150120,name:"GSIS Инструкция пользователя (Для сервисного центра)",href:"\u002Finformatika\u002Fgsis-instruktsiya-polzovatelya-dlya-servisnogo-tsentra",jpg:"jpg\u002F150120"},{id:431463,name:"Образовательный видео сервис",href:"\u002Finformatika\u002Fobrazovatelnyy-video-servis",jpg:"jpg\u002F431463"},{id:105727,name:"Microsoft Word кестелер, суреттер және су белгілерін енгізу",href:"\u002Finformatika\u002Fmicrosoft-word-kesteler-suretter-zhne-su",jpg:"jpg\u002F105727"},{id:200339,name:"Прерывания в системах DOS и BIOS. (Лекция 13)",href:"\u002Finformatika\u002Fpreryvaniya-v-sistemah-dos-i-bios",jpg:"jpg\u002F200339"},{id:149699,name:"Powercode academy",href:"\u002Finformatika\u002Fpowercode-academy",jpg:"jpg\u002F149699"},{id:293423,name:"Об’єкт event. Обробка подій",href:"\u002Finformatika\u002Fobkt-event-obrobka-pody",jpg:"jpg\u002F293423"},{id:301281,name:"Внеклассное мероприятие по информатике. Анаграммы",href:"\u002Finformatika\u002Fvneklassnoe-meropriyatie-po-informatike-anagrammy",jpg:"jpg\u002F301281"},{id:239596,name:"Хранение однотипных данных. Массивы",href:"\u002Finformatika\u002Fhranenie-odnotipnyh-dannyh-massivy",jpg:"jpg\u002F239596"},{id:89689,name:"Корпоративные системы электронного документооборота. Обзор ECM решений",href:"\u002Finformatika\u002Fkorporativnye-sistemy-elektronnogo-dokumentooborota-obzor-ecm",jpg:"jpg\u002F89689"},{id:577923,name:"Разработка Телеграм-бота для предприятия ООО “Элегия”",href:"\u002Finformatika\u002Frazrabotka-telegram-bota-dlya-predpriyatiya-ooo",jpg:"jpg\u002F577923"},{id:612190,name:"Каналы передачи информации",href:"\u002Finformatika\u002Fkanaly-peredachi-informatsii-2",jpg:"jpg\u002F612190"},{id:440884,name:"Интернет-магазин подарков ручной работы",href:"\u002Finformatika\u002Finternet-magazin-podarkov-ruchnoy-raboty",jpg:"jpg\u002F440884"},{id:151099,name:"Исследование возможностей применения BIM-технологии в компьютерном дизайне (на примере интерьера загородного дома)",href:"\u002Finformatika\u002Fissledovanie-vozmozhnostey-primeneniya-bim-tehnologii-v",jpg:"jpg\u002F151099"},{id:198804,name:"Как варить подкасты",href:"\u002Finformatika\u002Fkak-varit-podkasty",jpg:"jpg\u002F198804"},{id:7418,name:"Adobe Illustrator программасының интерфейсі",href:"\u002Finformatika\u002Fadobe-illustrator-programmasyny-interfeys",jpg:"jpg\u002F7418"},{id:427863,name:"Основные алгоритмические конструкции",href:"\u002Finformatika\u002Fosnovnye-algoritmicheskie-konstruktsii-1",jpg:"jpg\u002F427863"},{id:218583,name:"Распространенные форматы графических файлов, их преимущества, недостатки и области применения",href:"\u002Finformatika\u002Frasprostranennye-formaty-graficheskih-faylov-ih-preimushchestva",jpg:"jpg\u002F218583"},{id:2058,name:"Оформление списка литературы. Библиографические БД",href:"\u002Finformatika\u002Foformlenie-spiska-literatury-bibliograficheskie-bd",jpg:"jpg\u002F2058"},{id:255882,name:"Назначение блоков персонального компьютера (ПК)",href:"\u002Finformatika\u002Fnaznachenie-blokov-personalnogo-kompyutera-pk",jpg:"jpg\u002F255882"},{id:333959,name:"Хранение информации. Память человека и память человечества. Оперативная и долговременная память. Файлы и папки. (5 класс)",href:"\u002Finformatika\u002Fhranenie-informatsii-pamyat-cheloveka-i-pamyat-2",jpg:"jpg\u002F333959"},{id:99764,name:"Microsoft excel Терезесіне шолу",href:"\u002Finformatika\u002Fmicrosoft-excel-terezesne-sholu",jpg:"jpg\u002F99764"},{id:93654,name:"World Wide Web – Всемирная Паутина",href:"\u002Finformatika\u002Fworld-wide-web--vsemirnaya-pautina-1",jpg:"jpg\u002F93654"},{id:422145,name:"Знания. Конкурс Интеллектуальная собственность глазами молодежи",href:"\u002Finformatika\u002Fznaniya-konkurs-intellektualnaya-sobstvennost-glazami-molodezhi",jpg:"jpg\u002F422145"},{id:339357,name:"Інтелектуальний аналіз даних",href:"\u002Finformatika\u002Fntelektualniy-analz-danih",jpg:"jpg\u002F339357"},{id:439643,name:"Операционные системы для мобильных устройств",href:"\u002Finformatika\u002Foperatsionnye-sistemy-dlya-mobilnyh-ustroystv",jpg:"jpg\u002F439643"},{id:397068,name:"Упражнение 6: Доступность информации",href:"\u002Finformatika\u002Fuprazhnenie-6-dostupnost-informatsii",jpg:"jpg\u002F397068"},{id:106480,name:"Обработка текстовой информации. Текстовый редактор",href:"\u002Finformatika\u002Fobrabotka-tekstovoy-informatsii-tekstovyy-redaktor",jpg:"jpg\u002F106480"}],navigation:{next:"\u002Fpedagogika\u002Fprofessiya-energetik",next_name:"Профессия энергетик",prev:"\u002Fmenedzhment\u002Finformatsionnaya-sistema-megaplan-crm",prev_name:"Информационная система Мегаплан-CRM"}}},categories:{result:[{id:n,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:n,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:I,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:J,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:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:S,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:p,main_text:a,main_title:q,main_description:r,main_keywords:s,main_image:a},app:{logo_image:t,logo_image_width:u,logo_image_height:v,logo_text:a,image_width_full:w,image_width_min:x,recaptcha_key:y,yandex_search:z,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:A,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:B,item_images:C,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:G,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:H,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Верстка сайтов (html5, css3)",1,"\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","Информатика",129,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>
| 
