Презентация на тему Язык HTML

Язык HTML
HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.
SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.
XML (Extended Markup Language) - расширяемый язык разметки.
2

Основные понятия
Гипертекст – структура, позволяющая
устанавливать смысловые связки между элементами текста и другими документами.
Гиперссылка – фрагмент текста, который
является указателем на другой файл или объект.
Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.
3

Фрейм (Frame)
Этот термин имеет два значения:
Область документа со своими полосами прокрутки
Одиночное изображение в анимационном графическом файле (кадр)
4

Апплет (Applet)
Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы
Браузер (Browser)
Программа для просмотра Web-страницы
5

Скрипт или сценарий
(Script)
Программа, включенная в состав Web-страницы, для расширения ее возможностей
CGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.
6

Что могут содержать Web-страницы:
1). Тексты;
2). Таблицы;
3). Логотипы;
4). Эмблемы;
7

5). Графику
Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством.
Что могут содержать Web-страницы:
8

Графические форматы
GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256.
JPEG (JPG) - Joint Photography Experts Group.
Этот формат допускает сохранение изображений, содержащих миллионы цветов.
9

6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы.
большие имеют размер 468 х 60 пикселей,
средние 120 х 60,
маленькие 88 х 31.
Собираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки.
Могут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись
Что могут содержать Web-страницы:
10

7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).
avi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт
wav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт)
mid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer.
.mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин ≅ 3 Мбайта.
Эти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт.
Gif-файлы сжимаются на 20%.
Что могут содержать Web-страницы:
11

8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.
9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).
Что могут содержать Web-страницы:
12

10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет).
11). Гиперссылки – ссылки на другие станицы.
12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.
Что могут содержать Web-страницы:
13

теги HTML
14

HTML - теги
Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами
(от английского tag).
Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может
следовать список атрибутов (все атрибуты располагаются в начальном теге).
Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».
15

Назначение HTML-тегов
Форматирования текста;
Описания кадров и форм;
Форматирования таблиц и списков;
Организации ссылок на другие ресурсы;
Вставки изображений и расширений HTML.
16

Структура HTML-документа
….
….
Начало разметки документа
содержание страницы
Конец разметки документа
17

Между тегами
и
пишется название сайта
Тег
несет служебную информацию о сайте
и не отображается на экране браузера:
Имя автора страницы;
Информация о кодировке;
Набор ключевых слов для поиска, отображающих содержание сайта.
18

Пример Web -страницы
О братьях наших меньших name=“Author” content=“Ivanov Ivan”>
Здесь размещается содержимое страницы
19

школа
Сайт, посвященный школе
< META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, знание”>
Пример Web –страницы с метатегами
20

Задание 1 Создание структуры страницы
Откройте текстовый редактор блокнот.
Наберите структуру приведенной ранее страницы
Между элементами наберите
Моя первая страница
4. Сохраните файл с именем index.htm в папке STRANICA
5. Просмотрите страницу в браузере.
21

Форматирование текста
22

Форматирования текста
Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом
текст
Размер задается атрибутом SIZE, который может принимать значения от 1 до 7.
Пример.
тексту задан размер 3
23

COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на английском языке
color=“#FF0000” color=”red”
Пример.
это шрифт синего цвета
R-red 00-FF 0-255
G-green 00-FF 0-255
B - blue 00-FF 0-255
RGB
24

Названия цветов и значения RGB
25

форматирование шрифтов
26

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой)
Пример.
Все атрибуты могут быть использованы совместно внутри тега < FONT>
Пример.
Это шрифт arial размером 3 синего цвета
27

тест
выделение шрифта полужирным шрифтом
тест
выделение шрифта курсивом
тест
подчеркнутый шрифт
x
2
верхний индекс (х2)
x
2
нижний индекс (х2)
Форматирование шрифтов
28

Примеры со шрифтами
Пример действия параметра FASE
ШРИФТ
FACE=″Times New Romans Cyr″>РАЗНОГО
< FONT SIZE=5 FACE=″Courier New Cyr″>НАЧЕРТАНИЯ
29

Примеры со шрифтами
Пример действия параметра SIZE
Ш
Р
SIZE=+2 >И
Ф
Т
Р
А
З
Н
О
Г
О
Р
А
З
М
Е
Р>/FONT>
А
30

Примеры со шрифтами
Пример действия параметра COLOR
ШРИФТ
РАЗНОГО
< FONT SIZE=5 COLOR=BLUE>ЦВЕТА
ЗАДАНИЕ
Написать разными по цвету буквами:
КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН
31

т е с т
-сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т )
Пример
ПУТЬ К МУДРОСТИ
К мудрости путь – по ухабам ошибок;
Иди же и носа не вешай:
Ушибы,
ушибы,
и снова ушибы
Но реже
и реже,
и реже…
Форматирование шрифтов
32

фоматирование заголовков
33

Форматирования заголовков
тест
⇔ тест
тест
⇔ тест
тест
⇔ тест
тест
⇔ тест
тест
⇔ тест
тест ⇔ тест
Существует шесть уровней заголовков
34

Пример
ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ
ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ
ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ
ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ
ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ
ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ
35

форматирование абзацев
36

Разбивка на абзацы
текст
- новый абзац, можно использовать только начальный тег, т.к. следующий элемент
обозначает не только начало следующего абзаца, но и конец предыдущего
тест
тест - перенос текста на новую строку без абзацного отступа
тест
тест
тест
тест разделительная линия
тест
тест
37

Параметры тега HR
38

NOSHADE запрет выпуклости
ПРИМЕРЫ ОТЛИНОВОК
простая отлиновка толщиной 2 пикселя
толстая и короткая линия
ALIGN=CENTER>
такая же линия красного цвета
ALIGN=CENTER>
ALIGN=CENTER>черный квадрат 30х30 пикселей
Примеры отлиновок
39

Пример.
Уронили мишку на пол,
Оторвали мишке лапу,
Все равно его не брошу,
Потому, что он хороший
На экране браузера увидим разбиение текста на четверостишие
40

Выравнивание абзацев
Вместе с элементом абзац
можно использовать атрибут выравнивания align
41

По умолчанию выравнивание по левому краю
Центрирование
всех строк абзаца,
в том числе включая принудительные разрывы
Этот абзац выровнен по правому краю
Этот абзац выровнен по левому краю, также, как и по умолчанию
Этот абзац выровнен одновременно по левому и правому краям, но в старых версиях браузеров воспринимается как выравнивание по левому краю
Пример
42

Задание 2 Форматирование текста на странице
Создайте новую страницу в редакторе блокнот.
В элемент
укажите «Практическая работа 2» и вашу фамилию.<br>Отформатируйте текст по заданию:<br>Домашние животные (заголовок H1)<br>Собаки (заголовок H2, центральное выравнивание}<br>Сторожевые (выравнивание слева, полужирный шрифт)<br>Охотничьи (выравнивание справа, полужирный шрифт)<br>Дрессировка (выравнивание по центру, полужирный курсивный шрифт)<br>Клубы Выставки Площадки <br>(выравнивание по центру, размер шрифта14, цвет красный)<br>Стихотворение (выравнивание по центру, синий шрифт)<br>По жизни я скромен<br>Оваций не надо!<br>Но как же я классно (Выравнивание по левому краю, размер шрифта 10)<br>Смотрюсь у снаряда!<br><p>43<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide44" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-43.jpg" target="_blank" rel="noopener">Слайд 44</a><h3 class="slides-content text-center font-bold"><div><p> 1. Создайте новую страницу в редакторе блокнот.
2. В элемент <title> укажите «Практическая</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-43.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-43.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-43.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-43.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-43.jpg" class="slides-image"><!----><div class="slides-content">работа 3» и вашу фамилию.
3. Отформатируйте текст по заданию:
<html>
<head>
<title>Практическая работа3 Фамилия
Каждый
охотник
желает
знать,
где
сидит
фазан
Задание 3 Форматирование текста на странице
44

Практическая работа 4 Фамилия
Роман
Книга
Том Часть
Глава
Параграф
Задание 4 Форматирование заголовков
1. Создайте новую страницу в редакторе блокнот.
2. В элемент
укажите «Практическая работа 4» и вашу фамилию.
3. Отформатируйте текст по заданию:
<br><p>45<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide46" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-45.jpg" target="_blank" rel="noopener">Слайд 46</a><h3 class="slides-content text-center font-bold"><div><p>Задание 5 Форматирование абзацев<br><p>Создайте новую страницу в редакторе блокнот.
2. В элемент <title></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 5 Форматирование абзацев Создайте новую страницу в редакторе блокнот. 2. В" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-45.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-45.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-45.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-45.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-45.jpg" class="slides-image"><!----><div class="slides-content">укажите «Практическая работа 5» и вашу фамилию.
3. Отформатируйте текст стихотворения тремя разными способами оформления:
Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. <br>Текст шрифта красный, размером 4, курсив<br><p>46<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide47" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-46.jpg" target="_blank" rel="noopener">Слайд 47</a><h3 class="slides-content text-center font-bold"><div><p>html>
<head>
<title> 1 способ форматирования

html>
2 способ форматирования
Уж
небо осенью дышало.
Все реже солнышко блистало.
Короче становился день.
>
Пример 2 ответа к заданию 5
48

html>
3 способ форматирования
<
Уж небо
осенью дышало.
Все реже солнышко блистало. Короче становился день. >
Пример 3 ответа к заданию 5
49

Бегущая строка
…
Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH HEIGHT -ширина и высота плашки
LOOP -количество повтороений (INFINITE - непрерывно)
SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях
SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает напрвление прокрутки
BEHAVIOR=SCROOLL -напрвление слева направо
BEHAVIOR=SLIDE - напрвление справа налево
50

Пример бегущей строки
VSPACE=10>
НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!
Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки
51 VSPACE=10>
НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!

форматирование списков
52

Маркированные списки
первый элемент
второй элемент
Результат:
первый элемент
второй элемент
53

Нумерованные списки
первый элемент
второй элемент
1. первый элемент
2. второй элемент
54

Способы нумерации списков
Способ нумерации задается за счет атрибута type
Атрибут Вид нумерации
type=“1” 1, 2, 3, 4…
type=“i” i, ii, iii, iv…
Type=“I” I, II, III, IV…
type=“a” a, b, c, d…
type=“A” A, B, C, D…
55

Списки определений
Термин
Определение
Результат:
Термин
Определение
56

ПРИМЕР
введение
назначение языка HTML
команды теги HTML
форматирование текста
жирность
наклон
подчеркивание
индексы
нижние
верхние
подчеркивание
цвет
работа с абзацами
дизайн страницы
li>размещение сайта на сервере
57

Задание 6 Создание списков
Создайте новую страницу в редакторе блокнот.
В элемент
укажите</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 6 Создание списков Создайте новую страницу в редакторе блокнот. В элемент" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-57.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-57.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-57.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-57.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-57.jpg" class="slides-image"><!----><div class="slides-content">«Практическая работа 6» и вашу фамилию.<br>Отформатируйте текст по заданию:<br>Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)<br>Теплым.<br>Круглым.<br>Желтым.<br>Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)<br> А. Белым<br> B. Холодным<br> C. Пушистым<br> (шрифт списков черный, размер 3)<br><p>58<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide59" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-58.jpg" target="_blank" rel="noopener">Слайд 59</a><h3 class="slides-content text-center font-bold"><div><p>Задание 6 -1 Создание списков<br><p>Создайте страницы со следующими списками:<br>Перечень покупок:<br>Говядина -1кг<br>Масло сливочное</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 6 -1 Создание списков Создайте страницы со следующими списками: Перечень покупок:" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-58.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-58.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-58.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-58.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-58.jpg" class="slides-image"><!----><div class="slides-content">-500 г<br>Хлеб - 2 батона<br>Молоко - 1 литр<br>Алгоритм вычисления дробей:<br>очистить экран<br>ввести значения X и Y<br>если у=0, вернуться к пункту 2<br>вычислить z=x/y<br>вывести результат z <br><p>59<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide60" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-59.jpg" target="_blank" rel="noopener">Слайд 60</a><h3 class="slides-content text-center font-bold"><div><p>оформление фона и вставка рисунков<br><p>60<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="оформление фона и вставка рисунков 60" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-59.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-59.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-59.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-59.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-59.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide61" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-60.jpg" target="_blank" rel="noopener">Слайд 61</a><h3 class="slides-content text-center font-bold"><div><p>Задание фона страницы<br><p>Для задания цвета фона на странице надо внутри начального элемента<BODY></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание фона страницы Для задания цвета фона на странице надо внутри начального" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-60.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-60.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-60.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-60.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-60.jpg" class="slides-image"><!----><div class="slides-content">указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.<br><p>Пример<br><BODY BGCOLOR=“blue”>… </BODY> <br><BODY BGCOLOR=“00FF00”>… </BODY><br><BODY BACKGROUND=“FON.JPG”><br><p>61<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide62" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-61.jpg" target="_blank" rel="noopener">Слайд 62</a><h3 class="slides-content text-center font-bold"><div><p>Вставка рисунков<br><p>IMG – тег для создания ссылки на графический файл. С его</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Вставка рисунков IMG – тег для создания ссылки на графический файл. С" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-61.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-61.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-61.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-61.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-61.jpg" class="slides-image"><!----><div class="slides-content">помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.<br>Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.<br><p>Пример.<br><IMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”><br><BODY BACKGROUND=“WOOD.JPG”><br><p>62<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide63" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-62.jpg" target="_blank" rel="noopener">Слайд 63</a><h3 class="slides-content text-center font-bold"><div><p> <P align=center><IMG src="pic.gif" ></p> рисунок в центре, текст сверху и снизу<br><P</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="рисунок в центре, текст сверху и снизу рисунок слева рисунок справа Примеры" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-62.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-62.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-62.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-62.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-62.jpg" class="slides-image"><!----><div class="slides-content">align=justify><IMG src="pic.gif" align=left> </p> рисунок слева<br><P align=justify><IMG src="pic.gif" align=right> </p> рисунок справа<br><p>Примеры обтекания иллюстраций в документе<br><p>63<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide64" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-63.jpg" target="_blank" rel="noopener">Слайд 64</a><h3 class="slides-content text-center font-bold"><div><p>Задание 7 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 7 Размещение графики на Web - страницах Создайте новую страницу в" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-63.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-63.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-63.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-63.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-63.jpg" class="slides-image"><!----><div class="slides-content">блокнот.<br>В элемент <title> укажите «Практическая работа 7» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным.<br>Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию красного цвета.<br>Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.<br>Рисунок<br><p>64<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide65" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-64.jpg" target="_blank" rel="noopener">Слайд 65</a><h3 class="slides-content text-center font-bold"><div><p>Задание 8 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 8 Размещение графики на Web - страницах Создайте новую страницу в" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-64.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-64.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-64.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-64.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-64.jpg" class="slides-image"><!----><div class="slides-content">блокнот.<br>В элемент <title> укажите «Практическая работа 8» и вашу фамилию.<br>Разместите на странице рисунок <br>Сделайте надпись к рисунку<br>Создайте рамку вокруг рисунка шириной 2 пикселя.<br>Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.<br>Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.<br><p>65<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide66" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-65.jpg" target="_blank" rel="noopener">Слайд 66</a><h3 class="slides-content text-center font-bold"><div><p>Задание 9 изменение размеров изображения<br><p>Создайте новую страницу в редакторе блокнот.<br>В элемент <title></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 9 изменение размеров изображения Создайте новую страницу в редакторе блокнот. В" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-65.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-65.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-65.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-65.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-65.jpg" class="slides-image"><!----><div class="slides-content">укажите «Практическая работа 9» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым.<br>Вставьте изображение. Задайте его размеры 100x100 пикселей.<br>Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.<br><p>66<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide67" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-66.jpg" target="_blank" rel="noopener">Слайд 67</a><h3 class="slides-content text-center font-bold"><div><p>гиперссылки<br><p>67<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="гиперссылки 67" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-66.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-66.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-66.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-66.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-66.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide68" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-67.jpg" target="_blank" rel="noopener">Слайд 68</a><h3 class="slides-content text-center font-bold"><div><p>Гиперссылки<br><p>Гиперссылки условно можно разделить на следующие виды:<br> Внутренние –связывающие документы внутри одного</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Гиперссылки Гиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-67.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-67.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-67.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-67.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-67.jpg" class="slides-image"><!----><div class="slides-content">и того же узла;<br>Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;<br>Гиперссылка на почтовый адрес;<br>Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.<br><p>68<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide69" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-68.jpg" target="_blank" rel="noopener">Слайд 69</a><h3 class="slides-content text-center font-bold"><div><p>Гиперссылки<br><p><A href = “адрес ссылки”> текст для щелчка мыши </A><br><A href =</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий цвет гиперссылок" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-68.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-68.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-68.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-68.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-68.jpg" class="slides-image"><!----><div class="slides-content">“адрес ссылки”> <IMG src=“ссылка на рисунок”> </A><br><p>Внутри тега <BODY> используется атрибут, задающий цвет гиперссылок<br>link – задает цвет исходных ссылок<br>vlink – задает цвет посещенных ссылок<br>alink – задает цвет активных ссылок (цвет при нажатии мыши)<br><p>Для указания электронной почты и запуска электронной программы используется ссылка:<br> <A href =“mailto:[e-mail]”> Иванов Иван</A><br><p>69<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide70" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-69.jpg" target="_blank" rel="noopener">Слайд 70</a><h3 class="slides-content text-center font-bold"><div><p>Примеры гиперссылок<br><p><A href=“#new” > Новые поступления</A> - переход к строке той же</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Примеры гиперссылок Новые поступления - переход к строке той же страницы, помеченной" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-69.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-69.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-69.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-69.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-69.jpg" class="slides-image"><!----><div class="slides-content">страницы, помеченной тегом <br><A name=“new”><br><A href=“pag2.htm#new1” > примечания</A> - переход на страницу сайта pag2 к строке, помеченной тегом <br><A name=“new1”><br><p> подробности читайте<A href=“pag2.htm” > вторая страница </A></p> - ссылка на другую страницу того же сайта<br><p>70<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide71" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-70.jpg" target="_blank" rel="noopener">Слайд 71</a><h3 class="slides-content text-center font-bold"><div><p><p> <A href=“pag2.htm” > IMG src=log.gif alt=“о нашей фирме” </A></p> - ссылка</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу того же" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-70.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-70.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-70.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-70.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-70.jpg" class="slides-image"><!----><div class="slides-content">на другую страницу того же сайта, но ссылкой является рисунок<br><A href=“myfile.exe” title=” файл 10 мегабайт”> Скачать программу</A> -ссылка с подсказкой title<br><A ref=“http://home.ifmo.ru/index.html”>тест</A> - внешняя ссылка<br><p>Примеры гиперссылок<br><p>71<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide72" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-71.jpg" target="_blank" rel="noopener">Слайд 72</a><h3 class="slides-content text-center font-bold"><div><p>Примеры гиперссылок<br><p><a href=“proba.htm”>первая страница</a>
<br> <a href=“http://www.yandex.ru”> yandex</a><br><a href=“mailto:[e-mail]”> Почта </a><br><p>72<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Примеры гиперссылок первая страница yandex Почта 72" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-71.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-71.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-71.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-71.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-71.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide73" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/270362/slide-72.jpg" target="_blank" rel="noopener">Слайд 73</a><h3 class="slides-content text-center font-bold"><div><p>Задание 10 Создание гиперссылок<br><p>1.Создайте две страницы с именами str1.htm str2.htm <br>2.В элемениеTITLTRE</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 10 Создание гиперссылок 1.Создайте две страницы с именами str1.htm str2.htm 2.В" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/270362/slide-72.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/270362/slide-72.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/270362/slide-72.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-72.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/270362/slide-72.jpg" class="slides-image"><!----><div class="slides-content">укажите название странички<br>3. Задайте фон первой страницы зеленого цвета, а второй <br>Синего<br>4. На первой странице задайте ссылку на вторую страницу<br> <A href=“str2.htm”> На вторую страницу</a><br>5. На второй странице задайте ссылку на 1 страницу<br> <A href=“str2.htm”> На вторую страницу</a><br>6.Поместите на страницы две разные картинки и проверьте <br>работу гиперссылок<br><p>73<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"> Имя файла: Презентация-на-тему-Язык-HTML.pptx <br> Количество просмотров: 2426 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-na-razlichnye-temy/prezentaciya-na-temu-bazy-dannyx-i-sistemy-upravleniya-bazami-dannyx" class="navigation-link">Презентация на тему Базы данных и системы управления базами данных</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-na-razlichnye-temy/prezentaciya-na-temu-istoriya-robototexniki" class="navigation-link">Презентация на тему История робототехники </a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/rycarstvo" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/417715/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/417715/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/417715/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/417715/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/417715/slide-0.jpg" class="slides-image related-itemImage"> Рыцарство</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/vidy-i-texniki-zhivopisi" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/370467/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/370467/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/370467/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370467/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/370467/slide-0.jpg" class="slides-image related-itemImage"> Виды и техники живописи</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/osnovnye-priznaki-teksta-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/359585/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/359585/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/359585/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/359585/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/359585/slide-0.jpg" class="slides-image related-itemImage"> Основные признаки текста</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/gripp-ptic" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/375740/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/375740/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/375740/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/375740/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/375740/slide-0.jpg" class="slides-image related-itemImage"> Грипп птиц</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/sotnikova-sofya-vladimirovna-uchitel-ximii-vkk-mkou-bogucharskij-licej" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/434134/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/434134/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/434134/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/434134/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/434134/slide-0.jpg" class="slides-image related-itemImage"> СОТНИКОВА Софья Владимировна учитель химии ВКК МКОУ «Богучарский лицей»</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/kapitalnyy-remont-avtomobilnoy-dorogi-yuzhnyy-obhod" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/911504/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/911504/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/911504/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/911504/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/911504/slide-0.jpg" class="slides-image related-itemImage"> Капитальный ремонт автомобильной дороги Южный обход г.о. Подольск</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/strategicheskij-plan-kommunikacij-v-socialnyx-media-variant-vocus" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/475824/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/475824/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/475824/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/475824/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/475824/slide-0.jpg" class="slides-image related-itemImage"> Стратегический план коммуникаций в социальных медиа: вариант Vocus</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/sfera-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/319349/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/319349/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/319349/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/319349/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/319349/slide-0.jpg" class="slides-image related-itemImage"> Сфера</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/obshchaya-harakteristika-naznachenie-i-oblast-primeneniya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1150705/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1150705/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1150705/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150705/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150705/slide-0.jpg" class="slides-image related-itemImage"> Общая характеристика, назначение и область применения транспортирующих машин без тягового органа</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/elektroenergetika-4" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/442249/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/442249/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/442249/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/442249/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/442249/slide-0.jpg" class="slides-image related-itemImage"> Электроэнергетика</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/hudi" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1066100/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1066100/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1066100/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1066100/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1066100/slide-0.jpg" class="slides-image related-itemImage"> Худи</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/rannij-russkij-avangard" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/350673/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/350673/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/350673/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/350673/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/350673/slide-0.jpg" class="slides-image related-itemImage"> Ранний русский авангард</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/dobro-poghalovaty-v-nash-detskiy-sad-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/442982/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/442982/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/442982/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/442982/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/442982/slide-0.jpg" class="slides-image related-itemImage"> Добро пожаловать в наш детский сад</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/printsipy-gosudarstvennogo-kredita-v-sootnoshenii-s" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/929636/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/929636/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/929636/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/929636/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/929636/slide-0.jpg" class="slides-image related-itemImage"> Принципы государственного кредита в соотношении с принципами построения бюджетных отношений</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/izobrazheniya-vsyudu-vokrug-nas-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/978931/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/978931/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/978931/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/978931/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/978931/slide-0.jpg" class="slides-image related-itemImage"> Изображения всюду вокруг нас</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/mnogoaspektnyy-analiz-teksta-usloviya-uspeshnogo-formirovaniya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/928442/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/928442/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/928442/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/928442/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/928442/slide-0.jpg" class="slides-image related-itemImage"> Многоаспектный анализ текста - условия успешного формирования коммуникативной компетентности</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/mezhdunarodno-pravovaya-zashchita-prava-na-obedinenie" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/894871/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/894871/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/894871/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/894871/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/894871/slide-0.jpg" class="slides-image related-itemImage"> Международно-правовая защита права на объединение в профессиональные союзы</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/enciklopediya-odnogo-slova-3-klass" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/323282/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/323282/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/323282/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/323282/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/323282/slide-0.jpg" class="slides-image related-itemImage"> Энциклопедия одного слова (3 класс)</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/ne-pugayte-malysha-neznakomtsami" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/999269/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/999269/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/999269/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/999269/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/999269/slide-0.jpg" class="slides-image related-itemImage"> Не пугайте малыша незнакомцами</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/pazogrebnievye-silikatnye-bloki-fb-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/990979/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/990979/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/990979/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/990979/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/990979/slide-0.jpg" class="slides-image related-itemImage"> Пазогребниевые силикатные блоки</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/eurasian-foods-corp" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/991610/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/991610/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/991610/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/991610/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/991610/slide-0.jpg" class="slides-image related-itemImage"> Eurasian Foods Corp</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/materialy-k-klassnomu-chasu-o-vrede-kureniya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/441526/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/441526/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/441526/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/441526/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/441526/slide-0.jpg" class="slides-image related-itemImage"> Материалы к классному часу о вреде курения</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/prigotuvannya-buterbrodiv" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/945052/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/945052/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/945052/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/945052/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/945052/slide-0.jpg" class="slides-image related-itemImage"> Приготування бутербродiв</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/karacabey--harmanli-yerleke-projesi" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/890940/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/890940/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/890940/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890940/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/890940/slide-0.jpg" class="slides-image related-itemImage"> Karacabey – harmanli yerleşke projesi</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/ciklicheskij-algoritm-6-klass" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/312039/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/312039/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/312039/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/312039/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/312039/slide-0.jpg" class="slides-image related-itemImage"> Циклический алгоритм 6 класс</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/materialy-elektronnoy-tehniki-4" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1150154/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1150154/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1150154/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150154/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1150154/slide-0.jpg" class="slides-image related-itemImage"> Материалы электронной техники</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/azbuka-zhkh-dlya-shkolnikov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1118563/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1118563/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1118563/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118563/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1118563/slide-0.jpg" class="slides-image related-itemImage"> Азбука ЖКХ для школьников</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/krov-ochishchaet" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1128418/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1128418/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1128418/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128418/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128418/slide-0.jpg" class="slides-image related-itemImage"> Кровь очищает</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},categories:{result:[{id:I,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:"Информатика",pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:J,pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:270362,name:"Презентация на тему Язык HTML",category:J,count:74,jpg:"jpg\u002F270362",hits:2426,download:a,h1:K,meta:{h1:K,title:"Презентация на тему Язык HTML презентация",description:"Презентация на тему Язык HTML презентация, доклад, проект, Разное ",keywords:"Презентация на тему Язык HTML, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Разное",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Презентация на тему Язык HTML, из раздела: Разное. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EЯзык HTML\u003Cbr\u003E\u003Cp\u003EHTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.\u003Cbr\u003ESGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.\u003Cbr\u003EXML (Extended Markup Language) - расширяемый язык разметки.\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E2\u003Cbr\u003E \u003Cp\u003EОсновные понятия\u003Cbr\u003E\u003Cp\u003EГипертекст – структура, позволяющая \u003Cbr\u003Eустанавливать смысловые связки между элементами текста и другими документами.\u003Cbr\u003E\u003Cp\u003EГиперссылка – фрагмент текста, который \u003Cbr\u003Eявляется указателем на другой файл или объект.\u003Cbr\u003E\u003Cp\u003EWeb-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E3\u003Cbr\u003E",file:"Презентация-на-тему-Язык-HTML.pptx",texts:["\u003Cp\u003EНачальные сведения\u003Cbr\u003E\u003Cp\u003EЯзык HTML \u003Cbr\u003E\u003Cp\u003E1\u003Cbr\u003E","\u003Cp\u003EЯзык HTML\u003Cbr\u003E\u003Cp\u003EHTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.\u003Cbr\u003ESGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.\u003Cbr\u003EXML (Extended Markup Language) - расширяемый язык разметки.\u003Cbr\u003E\u003Cp\u003E2\u003Cbr\u003E","\u003Cp\u003EОсновные понятия\u003Cbr\u003E\u003Cp\u003EГипертекст – структура, позволяющая \u003Cbr\u003Eустанавливать смысловые связки между элементами текста и другими документами.\u003Cbr\u003E\u003Cp\u003EГиперссылка – фрагмент текста, который \u003Cbr\u003Eявляется указателем на другой файл или объект.\u003Cbr\u003E\u003Cp\u003EWeb-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.\u003Cbr\u003E\u003Cp\u003E3\u003Cbr\u003E","\u003Cp\u003EФрейм (Frame)\u003Cbr\u003E\u003Cp\u003EЭтот термин имеет два значения:\u003Cbr\u003E Область документа со своими полосами прокрутки\u003Cbr\u003EОдиночное изображение в анимационном графическом файле (кадр)\u003Cbr\u003E\u003Cp\u003E4\u003Cbr\u003E","\u003Cp\u003EАпплет (Applet)\u003Cbr\u003E\u003Cp\u003EПрограмма, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы\u003Cbr\u003E\u003Cp\u003EБраузер (Browser)\u003Cbr\u003E\u003Cp\u003EПрограмма для просмотра Web-страницы \u003Cbr\u003E\u003Cp\u003E5\u003Cbr\u003E","\u003Cp\u003EСкрипт или сценарий\u003Cbr\u003E (Script)\u003Cbr\u003E\u003Cp\u003EПрограмма, включенная в состав Web-страницы, для расширения ее возможностей\u003Cbr\u003E\u003Cp\u003ECGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.\u003Cbr\u003E\u003Cp\u003E6\u003Cbr\u003E","\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E1). Тексты;\u003Cbr\u003E \u003Cbr\u003E2). Таблицы;\u003Cbr\u003E \u003Cbr\u003E3). Логотипы;\u003Cbr\u003E \u003Cbr\u003E4). Эмблемы;\u003Cbr\u003E\u003Cp\u003E7\u003Cbr\u003E","\u003Cp\u003E5). Графику\u003Cbr\u003EГрафические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством. \u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E8\u003Cbr\u003E","\u003Cp\u003EГрафические форматы\u003Cbr\u003E\u003Cp\u003EGIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. \u003Cbr\u003EJPEG (JPG) - Joint Photography Experts Group. \u003Cbr\u003E\tЭтот формат допускает сохранение изображений, содержащих миллионы цветов.\u003Cbr\u003E\u003Cp\u003E9\u003Cbr\u003E","\u003Cp\u003E6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы. \u003Cbr\u003Eбольшие имеют размер 468 х 60 пикселей, \u003Cbr\u003Eсредние 120 х 60, \u003Cbr\u003Eмаленькие 88 х 31. \u003Cbr\u003EСобираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки.\u003Cbr\u003EМогут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись\u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E10\u003Cbr\u003E","\u003Cp\u003E7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).\u003Cbr\u003Eavi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт\u003Cbr\u003Ewav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт)\u003Cbr\u003Emid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer.\u003Cbr\u003E.mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин ≅ 3 Мбайта. \u003Cbr\u003EЭти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт.\u003Cbr\u003EGif-файлы сжимаются на 20%.\u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E11\u003Cbr\u003E","\u003Cp\u003E8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.\u003Cbr\u003E 9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).\u003Cbr\u003E \u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E12\u003Cbr\u003E","\u003Cp\u003E10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет).\u003Cbr\u003E11). Гиперссылки – ссылки на другие станицы.\u003Cbr\u003E12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.\u003Cbr\u003E\u003Cp\u003EЧто могут содержать Web-страницы:\u003Cbr\u003E\u003Cp\u003E13\u003Cbr\u003E","\u003Cp\u003Eтеги HTML\u003Cbr\u003E\u003Cp\u003E14\u003Cbr\u003E","\u003Cp\u003EHTML - теги\u003Cbr\u003E\u003Cp\u003EЯзык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами \u003Cbr\u003E(от английского tag).\u003Cbr\u003EТег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может \u003Cbr\u003Eследовать список атрибутов (все атрибуты располагаются в начальном теге). \u003Cbr\u003E\u003Cp\u003EБольшинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ \t\t\t« \u002F ». \u003Cbr\u003E\u003Cp\u003E15\u003Cbr\u003E","\u003Cp\u003EНазначение HTML-тегов\u003Cbr\u003E\u003Cp\u003EФорматирования текста;\u003Cbr\u003EОписания кадров и форм; \u003Cbr\u003EФорматирования таблиц и списков;\u003Cbr\u003EОрганизации ссылок на другие ресурсы; \u003Cbr\u003EВставки изображений и расширений HTML.\u003Cbr\u003E\u003Cp\u003E16\u003Cbr\u003E","\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FBODY\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Конец разметки документа\u003Cbr\u003E\u003Cp\u003E17\u003Cbr\u003E","\u003Cp\u003E Между тегами \u003CTitle\u003E и \u003C\u002FTitle\u003E пишется название сайта\u003Cbr\u003E\u003Cp\u003EТег \u003Cmeta\u003E несет служебную информацию о сайте\u003Cbr\u003Eи не отображается на экране браузера:\u003Cbr\u003EИмя автора страницы;\u003Cbr\u003EИнформация о кодировке;\u003Cbr\u003EНабор ключевых слов для поиска, отображающих содержание сайта.\u003Cbr\u003E\u003Cp\u003E18\u003Cbr\u003E","\u003Cp\u003EПример Web -страницы\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\t\u003CHEAD\u003E\u003Cbr\u003E \t\t\u003CTITLE\u003E О братьях наших меньших \u003C\u002FTITLE\u003E\u003Cbr\u003E\t\t\u003CMETA http-equiv=“Content-Type” content=“text\u002Fhtml; \t\tcharset=windows-1251”\u003E\u003Cbr\u003E\t\t\u003CMETA name=“Author” content=“Ivanov Ivan”\u003E\u003Cbr\u003E\t\t\u003CMETA name = “Keywords” content=“Животные, \t\tприрода, зоопарк, фауна”\u003E\u003Cbr\u003E\t\u003C\u002FHEAD\u003E\u003Cbr\u003E\t\t\u003CBODY\u003E\u003Cbr\u003E\t\tЗдесь размещается содержимое страницы\u003Cbr\u003E\t\t\u003C\u002FBODY\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cp\u003E19\u003Cbr\u003E","\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003CTITLE\u003E школа\u003C\u002FTITLE\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHTML\u003E\u003Cbr\u003E\u003Cp\u003E\u003CHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003Cp\u003E\u003CBODY\u003E\u003Cbr\u003E\u003Cp\u003E\u003C\u002FBODY\u003E\u003Cbr\u003E\u003Cp\u003EСайт, посвященный школе\u003Cbr\u003E\u003Cp\u003E\u003C META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, знание”\u003E \u003Cbr\u003E\u003Cp\u003EПример Web –страницы с метатегами\u003Cbr\u003E\u003Cp\u003E20\u003Cbr\u003E","\u003Cp\u003EЗадание 1 Создание структуры страницы\u003Cbr\u003E\u003Cp\u003EОткройте текстовый редактор блокнот.\u003Cbr\u003EНаберите структуру приведенной ранее страницы\u003Cbr\u003EМежду элементами \u003CBODY\u003E\t\u003C\u002FBODY\u003E наберите\u003Cbr\u003E\t\u003CP\u003E Моя первая страница\u003C\u002FP\u003E\u003Cbr\u003E4. Сохраните файл с именем index.htm в папке STRANICA\u003Cbr\u003E5. Просмотрите страницу в браузере.\u003Cbr\u003E\u003Cp\u003E21\u003Cbr\u003E","\u003Cp\u003EФорматирование текста\u003Cbr\u003E\u003Cp\u003E22\u003Cbr\u003E","\u003Cp\u003EФорматирования текста\u003Cbr\u003E\u003Cp\u003EФорматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом \u003Cbr\u003E\t\u003CFONT\u003E текст \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003EРазмер задается атрибутом SIZE, который может принимать значения от 1 до 7.\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CFONT SIZE=3\u003E тексту задан размер 3 \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003E23\u003Cbr\u003E","\u003Cp\u003ECOLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной системе счисления или название на английском языке\u003Cbr\u003E color=“#FF0000” \t\tcolor=”red”\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CFONT color=“blue”\u003E это шрифт синего цвета\u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cp\u003ER-red 00-FF 0-255\u003Cbr\u003E\u003Cp\u003EG-green 00-FF 0-255 \u003Cbr\u003E\u003Cp\u003EB - blue 00-FF 0-255\u003Cbr\u003E\u003Cp\u003ERGB\u003Cbr\u003E\u003Cp\u003E24\u003Cbr\u003E","\u003Cp\u003EНазвания цветов и значения RGB\u003Cbr\u003E\u003Cp\u003E25\u003Cbr\u003E","\u003Cp\u003Eформатирование шрифтов\u003Cbr\u003E\u003Cp\u003E26\u003Cbr\u003E","\u003Cp\u003EFACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с запятой)\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CFONT FACE=“arial”\u003E \u003C\u002F FONT\u003E\u003Cbr\u003E\u003Cp\u003EВсе атрибуты могут быть использованы совместно внутри тега \u003C FONT\u003E\u003Cbr\u003EПример.\u003Cbr\u003E\u003Cp\u003E\u003CFONT FACE=“arial” size=3 color=“blue”\u003E Это шрифт arial размером 3 синего цвета\u003C\u002F FONT\u003E\u003Cbr\u003E\u003Cp\u003E27\u003Cbr\u003E","\u003Cp\u003E\u003CB\u003Eтест\u003C\u002FB\u003E выделение шрифта полужирным шрифтом\u003Cbr\u003E\u003CI\u003Eтест\u003C\u002FI\u003E выделение шрифта курсивом\u003Cbr\u003E\u003CU\u003Eтест\u003C\u002FU\u003E подчеркнутый шрифт\u003Cbr\u003Ex\u003Csup\u003E2\u003C\u002Fsup\u003E верхний индекс (х2) \u003Cbr\u003Ex\u003Csub\u003E2\u003C\u002Fsub\u003E нижний индекс (х2) \u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EФорматирование шрифтов\u003Cbr\u003E\u003Cp\u003E28\u003Cbr\u003E","\u003Cp\u003EПримеры со шрифтами\u003Cbr\u003E\u003Cbr\u003EПример действия параметра FASE\u003Cbr\u003E\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 FACE=″Arial Cyr″\u003EШРИФТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 FACE=″Times New Romans Cyr″\u003EРАЗНОГО\u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cbr\u003E\u003C FONT SIZE=5 FACE=″Courier New Cyr″\u003EНАЧЕРТАНИЯ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp\u003E29\u003Cbr\u003E","\u003Cp\u003EПримеры со шрифтами\u003Cbr\u003EПример действия параметра SIZE\u003Cbr\u003E \u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=1 \u003EШ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EР\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EИ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EФ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=1 \u003EТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=2 \u003EР\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЗ\u003C\u002FFONT\u003E\u003CFONT SIZE=+3 \u003EН\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EО\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EГ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=2 \u003EО\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=3 \u003EР\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЗ\u003C\u002FFONT\u003E\u003CFONT SIZE=+3 \u003EМ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=+2 \u003EЕ\u003C\u002FFONT\u003E\u003CFONT SIZE=+1 \u003EР\u003E\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=3 \u003EА\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp\u003E30\u003Cbr\u003E","\u003Cp\u003EПримеры со шрифтами\u003Cbr\u003EПример действия параметра COLOR\u003Cbr\u003E\u003CP ALIGN =CENTER\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=RED\u003EШРИФТ\u003C\u002FFONT\u003E\u003Cbr\u003E\u003CFONT SIZE=5 COLOR=GREEN\u003EРАЗНОГО \u003C\u002FFONT\u003E\u003Cbr\u003E\u003C FONT SIZE=5 COLOR=BLUE\u003EЦВЕТА \u003C\u002FFONT\u003E\u003Cbr\u003E\u003Cbr\u003E\u003C\u002FP\u003E\u003Cbr\u003EЗАДАНИЕ \u003Cbr\u003EНаписать разными по цвету буквами:\u003Cbr\u003E\tКАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН\u003Cbr\u003E\u003Cp\u003E31\u003Cbr\u003E","\u003Cp\u003E\u003Cpre\u003Eт е с т \u003C\u002Fpre\u003E -сохраняет исходный вид отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т ) \u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CH3 ALIGN=CENTER\u003E ПУТЬ К МУДРОСТИ \u003C\u002FH3\u003E\u003Cbr\u003E\u003CPRE\u003E\u003CFONT SIZE=3\u003E\u003Cbr\u003E\t\tК мудрости путь – по ухабам ошибок;\u003Cbr\u003E\t\t\tИди же и носа не вешай:\u003Cbr\u003E\t\t\t\tУшибы,\u003Cbr\u003E\t\t\t\t\tушибы,\u003Cbr\u003E\t\t\t\t\tи снова ушибы\u003Cbr\u003E\t\tНо реже\u003Cbr\u003E\t\t\t\tи реже,\u003Cbr\u003E\t\t\t\t\tи реже… \u003Cbr\u003E\u003C\u002FPRE\u003E\u003Cbr\u003E\u003Cp\u003EФорматирование шрифтов\u003Cbr\u003E\u003Cp\u003E32\u003Cbr\u003E","\u003Cp\u003Eфоматирование заголовков\u003Cbr\u003E\u003Cp\u003E33\u003Cbr\u003E","\u003Cp\u003EФорматирования заголовков\u003Cbr\u003E\u003Cp\u003E\u003Ch1\u003Eтест\u003C\u002Fh1\u003E ⇔ тест\u003Cbr\u003E\u003Ch2\u003Eтест\u003C\u002Fh2\u003E ⇔ тест\u003Cbr\u003E\u003Ch3\u003Eтест\u003C\u002Fh3\u003E ⇔ тест\u003Cbr\u003E\u003Ch4\u003Eтест\u003C\u002Fh4\u003E ⇔ тест\u003Cbr\u003E\u003Ch5\u003Eтест\u003C\u002Fh5\u003E ⇔ тест\u003Cbr\u003E\u003Ch6\u003Eтест\u003C\u002Fh6\u003E ⇔ тест\u003Cbr\u003E\u003Cp\u003EСуществует шесть уровней заголовков\u003Cbr\u003E\u003Cp\u003E34\u003Cbr\u003E","\u003Cp\u003EПример\t\u003Cbr\u003E\u003Cbr\u003E\u003CH1 ALIGN=CENTER\u003E ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ\u003C\u002FH1\u003E\u003Cbr\u003E\u003CH2 ALIGN=RIGHT\u003E ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ \u003C\u002FH2\u003E\u003Cbr\u003E\u003CH3 ALIGN=CENTER\u003E ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ \u003C\u002FH3\u003E\u003Cbr\u003E\u003CH4 ALIGN=CENTER\u003E ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ\u003C\u002FH4\u003E\u003Cbr\u003E\u003CH5 ALIGN=LEFT\u003E ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ\u003C\u002FH5\u003E\u003Cbr\u003E\u003CH6 ALIGN=RIGHT\u003E ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ\u003C\u002FH6\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E35\u003Cbr\u003E","\u003Cp\u003Eформатирование абзацев\u003Cbr\u003E\u003Cp\u003E36\u003Cbr\u003E","\u003Cp\u003EРазбивка на абзацы\u003Cbr\u003E\u003Cp\u003E\u003CP\u003Eтекст \u003C\u002FP\u003E - новый абзац, можно использовать только начальный тег, т.к. следующий элемент \u003Cp\u003E обозначает не только начало следующего абзаца, но и конец предыдущего\u003Cbr\u003Eтест\u003CBR\u003Eтест -\tперенос текста на новую строку без абзацного отступа\t\t\t\u003Cbr\u003Eтест\t\t\t\t\u003Cbr\u003Eтест\u003Cbr\u003Eтест\u003CHR\u003Eтест \tразделительная линия\u003Cbr\u003E\t\t\t\t\u003Cbr\u003E\t\t\t\tтест\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t\t\t\u003Cbr\u003E\t\t\t\tтест\u003Cbr\u003E\u003Cp\u003E37\u003Cbr\u003E","\u003Cp\u003EПараметры тега HR\u003Cbr\u003E\u003Cp\u003E38\u003Cbr\u003E","\u003Cp\u003ENOSHADE запрет выпуклости\u003Cbr\u003E\u003CH2 ALIGN=CENTER\u003E ПРИМЕРЫ ОТЛИНОВОК\u003C\u002FH2\u003E\u003Cbr\u003E\u003CHR SIZE=2 WIDTH=80% ALIGN=CENTER\u003E\u003Cbr\u003E\u003CP ALIGN=CЕNTER\u003Eпростая отлиновка толщиной 2 пикселя \u003C\u002FP\u003E\u003Cbr\u003E\u003CHR SIZE=20 WIDTH=20% ALIGN=CENTER\u003E\u003Cbr\u003E\u003CP ALIGN=CЕNTER\u003Eтолстая и короткая линия \u003C\u002FP\u003E\u003Cbr\u003E\u003CHR SIZE=20 WIDTH=20% COLOR=RED NOSHADE \u003Cbr\u003EALIGN=CENTER\u003E\u003Cbr\u003E\u003CP ALIGN=CЕNTER\u003Eтакая же линия красного цвета \u003C\u002FP\u003E\u003Cbr\u003E \u003CP\u003E\u003Cbr\u003E\u003CHR SIZE=30 WIDTH=30 COLOR=BLACK NOSHADE \u003Cbr\u003EALIGN=CENTER\u003E\u003Cbr\u003EALIGN=CENTER\u003Eчерный квадрат 30х30 пикселей \u003C\u002FP\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПримеры отлиновок\u003Cbr\u003E\u003Cp\u003E39\u003Cbr\u003E","\u003Cp\u003EПример.\u003Cbr\u003EУронили мишку на пол, \u003CBR\u003E Оторвали мишке лапу, \u003CBR\u003E Все равно его не брошу, \u003CBR\u003E Потому, что он хороший\u003Cbr\u003E\u003Cp\u003EНа экране браузера увидим разбиение текста на четверостишие\u003Cbr\u003E\u003Cp\u003E40\u003Cbr\u003E","\u003Cp\u003EВыравнивание абзацев\u003Cbr\u003E\u003Cp\u003EВместе с элементом абзац \u003Cp\u003E можно использовать атрибут выравнивания align\u003Cbr\u003E\u003Cp\u003E41\u003Cbr\u003E","\u003Cp\u003E\u003CP\u003E По умолчанию выравнивание по левому краю\u003C\u002FP\u003E\u003Cbr\u003E\u003Cp ALIGN =center\u003EЦентрирование \u003CBR\u003Eвсех строк абзаца, \u003CBR\u003E в том числе включая принудительные разрывы\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp ALIGN =RIGHT\u003E Этот абзац выровнен по правому краю\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp ALIGN =LEFT\u003E Этот абзац выровнен по левому краю, также, как и по умолчанию\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cp ALIGN =JUSTIFY\u003E Этот абзац выровнен одновременно по левому и правому краям, но в старых версиях браузеров воспринимается как выравнивание по левому краю\u003C\u002Fp\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003Cp\u003E42\u003Cbr\u003E","\u003Cp\u003EЗадание 2 Форматирование текста на странице\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 2» и вашу фамилию.\u003Cbr\u003EОтформатируйте текст по заданию:\u003Cbr\u003EДомашние животные (заголовок H1)\u003Cbr\u003EСобаки (заголовок H2, центральное выравнивание}\u003Cbr\u003EСторожевые (выравнивание слева, полужирный шрифт)\u003Cbr\u003EОхотничьи (выравнивание справа, полужирный шрифт)\u003Cbr\u003EДрессировка (выравнивание по центру, полужирный курсивный шрифт)\u003Cbr\u003EКлубы\t\tВыставки\t\tПлощадки \u003Cbr\u003E(выравнивание по центру, размер шрифта14, цвет красный)\u003Cbr\u003EСтихотворение (выравнивание по центру, синий шрифт)\u003Cbr\u003EПо жизни я скромен\u003Cbr\u003EОваций не надо!\u003Cbr\u003EНо как же я классно\t(Выравнивание по левому краю, размер шрифта 10)\u003Cbr\u003EСмотрюсь у снаряда!\u003Cbr\u003E\u003Cp\u003E43\u003Cbr\u003E","\u003Cp\u003E\t1. Создайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 3» и вашу фамилию.\r\n3. Отформатируйте текст по заданию:\r\n\u003Chtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003EПрактическая работа3 Фамилия \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=1 color=#ff0000 \u003E Каждый \u003C\u002Ffont\u003E \r\n\u003Cfont size=2 color=#ff9900 \u003E охотник \u003C\u002Ffont\u003E \u003Cfont size=3 color=#ffff00 \u003E желает \u003C\u002Ffont\u003E \r\n\u003Cfont size=4 color=#00ff00 \u003E знать, \u003C\u002Ffont\u003E \r\n\u003Cfont size=5 color=#00ccff \u003E где \u003C\u002Ffont\u003E \r\n\u003Cfont size=6 color=#0000ff \u003E сидит \u003C\u002Ffont\u003E \r\n\u003Cfont size=7 color=#ff00ff \u003E фазан \u003C\u002Ffont\u003E \r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EЗадание 3 Форматирование текста на странице\u003Cbr\u003E\u003Cp\u003E44\u003Cbr\u003E","\u003Cp\u003E\u003Chtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003EПрактическая работа 4 Фамилия \r\n \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Ch1\u003E Роман\u003C\u002Fh1\u003E\r\n\u003Ch2\u003E Книга\u003C\u002Fh2\u003E\r\n\u003Ch3\u003E Том\u003C\u002Fh3\u003E\r\n\u003Ch4\u003E Часть\u003C\u002Fh4\u003E\r\n\u003Ch5\u003E Глава\u003C\u002Fh5\u003E\r\n\u003Ch6\u003E Параграф\u003C\u002Fh6\u003E\r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EЗадание 4 Форматирование заголовков\u003Cbr\u003E\u003Cp\u003E1. Создайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 4» и вашу фамилию.\r\n3. Отформатируйте текст по заданию:\r\n\u003Cbr\u003E\u003Cp\u003E45\u003Cbr\u003E","\u003Cp\u003EЗадание 5 Форматирование абзацев\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\r\n2. В элемент \u003Ctitle\u003E укажите «Практическая работа 5» и вашу фамилию.\r\n3. Отформатируйте текст стихотворения тремя разными способами оформления:\r\n Уж небо осенью дышало. \r\n Все реже солнышко блистало. \r\n Короче становился день. \u003Cbr\u003EТекст шрифта красный, размером 4, курсив\u003Cbr\u003E\u003Cp\u003E46\u003Cbr\u003E","\u003Cp\u003Ehtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003E 1 способ форматирования \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=4 color=#ff0000 \u003E\r\n\u003Cb\u003E\u003CI\u003E \u003Cp\u003EУж небо осенью дышало. \u003C\u002Fp\u003E \r\n \u003Cp\u003E Все реже солнышко блистало. \u003C\u002Fp\u003E \r\n \u003Cp\u003E Короче становился день. \u003C\u002Fp\u003E \r\n \u003C\u002FI\u003E\u003C\u002Fb\u003E\u003C\u002Ffont\u003E \r\n \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EПример 1 ответ к заданию 5\u003Cbr\u003E\u003Cp\u003E47\u003Cbr\u003E","\u003Cp\u003Ehtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003E2 способ форматирования \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n\u003Cfont size=4 color=#ff0000 \u003E\r\n\u003Cp align=center\u003E\u003Cb\u003E\u003CI\u003E\r\nУж небо осенью дышало. \u003Cbr\u003E \r\n Все реже солнышко блистало. \u003Cbr\u003E \r\n Короче становился день. \u003Cbr\u003E \r\n \u003C\u002FI\u003E\u003C\u002Fb\u003C\u002Fp\u003E\r\n \u003E\u003C\u002Ffont\u003E \u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EПример 2 ответа к заданию 5\u003Cbr\u003E\u003Cp\u003E48\u003Cbr\u003E","\u003Cp\u003Ehtml\u003E\r\n \u003Chead\u003E\r\n \u003Ctitle\u003E3 способ форматирования \u003C\u002Ftitle\u003E\r\n \u003C\u002Fhead\u003E\r\n \u003Cbody\u003E\r\n \u003Cpre\u003E\u003C \u003Cfont size=4\u003E\r\nУж небо осенью дышало. \r\nВсе реже солнышко блистало. \r\n Короче становился день. \r\n \u003E\u003C\u002Ffont\u003E \u003C\u002Fpre\u003E\r\n\u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E\u003Cp\u003EПример 3 ответа к заданию 5\u003Cbr\u003E\u003Cp\u003E49\u003Cbr\u003E","\u003Cp\u003EБегущая строка\r\n\u003CMARQUEE\u003E…\u003C\u002FMARQUEE\u003E\u003Cbr\u003E\u003Cp\u003EПараметры:\u003Cbr\u003EBGCOLOR- фоновый цвет плашки\u003Cbr\u003EWIDTH HEIGHT -ширина и высота плашки\u003Cbr\u003ELOOP -количество повтороений (INFINITE - непрерывно)\u003Cbr\u003ESCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях\u003Cbr\u003ESCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки\u003Cbr\u003EDIRECTION-указывает напрвление прокрутки\u003Cbr\u003EBEHAVIOR=SCROOLL -напрвление слева направо\u003Cbr\u003EBEHAVIOR=SLIDE - напрвление справа налево\u003Cbr\u003E\u003Cp\u003E50\u003Cbr\u003E","\u003Cp\u003EПример бегущей строки\u003Cbr\u003E\u003Cp\u003E\u003CMARQUEE BEHAVIOR=ALTERNATE DIRECTION=RIGHT LOOP=5 SCROOLLAMOUNT=3 SCROOLLDELAY=100 WIDTH=50% HEIGHT=150 BGCOLOR=“#F0F000” HSPACE=10 VSPACE=10\u003E\u003Cbr\u003E\u003CBR\u003E\u003Cbr\u003E\u003CTABLE WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”\u003E\u003Cbr\u003E\u003CTR\u003E\u003Cbr\u003E\u003CTD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100\u003E\u003Cbr\u003E\u003C\u002FTD\u003E\u003Cbr\u003E\u003CTD ALIGN=CENTER VALIGN=MIDDLE\u003E\u003Cbr\u003E\u003CFONT COLOR=“RED”\u003E НАЗВАНИЕ ФИРМЫ\u003CBR\u003E ПРИХОДИТЕ ПОЖАЛУЙСТА!\u003C\u002FB\u003E\u003C\u002FFONT\u003E\u003Cbr\u003E\u003C\u002FTD\u003E\u003Cbr\u003E\u003C\u002FTR\u003E\u003Cbr\u003E\u003C\u002FTABLE\u003E\u003Cbr\u003E\u003C\u002FMARQUEE\u003E\u003Cbr\u003EСтрока пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки \u003Cbr\u003E\u003Cp\u003E51\u003Cbr\u003E","\u003Cp\u003Eформатирование списков\u003Cbr\u003E\u003Cp\u003E52\u003Cbr\u003E","\u003Cp\u003EМаркированные списки\u003Cbr\u003E\u003Cp\u003E\u003Cul\u003E\u003Cbr\u003E\t\u003Cli\u003Eпервый элемент\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003Eвторой элемент\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Ful\u003E\u003Cbr\u003EРезультат:\u003Cbr\u003Eпервый элемент \u003Cbr\u003Eвторой элемент\u003Cbr\u003E\u003Cp\u003E53\u003Cbr\u003E","\u003Cp\u003EНумерованные списки\u003Cbr\u003E\u003Cp\u003E\u003Col\u003E\u003Cbr\u003E\t\u003Cli\u003Eпервый элемент\u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003Eвторой элемент\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\t1. первый элемент \u003Cbr\u003E2. второй элемент\u003Cbr\u003E\u003Cp\u003E54\u003Cbr\u003E","\u003Cp\u003EСпособы нумерации списков\u003Cbr\u003E\u003Cp\u003EСпособ нумерации задается за счет атрибута type\u003Cbr\u003E\u003Cp\u003EАтрибут\t\tВид нумерации\u003Cbr\u003Etype=“1”\t\t1, 2, 3, 4…\u003Cbr\u003Etype=“i”\t\ti, ii, iii, iv…\u003Cbr\u003EType=“I”\t\tI, II, III, IV…\u003Cbr\u003Etype=“a”\t\ta, b, c, d…\u003Cbr\u003Etype=“A”\t\tA, B, C, D…\u003Cbr\u003E\u003Cp\u003E55\u003Cbr\u003E","\u003Cp\u003EСписки определений\u003Cbr\u003E\u003Cp\u003E\u003Cdl\u003E\u003Cbr\u003E\t\u003Cdt\u003EТермин\u003C\u002Fdt\u003E\u003Cbr\u003E\t\u003Cdd\u003EОпределение\u003C\u002Fdd\u003E\u003Cbr\u003E\u003C\u002Fdl\u003E\u003Cbr\u003EРезультат:\u003Cbr\u003EТермин \u003Cbr\u003EОпределение\u003Cbr\u003E\u003Cp\u003E56\u003Cbr\u003E","\u003Cp\u003EПРИМЕР\u003Cbr\u003E\u003Col start=1 type=I\u003E\u003Cbr\u003E\t\u003Cli\u003Eвведение \u003C\u002Fli\u003E\u003Cbr\u003E\t\u003Cli\u003Eназначение языка HTML\u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eкоманды теги HTML\u003C\u002Fli\u003E\u003Cbr\u003E \u003Col start=1 type=1\u003E\u003Cbr\u003E \t\u003Cli\u003Eформатирование текста \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cul type=disc\u003E\u003Cbr\u003E \u003Cli\u003Eжирность \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eнаклон \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eподчеркивание \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eиндексы \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cul type=circle\u003E\u003Cbr\u003E \u003Cli\u003Eнижние \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eверхние \u003C\u002Fli\u003E\u003Cbr\u003E \u003Cli\u003Eподчеркивание \u003C\u002Fli\u003E\u003Cbr\u003E \u003C\u002Ful\u003E\u003Cbr\u003E \u003Cli\u003E цвет \u003C\u002Fli\u003E\u003Cbr\u003E \u003C\u002Ful\u003E\u003Cbr\u003E \u003Cli\u003Eработа с абзацами\u003C\u002Fli\u003E\u003Cbr\u003E \u003C\u002Fol\u003E\u003Cbr\u003E \u003Cli\u003Eдизайн страницы\u003C\u002Fli\u003E\u003Cbr\u003E li\u003Eразмещение сайта на сервере\u003C\u002Fli\u003E\u003Cbr\u003E\u003C\u002Fol\u003E\u003Cbr\u003E\u003Cp\u003E57\u003Cbr\u003E","\u003Cp\u003EЗадание 6 Создание списков\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 6» и вашу фамилию.\u003Cbr\u003EОтформатируйте текст по заданию:\u003Cbr\u003EСолнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)\u003Cbr\u003EТеплым.\u003Cbr\u003EКруглым.\u003Cbr\u003EЖелтым.\u003Cbr\u003EСнег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)\u003Cbr\u003E\t\t\tА. Белым\u003Cbr\u003E\t\t\tB. Холодным\u003Cbr\u003E\t\t\tC. Пушистым\u003Cbr\u003E\t\t(шрифт списков черный, размер 3)\u003Cbr\u003E\u003Cp\u003E58\u003Cbr\u003E","\u003Cp\u003EЗадание 6 -1 Создание списков\u003Cbr\u003E\u003Cp\u003EСоздайте страницы со следующими списками:\u003Cbr\u003E\u003Cbr\u003EПеречень покупок:\u003Cbr\u003EГовядина -1кг\u003Cbr\u003EМасло сливочное -500 г\u003Cbr\u003EХлеб - 2 батона\u003Cbr\u003EМолоко - 1 литр\u003Cbr\u003E\u003Cbr\u003EАлгоритм вычисления дробей:\u003Cbr\u003Eочистить экран\u003Cbr\u003Eввести значения X и Y\u003Cbr\u003Eесли у=0, вернуться к пункту 2\u003Cbr\u003Eвычислить z=x\u002Fy\u003Cbr\u003Eвывести результат z \u003Cbr\u003E\u003Cp\u003E59\u003Cbr\u003E","\u003Cp\u003Eоформление фона и вставка рисунков\u003Cbr\u003E\u003Cp\u003E60\u003Cbr\u003E","\u003Cp\u003EЗадание фона страницы\u003Cbr\u003E\u003Cp\u003EДля задания цвета фона на странице надо внутри начального элемента\u003CBODY\u003E указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.\u003Cbr\u003E\u003Cp\u003EПример\u003Cbr\u003E\u003CBODY BGCOLOR=“blue”\u003E… \u003C\u002FBODY\u003E \u003Cbr\u003E\u003CBODY BGCOLOR=“00FF00”\u003E… \u003C\u002FBODY\u003E\u003Cbr\u003E\u003CBODY BACKGROUND=“FON.JPG”\u003E\u003Cbr\u003E\u003Cp\u003E61\u003Cbr\u003E","\u003Cp\u003EВставка рисунков\u003Cbr\u003E\u003Cp\u003EIMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.\u003Cbr\u003EНеобходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.\u003Cbr\u003E\u003Cp\u003EПример.\u003Cbr\u003E\u003CIMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”\u003E\u003Cbr\u003E\u003CBODY BACKGROUND=“WOOD.JPG”\u003E\u003Cbr\u003E\u003Cp\u003E62\u003Cbr\u003E","\u003Cp\u003E \u003CP align=center\u003E\u003CIMG src=\"pic.gif\" \u003E\u003C\u002Fp\u003E рисунок в центре, текст сверху и снизу\u003Cbr\u003E\u003CP align=justify\u003E\u003CIMG src=\"pic.gif\" align=left\u003E \u003C\u002Fp\u003E рисунок слева\u003Cbr\u003E\u003CP align=justify\u003E\u003CIMG src=\"pic.gif\" align=right\u003E \u003C\u002Fp\u003E рисунок справа\u003Cbr\u003E\u003Cp\u003EПримеры обтекания иллюстраций в документе\u003Cbr\u003E\u003Cp\u003E63\u003Cbr\u003E","\u003Cp\u003EЗадание 7 Размещение графики на Web - страницах\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 7» и вашу фамилию.\u003Cbr\u003EВ элементе \u003CBODY\u003E задайте атрибут, чтобы цвет фона страницы был черным.\u003Cbr\u003EСделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.\u003Cbr\u003EВставьте горизонтальную линию красного цвета.\u003Cbr\u003EСделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.\u003Cbr\u003EВставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.\u003Cbr\u003EРисунок\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E64\u003Cbr\u003E","\u003Cp\u003EЗадание 8 Размещение графики на Web - страницах\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 8» и вашу фамилию.\u003Cbr\u003EРазместите на странице рисунок \u003Cbr\u003EСделайте надпись к рисунку\u003Cbr\u003EСоздайте рамку вокруг рисунка шириной 2 пикселя.\u003Cbr\u003EНад рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.\u003Cbr\u003EВставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E65\u003Cbr\u003E","\u003Cp\u003EЗадание 9 изменение размеров изображения\u003Cbr\u003E\u003Cp\u003EСоздайте новую страницу в редакторе блокнот.\u003Cbr\u003EВ элемент \u003Ctitle\u003E укажите «Практическая работа 9» и вашу фамилию.\u003Cbr\u003EВ элементе \u003CBODY\u003E задайте атрибут, чтобы цвет фона страницы зеленым.\u003Cbr\u003EВставьте изображение. Задайте его размеры 100x100 пикселей.\u003Cbr\u003EОтредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E66\u003Cbr\u003E","\u003Cp\u003Eгиперссылки\u003Cbr\u003E\u003Cp\u003E67\u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003EГиперссылки условно можно разделить на следующие виды:\u003Cbr\u003E Внутренние –связывающие документы внутри одного и того же узла;\u003Cbr\u003EВнешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;\u003Cbr\u003EГиперссылка на почтовый адрес;\u003Cbr\u003EМетки-якоря – позволяющие переходить посетителю на определенные разделы документа.\u003Cbr\u003E\u003Cp\u003E68\u003Cbr\u003E","\u003Cp\u003EГиперссылки\u003Cbr\u003E\u003Cp\u003E\u003CA href = “адрес ссылки”\u003E текст для щелчка мыши \u003C\u002FA\u003E\u003Cbr\u003E\u003CA href = “адрес ссылки”\u003E \u003CIMG src=“ссылка на рисунок”\u003E \u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003EВнутри тега \u003CBODY\u003E используется атрибут, задающий цвет гиперссылок\u003Cbr\u003Elink – задает цвет исходных ссылок\u003Cbr\u003Evlink – задает цвет посещенных ссылок\u003Cbr\u003Ealink – задает цвет активных ссылок (цвет при нажатии мыши)\u003Cbr\u003E\u003Cp\u003EДля указания электронной почты и запуска электронной программы используется ссылка:\u003Cbr\u003E \u003CA href =“mailto:[e-mail]”\u003E Иванов Иван\u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003E69\u003Cbr\u003E","\u003Cp\u003EПримеры гиперссылок\u003Cbr\u003E\u003Cp\u003E\u003CA href=“#new” \u003E Новые поступления\u003C\u002FA\u003E - переход к строке той же страницы, помеченной тегом \u003Cbr\u003E\u003CA name=“new”\u003E\u003Cbr\u003E\u003CA href=“pag2.htm#new1” \u003E примечания\u003C\u002FA\u003E - переход на страницу сайта pag2 к строке, помеченной тегом \u003Cbr\u003E\u003CA name=“new1”\u003E\u003Cbr\u003E\u003Cp\u003E подробности читайте\u003CA href=“pag2.htm” \u003E вторая страница \u003C\u002FA\u003E\u003C\u002Fp\u003E - ссылка на другую страницу того же сайта\u003Cbr\u003E\u003Cp\u003E70\u003Cbr\u003E","\u003Cp\u003E\u003Cp\u003E \u003CA href=“pag2.htm” \u003E IMG src=log.gif alt=“о нашей фирме” \u003C\u002FA\u003E\u003C\u002Fp\u003E - ссылка на другую страницу того же сайта, но ссылкой является рисунок\u003Cbr\u003E\u003CA href=“myfile.exe” title=” файл 10 мегабайт”\u003E Скачать программу\u003C\u002FA\u003E -ссылка с подсказкой title\u003Cbr\u003E\u003CA ref=“http:\u002F\u002Fhome.ifmo.ru\u002Findex.html”\u003Eтест\u003C\u002FA\u003E - внешняя ссылка\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EПримеры гиперссылок\u003Cbr\u003E\u003Cp\u003E71\u003Cbr\u003E","\u003Cp\u003EПримеры гиперссылок\u003Cbr\u003E\u003Cp\u003E\u003Ca href=“proba.htm”\u003Eпервая страница\u003C\u002Fa\u003E\r\n\u003Cbr\u003E \u003Ca href=“http:\u002F\u002Fwww.yandex.ru”\u003E yandex\u003C\u002Fa\u003E\u003Cbr\u003E\u003Ca href=“mailto:[e-mail]”\u003E Почта \u003C\u002Fa\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E72\u003Cbr\u003E","\u003Cp\u003EЗадание 10 Создание гиперссылок\u003Cbr\u003E\u003Cp\u003E1.Создайте две страницы с именами str1.htm str2.htm \u003Cbr\u003E2.В элемениеTITLTRE укажите название странички\u003Cbr\u003E3. Задайте фон первой страницы зеленого цвета, а второй \u003Cbr\u003EСинего\u003Cbr\u003E4. На первой странице задайте ссылку на вторую страницу\u003Cbr\u003E\t\u003CA href=“str2.htm”\u003E На вторую страницу\u003C\u002Fa\u003E\u003Cbr\u003E5. На второй странице задайте ссылку на 1 страницу\u003Cbr\u003E\t\u003CA href=“str2.htm”\u003E На вторую страницу\u003C\u002Fa\u003E\u003Cbr\u003E6.Поместите на страницы две разные картинки и проверьте \u003Cbr\u003Eработу гиперссылок\u003Cbr\u003E\u003Cp\u003E73\u003Cbr\u003E","\u003Cp\u003EЗадание 11 Создание гиперссылок\u003Cbr\u003E\u003Cp\u003E1.Создайте к страницам прошлого задания\u003Cbr\u003E с именами str1.htm str2.htm еще одну страницу str3.htm\u003Cbr\u003E \u003Cbr\u003E2.Добавьте на первых двух страницах ссылку на 3 страницу?\u003Cbr\u003E А на третьей ссылки на две первые\u003Cbr\u003E3. В теге \u003CBODY\u003E определите текст гиперссылок:\u003Cbr\u003E\t\tвсе гиперссылки -белые\u003Cbr\u003E\t\tактивные гиперсылки - красные\u003Cbr\u003E\t\tпосещенные гиперссылки -серые \u003Cbr\u003E4. На третьей странице задайте ссылки на вторую и первую \u003Cbr\u003E страницы в виде рисунка кнопки\u003Cbr\u003E\t\u003CA href=“str2.htm”\u003E IMG src=“kn.gif”\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\t\t5. Задайте бордюр для кнопок=2\u003Cbr\u003E\t\t6. Проверьте работу гиперссылок\u003Cbr\u003E\u003Cp\u003E74\u003Cbr\u003E"],href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprezentaciya-na-temu-yazyk-html",href_category:"\u002Fprezentacii-na-razlichnye-temy",date:1612264472,related:[{id:417715,name:"Рыцарство",href:"\u002Fprezentacii-na-razlichnye-temy\u002Frycarstvo",jpg:"jpg\u002F417715"},{id:370467,name:"Виды и техники живописи",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fvidy-i-texniki-zhivopisi",jpg:"jpg\u002F370467"},{id:359585,name:"Основные признаки текста",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fosnovnye-priznaki-teksta-1",jpg:"jpg\u002F359585"},{id:375740,name:"Грипп птиц",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fgripp-ptic",jpg:"jpg\u002F375740"},{id:434134,name:"СОТНИКОВА Софья Владимировна учитель химии ВКК МКОУ «Богучарский лицей»",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fsotnikova-sofya-vladimirovna-uchitel-ximii-vkk-mkou-bogucharskij-licej",jpg:"jpg\u002F434134"},{id:911504,name:"Капитальный ремонт автомобильной дороги Южный обход г.о. Подольск",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkapitalnyy-remont-avtomobilnoy-dorogi-yuzhnyy-obhod",jpg:"jpg\u002F911504"},{id:475824,name:"Стратегический план коммуникаций в социальных медиа: вариант Vocus",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fstrategicheskij-plan-kommunikacij-v-socialnyx-media-variant-vocus",jpg:"jpg\u002F475824"},{id:319349,name:"Сфера",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fsfera-2",jpg:"jpg\u002F319349"},{id:1150705,name:"Общая характеристика, назначение и область применения транспортирующих машин без тягового органа",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fobshchaya-harakteristika-naznachenie-i-oblast-primeneniya",jpg:"jpg\u002F1150705"},{id:442249,name:"Электроэнергетика",href:"\u002Fprezentacii-na-razlichnye-temy\u002Felektroenergetika-4",jpg:"jpg\u002F442249"},{id:1066100,name:"Худи",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fhudi",jpg:"jpg\u002F1066100"},{id:350673,name:"Ранний русский авангард",href:"\u002Fprezentacii-na-razlichnye-temy\u002Frannij-russkij-avangard",jpg:"jpg\u002F350673"},{id:442982,name:"Добро пожаловать в наш детский сад",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fdobro-poghalovaty-v-nash-detskiy-sad-1",jpg:"jpg\u002F442982"},{id:929636,name:"Принципы государственного кредита в соотношении с принципами построения бюджетных отношений",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprintsipy-gosudarstvennogo-kredita-v-sootnoshenii-s",jpg:"jpg\u002F929636"},{id:978931,name:"Изображения всюду вокруг нас",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fizobrazheniya-vsyudu-vokrug-nas-1",jpg:"jpg\u002F978931"},{id:928442,name:"Многоаспектный анализ текста - условия успешного формирования коммуникативной компетентности",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmnogoaspektnyy-analiz-teksta-usloviya-uspeshnogo-formirovaniya",jpg:"jpg\u002F928442"},{id:894871,name:"Международно-правовая защита права на объединение в профессиональные союзы",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmezhdunarodno-pravovaya-zashchita-prava-na-obedinenie",jpg:"jpg\u002F894871"},{id:323282,name:"Энциклопедия одного слова (3 класс)",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fenciklopediya-odnogo-slova-3-klass",jpg:"jpg\u002F323282"},{id:999269,name:"Не пугайте малыша незнакомцами",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fne-pugayte-malysha-neznakomtsami",jpg:"jpg\u002F999269"},{id:990979,name:"Пазогребниевые силикатные блоки",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fpazogrebnievye-silikatnye-bloki-fb-2",jpg:"jpg\u002F990979"},{id:991610,name:"Eurasian Foods Corp",href:"\u002Fprezentacii-na-razlichnye-temy\u002Feurasian-foods-corp",jpg:"jpg\u002F991610"},{id:441526,name:"Материалы к классному часу о вреде курения",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmaterialy-k-klassnomu-chasu-o-vrede-kureniya",jpg:"jpg\u002F441526"},{id:945052,name:"Приготування бутербродiв",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprigotuvannya-buterbrodiv",jpg:"jpg\u002F945052"},{id:890940,name:"Karacabey – harmanli yerleşke projesi",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkaracabey--harmanli-yerleke-projesi",jpg:"jpg\u002F890940"},{id:312039,name:"Циклический алгоритм 6 класс",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fciklicheskij-algoritm-6-klass",jpg:"jpg\u002F312039"},{id:1150154,name:"Материалы электронной техники",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmaterialy-elektronnoy-tehniki-4",jpg:"jpg\u002F1150154"},{id:1118563,name:"Азбука ЖКХ для школьников",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fazbuka-zhkh-dlya-shkolnikov",jpg:"jpg\u002F1118563"},{id:1128418,name:"Кровь очищает",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkrov-ochishchaet",jpg:"jpg\u002F1128418"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Fprezentaciya-na-temu-istoriya-robototexniki",next_name:"Презентация на тему История робототехники ",prev:"\u002Fprezentacii-na-razlichnye-temy\u002Fprezentaciya-na-temu-bazy-dannyx-i-sistemy-upravleniya-bazami-dannyx",prev_name:"Презентация на тему Базы данных и системы управления базами данных"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:L,SITE_HOST:"slaidy.com",SITE_LANG:M,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:L,short_name:b,description:b,lang:M,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:T,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Разное","Презентация на тему Язык HTML ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>