Язык html

Содержание
Определение и основные понятия
Что могут содержать Что могут содержать Web-Что могут содержать Web-страницы
HTML 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.
Собираются из файлов, созданных, например, в PhotoShope. Это может быть текст, сменяющий другой или картинки.
Могут быть анимированные кнопки. 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) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Java и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.
9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Java с расширением .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

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

Задание 1 Создание структуры страницы
Откройте текстовый редактор блокнот.
Наберите структуру приведенной ранее страницы
Между элементами наберите
Моя первая страница
4. Сохраните файл с именем index.html
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="slide46" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-45.jpg" target="_blank" rel="noopener">Слайд 46</a><h3 class="slides-content text-center font-bold"><div><p> 1. Создайте новую страницу в редакторе блокнот.
2. В элемент <title> укажите «Практическая</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-45.jpg" 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/1123128/slide-45.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-45.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-45.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-45.jpg 1440w" 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="slide48" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-47.jpg" target="_blank" rel="noopener">Слайд 48</a><h3 class="slides-content text-center font-bold"><div><p>Задание 5 Форматирование абзацев<br><p>Создайте новую страницу в редакторе блокнот.
2. В элемент <title></div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-47.jpg" 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/1123128/slide-47.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-47.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-47.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-47.jpg 1440w" class="slides-image"><!----><div class="slides-content">укажите «Практическая работа 5» и вашу фамилию.
3. Отформатируйте текст стихотворения тремя разными способами оформления:
Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. <br>Текст шрифта красный, размером 4, курсив<br><p>46<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide49" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-48.jpg" target="_blank" rel="noopener">Слайд 49</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 src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-59.jpg" 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/1123128/slide-59.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-59.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-59.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-59.jpg 1440w" 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="slide61" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-60.jpg" target="_blank" rel="noopener">Слайд 61</a><h3 class="slides-content text-center font-bold"><div><p>Задание 6 -1 Создание списков<br><p>Создайте страницы со следующими списками:<br>Перечень покупок:<br>Говядина -1кг<br>Масло сливочное</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-60.jpg" 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/1123128/slide-60.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-60.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-60.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-60.jpg 1440w" 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="slide62" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-61.jpg" target="_blank" rel="noopener">Слайд 62</a><h3 class="slides-content text-center font-bold"><div><p>Оформление фона и вставка рисунков <br><p>60<br></div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-61.jpg" 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/1123128/slide-61.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-61.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-61.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-61.jpg 1440w" class="slides-image"><!----><!----><!----><!--]--><!----></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/1123128/slide-62.jpg" target="_blank" rel="noopener">Слайд 63</a><h3 class="slides-content text-center font-bold"><div><p>Задание фона страницы<br><p>Для задания цвета фона на странице надо внутри начального элемента<BODY></div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-62.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание фона страницы Для задания цвета фона на странице надо внутри начального" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123128/slide-62.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-62.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-62.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-62.jpg 1440w" 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="slide64" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-63.jpg" target="_blank" rel="noopener">Слайд 64</a><h3 class="slides-content text-center font-bold"><div><p>Вставка рисунков<br><p>IMG – тег для создания ссылки на графический файл. С его</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-63.jpg" 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/1123128/slide-63.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-63.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-63.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-63.jpg 1440w" 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="slide65" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-64.jpg" target="_blank" rel="noopener">Слайд 65</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 src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-64.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="рисунок в центре, текст сверху и снизу рисунок слева рисунок справа Примеры" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123128/slide-64.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-64.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-64.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-64.jpg 1440w" 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="slide66" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-65.jpg" target="_blank" rel="noopener">Слайд 66</a><h3 class="slides-content text-center font-bold"><div><p>Задание 7 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-65.jpg" 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/1123128/slide-65.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-65.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-65.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-65.jpg 1440w" 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="slide67" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-66.jpg" target="_blank" rel="noopener">Слайд 67</a><h3 class="slides-content text-center font-bold"><div><p>Задание 8 Размещение графики на Web - страницах<br><p>Создайте новую страницу в редакторе</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-66.jpg" 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/1123128/slide-66.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-66.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-66.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-66.jpg 1440w" 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="slide68" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-67.jpg" target="_blank" rel="noopener">Слайд 68</a><h3 class="slides-content text-center font-bold"><div><p>Задание 9 изменение размеров изображения<br><p>Создайте новую страницу в редакторе блокнот.<br>В элемент <title></div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-67.jpg" 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/1123128/slide-67.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-67.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-67.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-67.jpg 1440w" 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="slide69" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-68.jpg" target="_blank" rel="noopener">Слайд 69</a><h3 class="slides-content text-center font-bold"><div><p>гиперссылки <br><p>67<br></div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-68.jpg" 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/1123128/slide-68.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-68.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-68.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-68.jpg 1440w" class="slides-image"><!----><!----><!----><!--]--><!----></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/1123128/slide-69.jpg" target="_blank" rel="noopener">Слайд 70</a><h3 class="slides-content text-center font-bold"><div><p>Гиперссылки<br><p>Гиперссылки условно можно разделить на следующие виды:<br>Внешние – связывающие Web-страницу с документами,</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-69.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Гиперссылки Гиперссылки условно можно разделить на следующие виды: Внешние – связывающие Web-страницу" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123128/slide-69.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-69.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-69.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-69.jpg 1440w" class="slides-image"><!----><div class="slides-content">не принадлежащими данному узлу;<br>Гиперссылка на почтовый адрес;<br> Внутренние – связывающие документы внутри одного и того же узла (метки-якоря – позволяющие переходить посетителю на определенные разделы документа).<br><p>68<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/1123128/slide-70.jpg" target="_blank" rel="noopener">Слайд 71</a><h3 class="slides-content text-center font-bold"><div><p>Гиперссылки<br><p><A href = “адрес ссылки”> текст для щелчка мыши </A><br><A href =</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-70.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий цвет гиперссылок" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123128/slide-70.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-70.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-70.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-70.jpg 1440w" 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="slide72" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-71.jpg" target="_blank" rel="noopener">Слайд 72</a><h3 class="slides-content text-center font-bold"><div><p>Примеры гиперссылок<br><p><A href=“#new” > Новые поступления</A> - переход к строке той же</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-71.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Примеры гиперссылок Новые поступления - переход к строке той же страницы, помеченной" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123128/slide-71.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-71.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-71.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-71.jpg 1440w" 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="slide73" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-72.jpg" target="_blank" rel="noopener">Слайд 73</a><h3 class="slides-content text-center font-bold"><div><p><p> <A href=“pag2.html” > IMG src=log.gif alt=“о нашей фирме” </A></p> - ссылка</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-72.jpg" 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/1123128/slide-72.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-72.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-72.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-72.jpg 1440w" 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="slide74" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-73.jpg" target="_blank" rel="noopener">Слайд 74</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 src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-73.jpg" 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/1123128/slide-73.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-73.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-73.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-73.jpg 1440w" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide75" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1123128/slide-74.jpg" target="_blank" rel="noopener">Слайд 75</a><h3 class="slides-content text-center font-bold"><div><p>Задание 10 Создание гиперссылок<br><p>1.Создайте две страницы с именами str1.html и <br>str2.html <br>2.В</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-74.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 10 Создание гиперссылок 1.Создайте две страницы с именами str1.html и str2.html" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1123128/slide-74.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1123128/slide-74.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1123128/slide-74.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-74.jpg 1440w" class="slides-image"><!----><div class="slides-content">элеменnеTITLE укажите название странички<br>3. Задайте фон первой страницы зеленого цвета, а второй синего.<br>4. На первой странице задайте ссылку на вторую страницу<br> <A href=“str2.html”> На вторую страницу</a><br>5. На второй странице задайте ссылку на 1 страницу<br> <A href=“str1.html”> На первую страницу</a><br>6.Поместите на страницы две разные картинки и проверьте работу гиперссылок<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"><!----><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-po-istorii/ottepel-1966" class="navigation-link">Оттепель</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-po-matematike/priyomy-vychitaniya-s-perehodom-cherez-desyatok-1" class="navigation-link">Приёмы вычитания с переходом через десяток</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/prezentacii-po-informatike/ustroystva-pamyati-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128215/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1128215/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1128215/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1128215/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1128215/slide-0.jpg 1440w" class="slides-image related-itemImage"> Устройства памяти</a></div><div class="related-item"><a href="/prezentacii-po-informatike/arhitektura-personalnogo-kompyutera-29" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1159976/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1159976/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1159976/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1159976/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1159976/slide-0.jpg 1440w" class="slides-image related-itemImage"> Архитектура персонального компьютера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ispolnitel-algoritmov-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/946821/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/946821/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/946821/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/946821/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/946821/slide-0.jpg 1440w" class="slides-image related-itemImage"> Исполнитель алгоритмов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/lektsiya-5-sostav-i-naznachenie-integrirovannyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1114837/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1114837/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1114837/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1114837/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1114837/slide-0.jpg 1440w" class="slides-image related-itemImage"> Лекция 5 Состав и назначение интегрированных САСПР</a></div><div class="related-item"><a href="/prezentacii-po-informatike/mashinnoe-obuchenie-lektsiya-n4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1030329/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1030329/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1030329/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1030329/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1030329/slide-0.jpg 1440w" class="slides-image related-itemImage"> Машинное обучение. Лекция №4</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vychisleniya-po-formulam-s-ispolzovaniem-vstroennyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/870372/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/870372/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/870372/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/870372/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/870372/slide-0.jpg 1440w" class="slides-image related-itemImage"> Вычисления по формулам с использованием встроенных математических функций MS EXCEL</a></div><div class="related-item"><a href="/prezentacii-po-informatike/engagement-rate" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1031579/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1031579/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1031579/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1031579/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1031579/slide-0.jpg 1440w" class="slides-image related-itemImage"> Engagement Rate</a></div><div class="related-item"><a href="/prezentacii-po-informatike/interfeysy-chto-mozhet-opredelyat-interfeys" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059066/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1059066/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1059066/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1059066/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059066/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интерфейсы. Что может определять интерфейс?</a></div><div class="related-item"><a href="/prezentacii-po-informatike/python-regulyarnye-vyrazheniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/853497/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/853497/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/853497/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/853497/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/853497/slide-0.jpg 1440w" class="slides-image related-itemImage"> Python. Регулярные выражения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/reshenie-sistem-lineynyh-uravneniy-pri-pomoshchi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/901321/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/901321/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/901321/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/901321/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/901321/slide-0.jpg 1440w" class="slides-image related-itemImage"> Решение систем линейных уравнений при помощи компьютерных технологий</a></div><div class="related-item"><a href="/prezentacii-po-informatike/struktura-html-dokumenta-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/987935/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/987935/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/987935/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/987935/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/987935/slide-0.jpg 1440w" class="slides-image related-itemImage"> Структура HTML-документа</a></div><div class="related-item"><a href="/prezentacii-po-informatike/poshtov-sluzhbi-nternetu-elektronnaskrinka-ta-elektronne" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1082613/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1082613/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1082613/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1082613/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1082613/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поштові служби інтернету. Електронна скринька та електронне листування</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razrabotka-veb-servisa-na-java-onlayn" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/897055/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/897055/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/897055/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/897055/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/897055/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка веб сервиса на Java (Онлайн, Stepik, RUS, ОК)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/peredacha-informatsii-33" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/855488/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/855488/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/855488/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/855488/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/855488/slide-0.jpg 1440w" class="slides-image related-itemImage"> Передача информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/zhizn-bez-interneta-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/979648/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/979648/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/979648/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/979648/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/979648/slide-0.jpg 1440w" class="slides-image related-itemImage"> Жизнь без интернета</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obshchaya-kompyuternaya-pamyat" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1098774/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1098774/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1098774/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1098774/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1098774/slide-0.jpg 1440w" class="slides-image related-itemImage"> Общая компьютерная память</a></div><div class="related-item"><a href="/prezentacii-po-informatike/istoriya-razvitiya-dassault-systemes" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/895784/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/895784/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/895784/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/895784/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/895784/slide-0.jpg 1440w" class="slides-image related-itemImage"> История развития Dassault Systèmes</a></div><div class="related-item"><a href="/prezentacii-po-informatike/3d-models" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1001867/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1001867/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1001867/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1001867/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1001867/slide-0.jpg 1440w" class="slides-image related-itemImage"> 3D models</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmy-kratkosrochnyh-kursov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1091991/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1091991/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1091991/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1091991/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1091991/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программы краткосрочных курсов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/pravila-oformleniya-bibliograficheskogo-spiska-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1067072/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1067072/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1067072/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1067072/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1067072/slide-0.jpg 1440w" class="slides-image related-itemImage"> Правила оформления библиографического списка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/etot-volshebnyy-mir-media-kak-sotsialnye" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/929601/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/929601/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/929601/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/929601/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/929601/slide-0.jpg 1440w" class="slides-image related-itemImage"> Этот волшебный мир медиа. Как социальные медиа изменили нашу жизнь</a></div><div class="related-item"><a href="/prezentacii-po-informatike/zadaniya-po-informatike-i-programmirovaniyu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052021/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1052021/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1052021/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1052021/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052021/slide-0.jpg 1440w" class="slides-image related-itemImage"> Задания по информатике и программированию</a></div><div class="related-item"><a href="/prezentacii-po-informatike/svoystva-informatsii-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1151183/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1151183/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1151183/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1151183/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1151183/slide-0.jpg 1440w" class="slides-image related-itemImage"> Свойства информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/biznes-plan-internet-magazina-leki-shop" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/880037/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/880037/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/880037/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/880037/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/880037/slide-0.jpg 1440w" class="slides-image related-itemImage"> Бизнес план интернет магазина Leki-shop</a></div><div class="related-item"><a href="/prezentacii-po-informatike/bash-skripty-funktsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1019133/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1019133/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1019133/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1019133/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1019133/slide-0.jpg 1440w" class="slides-image related-itemImage"> Bash-скрипты: функции</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sovmeshchenie-tehnologiy-lokalnogo-i-globalnogo-pozitsionirovaniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875935/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/875935/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/875935/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/875935/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875935/slide-0.jpg 1440w" class="slides-image related-itemImage"> Совмещение технологий локального и глобального позиционирования в ОС Android</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elementy-dialogovyh-okon" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068277/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1068277/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1068277/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1068277/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068277/slide-0.jpg 1440w" class="slides-image related-itemImage"> Элементы диалоговых окон</a></div><div class="related-item"><a href="/prezentacii-po-informatike/obrabotka-informatsii-s-pomoshchyu-programm-shablon" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/953217/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/953217/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/953217/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/953217/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/953217/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обработка информации с помощью программ. Шаблон</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},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:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:x,footer:y,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:d,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F},colors:{header_text:j,header_bg:k,accent:G}},social:H}},categories:{result:[{id:I,ordering:b,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:b,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:b,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:b,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:b,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:b,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:b,name:J,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:b,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:b,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:b,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:b,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:b,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:b,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:b,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:b,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:b,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:b,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:K,ordering:b,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:b,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:b,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:b,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:b,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:b,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:b,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:b,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:b,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:b,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1123128,name:"Язык html",category:J,count:76,jpg:"jpg\u002F1123128",hits:K,download:b,h1:a,meta:{h1:"Язык html ",title:"Язык html презентация",description:"Язык html презентация, доклад, проект, Информатика ",keywords:"Язык html, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:a},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Содержание\u003Cbr\u003E\u003Cp\u003EОпределение и основные понятия \u003Cbr\u003EЧто могут содержать Что могут содержать Web-Что могут содержать Web-страницы \u003Cbr\u003EHTML HTML теги \u003Cbr\u003EФорматирование текста \u003Cbr\u003EФорматирование шрифтов\u003Cbr\u003EФорматирование заголовков\u003Cbr\u003EФорматирование абзацев\u003Cbr\u003EФорматирование списков\u003Cbr\u003EОформление фона и вставка рисунков\u003Cbr\u003EГиперссылки\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E \u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E\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\u003E\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003E2\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E",texts:["\u003Cp\u003EНачальные сведения\u003Cbr\u003E\u003Cp\u003EЯзык HTML \u003Cbr\u003E","\u003Cp\u003EСодержание\u003Cbr\u003E\u003Cp\u003EОпределение и основные понятия \u003Cbr\u003EЧто могут содержать Что могут содержать Web-Что могут содержать Web-страницы \u003Cbr\u003EHTML HTML теги \u003Cbr\u003EФорматирование текста \u003Cbr\u003EФорматирование шрифтов\u003Cbr\u003EФорматирование заголовков\u003Cbr\u003EФорматирование абзацев\u003Cbr\u003EФорматирование списков\u003Cbr\u003EОформление фона и вставка рисунков\u003Cbr\u003EГиперссылки\u003Cbr\u003E\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Собираются из файлов, созданных, например, в PhotoShope. Это может быть текст, сменяющий другой или картинки.\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) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Java и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.\u003Cbr\u003E 9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Java с расширением .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\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",L,"\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.html\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",L,"\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Внешние – связывающие 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.html” \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.html и \u003Cbr\u003Estr2.html \u003Cbr\u003E2.В элеменnеTITLE укажите название странички\u003Cbr\u003E3. Задайте фон первой страницы зеленого цвета, а второй синего.\u003Cbr\u003E4. На первой странице задайте ссылку на вторую страницу\u003Cbr\u003E\t\u003CA href=“str2.html”\u003E На вторую страницу\u003C\u002Fa\u003E\u003Cbr\u003E5. На второй странице задайте ссылку на 1 страницу\u003Cbr\u003E\t\u003CA href=“str1.html”\u003E На первую страницу\u003C\u002Fa\u003E\u003Cbr\u003E6.Поместите на страницы две разные картинки и проверьте работу гиперссылок\u003Cbr\u003E\u003Cp\u003E73\u003Cbr\u003E","\u003Cp\u003EЗадание 11 Создание гиперссылок\u003Cbr\u003E\u003Cp\u003E1.Создайте к страницам прошлого задания\u003Cbr\u003E с именами str1.html, str2.html еще одну страницу str3.html\u003Cbr\u003E с красным цветом фона.\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.html”\u003E IMG src=“kn.gif”\u003E\u003C\u002Fa\u003E\u003Cbr\u003E\t\t 5. Задайте бордюр для кнопок=2\u003Cbr\u003E\t\t 6. Проверьте работу гиперссылок\u003Cbr\u003E\u003Cp\u003E74\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fyazyk-html-9",href_category:"\u002Fprezentacii-po-informatike",date:1615514348,related:[{id:1128215,name:"Устройства памяти",href:"\u002Fprezentacii-po-informatike\u002Fustroystva-pamyati-4",jpg:"jpg\u002F1128215"},{id:1159976,name:"Архитектура персонального компьютера",href:"\u002Fprezentacii-po-informatike\u002Farhitektura-personalnogo-kompyutera-29",jpg:"jpg\u002F1159976"},{id:946821,name:"Исполнитель алгоритмов",href:"\u002Fprezentacii-po-informatike\u002Fispolnitel-algoritmov-1",jpg:"jpg\u002F946821"},{id:1114837,name:"Лекция 5 Состав и назначение интегрированных САСПР",href:"\u002Fprezentacii-po-informatike\u002Flektsiya-5-sostav-i-naznachenie-integrirovannyh",jpg:"jpg\u002F1114837"},{id:1030329,name:"Машинное обучение. Лекция №4",href:"\u002Fprezentacii-po-informatike\u002Fmashinnoe-obuchenie-lektsiya-n4",jpg:"jpg\u002F1030329"},{id:870372,name:"Вычисления по формулам с использованием встроенных математических функций MS EXCEL",href:"\u002Fprezentacii-po-informatike\u002Fvychisleniya-po-formulam-s-ispolzovaniem-vstroennyh",jpg:"jpg\u002F870372"},{id:1031579,name:"Engagement Rate",href:"\u002Fprezentacii-po-informatike\u002Fengagement-rate",jpg:"jpg\u002F1031579"},{id:1059066,name:"Интерфейсы. Что может определять интерфейс?",href:"\u002Fprezentacii-po-informatike\u002Finterfeysy-chto-mozhet-opredelyat-interfeys",jpg:"jpg\u002F1059066"},{id:853497,name:"Python. Регулярные выражения",href:"\u002Fprezentacii-po-informatike\u002Fpython-regulyarnye-vyrazheniya",jpg:"jpg\u002F853497"},{id:901321,name:"Решение систем линейных уравнений при помощи компьютерных технологий",href:"\u002Fprezentacii-po-informatike\u002Freshenie-sistem-lineynyh-uravneniy-pri-pomoshchi",jpg:"jpg\u002F901321"},{id:987935,name:"Структура HTML-документа",href:"\u002Fprezentacii-po-informatike\u002Fstruktura-html-dokumenta-3",jpg:"jpg\u002F987935"},{id:1082613,name:"Поштові служби інтернету. Електронна скринька та електронне листування",href:"\u002Fprezentacii-po-informatike\u002Fposhtov-sluzhbi-nternetu-elektronnaskrinka-ta-elektronne",jpg:"jpg\u002F1082613"},{id:897055,name:"Разработка веб сервиса на Java (Онлайн, Stepik, RUS, ОК)",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-veb-servisa-na-java-onlayn",jpg:"jpg\u002F897055"},{id:855488,name:"Передача информации",href:"\u002Fprezentacii-po-informatike\u002Fperedacha-informatsii-33",jpg:"jpg\u002F855488"},{id:979648,name:"Жизнь без интернета",href:"\u002Fprezentacii-po-informatike\u002Fzhizn-bez-interneta-2",jpg:"jpg\u002F979648"},{id:1098774,name:"Общая компьютерная память",href:"\u002Fprezentacii-po-informatike\u002Fobshchaya-kompyuternaya-pamyat",jpg:"jpg\u002F1098774"},{id:895784,name:"История развития Dassault Systèmes",href:"\u002Fprezentacii-po-informatike\u002Fistoriya-razvitiya-dassault-systemes",jpg:"jpg\u002F895784"},{id:1001867,name:"3D models",href:"\u002Fprezentacii-po-informatike\u002F3d-models",jpg:"jpg\u002F1001867"},{id:1091991,name:"Программы краткосрочных курсов",href:"\u002Fprezentacii-po-informatike\u002Fprogrammy-kratkosrochnyh-kursov",jpg:"jpg\u002F1091991"},{id:1067072,name:"Правила оформления библиографического списка",href:"\u002Fprezentacii-po-informatike\u002Fpravila-oformleniya-bibliograficheskogo-spiska-1",jpg:"jpg\u002F1067072"},{id:929601,name:"Этот волшебный мир медиа. Как социальные медиа изменили нашу жизнь",href:"\u002Fprezentacii-po-informatike\u002Fetot-volshebnyy-mir-media-kak-sotsialnye",jpg:"jpg\u002F929601"},{id:1052021,name:"Задания по информатике и программированию",href:"\u002Fprezentacii-po-informatike\u002Fzadaniya-po-informatike-i-programmirovaniyu",jpg:"jpg\u002F1052021"},{id:1151183,name:"Свойства информации",href:"\u002Fprezentacii-po-informatike\u002Fsvoystva-informatsii-4",jpg:"jpg\u002F1151183"},{id:880037,name:"Бизнес план интернет магазина Leki-shop",href:"\u002Fprezentacii-po-informatike\u002Fbiznes-plan-internet-magazina-leki-shop",jpg:"jpg\u002F880037"},{id:1019133,name:"Bash-скрипты: функции",href:"\u002Fprezentacii-po-informatike\u002Fbash-skripty-funktsii",jpg:"jpg\u002F1019133"},{id:875935,name:"Совмещение технологий локального и глобального позиционирования в ОС Android",href:"\u002Fprezentacii-po-informatike\u002Fsovmeshchenie-tehnologiy-lokalnogo-i-globalnogo-pozitsionirovaniya",jpg:"jpg\u002F875935"},{id:1068277,name:"Элементы диалоговых окон",href:"\u002Fprezentacii-po-informatike\u002Felementy-dialogovyh-okon",jpg:"jpg\u002F1068277"},{id:953217,name:"Обработка информации с помощью программ. Шаблон",href:"\u002Fprezentacii-po-informatike\u002Fobrabotka-informatsii-s-pomoshchyu-programm-shablon",jpg:"jpg\u002F953217"}],navigation:{next:"\u002Fprezentacii-po-matematike\u002Fpriyomy-vychitaniya-s-perehodom-cherez-desyatok-1",next_name:"Приёмы вычитания с переходом через десяток",prev:"\u002Fprezentacii-po-istorii\u002Fottepel-1966",prev_name:"Оттепель"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:a,description:a,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:c,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:c,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:c,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:c,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:c,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:c,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:c,sizes:U,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:d,clickmap:d,defer:d,useRuntimeConfig:e,trackHash:d,trackLinks:e,type:b,webvisor:d,triggerEvent:d,consoleLog:e,partytown:d,isDev:d}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},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:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:x,footer:y,dark_theme:d,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:d,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:a}}}}("",0,"image\u002Fpng",false,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,"Информатика",20,"\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","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.c1f9a631.js" crossorigin></script></body>
</html>