Язык html

Содержание

Слайд 2

Содержание

Определение и основные понятия
Что могут содержать Что могут содержать Web-Что могут

Содержание Определение и основные понятия Что могут содержать Что могут содержать Web-Что
содержать Web-страницы
HTML HTML теги
Форматирование текста
Форматирование шрифтов
Форматирование заголовков
Форматирование абзацев
Форматирование списков
Оформление фона и вставка рисунков
Гиперссылки

Слайд 3

Язык HTML

HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в

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

2

Слайд 4

Основные понятия

Гипертекст – структура, позволяющая
устанавливать смысловые связки между элементами текста и

Основные понятия Гипертекст – структура, позволяющая устанавливать смысловые связки между элементами текста
другими документами.

Гиперссылка – фрагмент текста, который
является указателем на другой файл или объект.

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

3

Слайд 5

Фрейм (Frame)

Этот термин имеет два значения:
Область документа со своими полосами прокрутки
Одиночное

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

4

Слайд 6

Апплет (Applet)

Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая

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

Браузер (Browser)

Программа для просмотра Web-страницы

5

Слайд 7

Скрипт или сценарий
(Script)

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

CGI

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

6

Слайд 8

Что могут содержать Web-страницы:

1). Тексты;
2). Таблицы;
3). Логотипы;
4). Эмблемы;

7

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

Слайд 9

5). Графику
Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее

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

Что могут содержать Web-страницы:

8

Слайд 10

Графические форматы

GIF - Graphic Interchange Format. При сохранении изображения в этом формате

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

9

Слайд 11

6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и

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

Что могут содержать Web-страницы:

10

Слайд 12

7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).
avi-фрагменты это очень

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

Слайд 13

8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с

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

Что могут содержать Web-страницы:

12

Слайд 14

10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В

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

Что могут содержать Web-страницы:

13

Слайд 15

теги HTML

14

теги HTML 14

Слайд 16

HTML - теги

Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых

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

Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».

15

Слайд 17

Назначение HTML-тегов

Форматирования текста;
Описания кадров и форм;
Форматирования таблиц и списков;
Организации ссылок на

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

16

Слайд 18







Структура HTML-документа

….

….

Начало разметки документа

содержание страницы

Конец разметки документа

17

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

Слайд 19

Между тегами и пишется название сайта

Тег несет служебную

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

18

Слайд 20

Пример Web -страницы



О братьях наших меньших

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



Здесь размещается содержимое страницы


19

Слайд 21


школа






Сайт, посвященный школе

< META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование,

школа Сайт, посвященный школе Пример Web –страницы с метатегами 20
знание”>

Пример Web –страницы с метатегами

20

Слайд 22

Разбивка на абзацы

текст

- новый абзац, можно использовать только начальный тег,

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

обозначает не только начало следующего абзаца, но и конец предыдущего
тест
тест - перенос текста на новую строку без абзацного отступа
тест
тест
тест


тест разделительная линия
тест
тест

37

Слайд 23

Задание 1 Создание структуры страницы

Откройте текстовый редактор блокнот.
Наберите структуру приведенной ранее страницы
Между

Задание 1 Создание структуры страницы Откройте текстовый редактор блокнот. Наберите структуру приведенной
элементами наберите

Моя первая страница


4. Сохраните файл с именем index.html
5. Просмотрите страницу в браузере.

21

Слайд 24

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

22

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

Слайд 25

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

Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер,

Форматирования текста Форматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт,
цвет, выравнивать текстовые фрагменты. Все эти характеристики задаются при помощи соответствующих атрибутов в теге управления шрифтом
текст

Размер задается атрибутом SIZE, который может принимать значения от 1 до 7.

Пример.
тексту задан размер 3

23

Слайд 26

COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной

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

Слайд 27

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

25

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

Слайд 28

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

26

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

Слайд 29

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с

FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с
запятой)

Пример.

Все атрибуты могут быть использованы совместно внутри тега < FONT>
Пример.

Это шрифт arial размером 3 синего цвета

27

Слайд 30

тест выделение шрифта полужирным шрифтом
тест выделение шрифта курсивом
тест подчеркнутый шрифт
x2 верхний индекс

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

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

28

Слайд 31

Примеры со шрифтами
Пример действия параметра FASE


ШРИФТ

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


29

Слайд 32

Примеры со шрифтами
Пример действия параметра SIZE


ШР

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


30

Слайд 33

Примеры со шрифтами
Пример действия параметра COLOR


ШРИФТ
РАЗНОГО

Примеры со шрифтами Пример действия параметра COLOR ШРИФТ РАЗНОГО ЦВЕТА ЗАДАНИЕ Написать

< FONT SIZE=5 COLOR=BLUE>ЦВЕТА


ЗАДАНИЕ
Написать разными по цвету буквами:
КАЖДЫЙ ОХОТНИК ЖЕЛАЕТ ЗНАТЬ ГДЕ СИДИТ ФАЗАН

31

Слайд 34

т е с т 
-сохраняет исходный вид отформатированного текста с пробелами,

т е с т -сохраняет исходный вид отформатированного текста с пробелами, разбивками
разбивками на строки и т.п. (т е с т )

Пример

ПУТЬ К МУДРОСТИ



К мудрости путь – по ухабам ошибок;
Иди же и носа не вешай:
Ушибы,
ушибы,
и снова ушибы
Но реже
и реже,
и реже…

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

32

Слайд 35

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

33

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

Слайд 36

Форматирования заголовков

тест

⇔ тест

тест

⇔ тест

тест

⇔ тест

тест

⇔ тест
тест
⇔ тест
тест

Форматирования заголовков тест ⇔ тест тест ⇔ тест тест ⇔ тест тест
⇔ тест

Существует шесть уровней заголовков

34

Слайд 37

Пример

ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ


ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ

Пример ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ ПОДЗАГОЛОВОК
КРАЮ

ПОДЗАГОЛОВОК (Н3), ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ


ПОДЗАГОЛОВОК (Н4) ПО ЦЕНТРУ


ПОДЗАГОЛОВОК (Н5) ПО ПРАВОМУ КРАЮ

ПОДЗАГОЛОВОК (Н6) ПО ПРАВОМУ КРАЮ

35

Слайд 38

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

36

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

Слайд 39

Разбивка на абзацы

текст

- новый абзац, можно использовать только начальный тег,

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

обозначает не только начало следующего абзаца, но и конец предыдущего
тест
тест - перенос текста на новую строку без абзацного отступа
тест
тест
тест


тест разделительная линия
тест
тест

37

Слайд 40

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

38

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

Слайд 41

NOSHADE запрет выпуклости

ПРИМЕРЫ ОТЛИНОВОК




простая отлиновка толщиной

NOSHADE запрет выпуклости ПРИМЕРЫ ОТЛИНОВОК простая отлиновка толщиной 2 пикселя толстая и
2 пикселя




толстая и короткая линия



ALIGN=CENTER>

такая же линия красного цвета




ALIGN=CENTER>
ALIGN=CENTER>черный квадрат 30х30 пикселей


Примеры отлиновок

39

Слайд 42

Пример.
Уронили мишку на пол,
Оторвали мишке лапу,
Все равно его

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

На экране браузера увидим разбиение текста на четверостишие

40

Слайд 43

Выравнивание абзацев

Вместе с элементом абзац

можно использовать атрибут выравнивания align

41

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

Слайд 44

По умолчанию выравнивание по левому краю


Центрирование
всех строк абзаца,

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

в том числе включая принудительные разрывы


Этот абзац выровнен по правому краю


Этот абзац выровнен по левому краю, также, как и по умолчанию


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


Пример

42

Слайд 45

Задание 2 Форматирование текста на странице

Создайте новую страницу в редакторе блокнот.
В элемент

Задание 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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-45.jpg" class="slides-image"><!----><div class="slides-content">работа 3» и вашу фамилию. 3. Отформатируйте текст по заданию: <html> <head> <title>Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан

Задание 3 Форматирование текста на странице

44

Слайд 47

Практическая работа 4 Фамилия

Роман

Книга

Том

Практическая работа 4 Фамилия Роман Книга Том Часть Глава Параграф Задание 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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-47.jpg" class="slides-image"><!----><div class="slides-content">укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. <br>Текст шрифта красный, размером 4, курсив<br><p>46<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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> 1 способ форматирования Уж небо осенью дышало. Все реже солнышко блистало.

Уж небо осенью дышало.

Все реже солнышко блистало.

Короче становился день.


Пример 1 ответ к заданию 5

47

Слайд 50

html> 2 способ форматирования

Уж

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

Пример 2 ответа к заданию 5

48

Слайд 51

html> 3 способ форматирования

< 
Уж небо

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

Пример 3 ответа к заданию 5

49

Слайд 52

Бегущая строка

Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH HEIGHT -ширина и высота плашки
LOOP -количество повтороений

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

50

Слайд 53

Пример бегущей строки

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









НАЗВАНИЕ ФИРМЫ
ПРИХОДИТЕ ПОЖАЛУЙСТА!



Строка пять раз проплывает вправо-влево, затем останавливается возле правого края желтой плашки

51

Слайд 54

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

52

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

Слайд 55

Маркированные списки


  • первый элемент

  • второй элемент


Результат:
первый элемент
второй элемент

53

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

Слайд 56

Нумерованные списки


  1. первый элемент

  2. второй элемент


1. первый элемент
2. второй элемент

54

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

Слайд 57

Способы нумерации списков

Способ нумерации задается за счет атрибута type

Атрибут Вид нумерации
type=“1” 1, 2, 3,

Способы нумерации списков Способ нумерации задается за счет атрибута type Атрибут Вид
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

Слайд 58

Списки определений


Термин

Определение


Результат:
Термин
Определение

56

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

Слайд 59

ПРИМЕР


  1. введение

  2. назначение языка HTML

  3. команды теги HTML


ПРИМЕР введение назначение языка HTML команды теги HTML форматирование текста жирность наклон
  • форматирование текста


    • жирность

    • наклон

    • подчеркивание

    • индексы


      • нижние

      • верхние

      • подчеркивание


    • цвет


  • работа с абзацами


  • дизайн страницы

  • li>размещение сайта на сервере

    57

    Слайд 60

    Задание 6 Создание списков

    Создайте новую страницу в редакторе блокнот.
    В элемент укажите</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Задание 6 Создание списков Создайте новую страницу в редакторе блокнот. В элемент" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-59.jpg" class="slides-image"><!----><div class="slides-content">«Практическая работа 6» и вашу фамилию.<br>Отформатируйте текст по заданию:<br>Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)<br>Теплым.<br>Круглым.<br>Желтым.<br>Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)<br> А. Белым<br> B. Холодным<br> C. Пушистым<br> (шрифт списков черный, размер 3)<br><p>58<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-60.jpg" class="slides-image"><!----><div class="slides-content">-500 г<br>Хлеб - 2 батона<br>Молоко - 1 литр<br>Алгоритм вычисления дробей:<br>очистить экран<br>ввести значения X и Y<br>если у=0, вернуться к пункту 2<br>вычислить z=x/y<br>вывести результат z <br><p>59<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-61.jpg" 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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-62.jpg" class="slides-image"><!----><div class="slides-content">указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.<br><p>Пример<br><BODY BGCOLOR=“blue”>… </BODY> <br><BODY BGCOLOR=“00FF00”>… </BODY><br><BODY BACKGROUND=“FON.JPG”><br><p>61<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-63.jpg" class="slides-image"><!----><div class="slides-content">помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.<br>Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.<br><p>Пример.<br><IMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”><br><BODY BACKGROUND=“WOOD.JPG”><br><p>62<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-64.jpg" class="slides-image"><!----><div class="slides-content">align=justify><IMG src="pic.gif" align=left> </p> рисунок слева<br><P align=justify><IMG src="pic.gif" align=right> </p> рисунок справа<br><p>Примеры обтекания иллюстраций в документе<br><p>63<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-65.jpg" class="slides-image"><!----><div class="slides-content">блокнот.<br>В элемент <title> укажите «Практическая работа 7» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным.<br>Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию красного цвета.<br>Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.<br>Рисунок<br><p>64<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-66.jpg" class="slides-image"><!----><div class="slides-content">блокнот.<br>В элемент <title> укажите «Практическая работа 8» и вашу фамилию.<br>Разместите на странице рисунок <br>Сделайте надпись к рисунку<br>Создайте рамку вокруг рисунка шириной 2 пикселя.<br>Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.<br>Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.<br><p>65<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-67.jpg" class="slides-image"><!----><div class="slides-content">укажите «Практическая работа 9» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым.<br>Вставьте изображение. Задайте его размеры 100x100 пикселей.<br>Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.<br><p>66<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-68.jpg" 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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-69.jpg" 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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-70.jpg" class="slides-image"><!----><div class="slides-content">“адрес ссылки”> <IMG src=“ссылка на рисунок”> </A><br><p>Внутри тега <BODY> используется атрибут, задающий цвет гиперссылок<br>link – задает цвет исходных ссылок<br>vlink – задает цвет посещенных ссылок<br>alink – задает цвет активных ссылок (цвет при нажатии мыши)<br><p>Для указания электронной почты и запуска электронной программы используется ссылка:<br> <A href =“mailto:vvv@mail.ru”> Иванов Иван</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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-71.jpg" class="slides-image"><!----><div class="slides-content">страницы, помеченной тегом <br><A name=“new”><br><A href=“pag2.htm#new1” > примечания</A> - переход на страницу сайта pag2 к строке, помеченной тегом <br><A name=“new1”><br><p> подробности читайте<A href=“pag2.htm” > вторая страница </A></p> - ссылка на другую страницу того же сайта<br><p>70<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-72.jpg" class="slides-image"><!----><div class="slides-content">на другую страницу того же сайта, но ссылкой является рисунок<br><A href=“myfile.exe” title=” файл 10 мегабайт”> Скачать программу</A> -ссылка с подсказкой title<br><A ref=“http://home.ifmo.ru/index.html”>тест</A> - внешняя ссылка<br><p>Примеры гиперссылок<br><p>71<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="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:Jakov21@yandex.ru”> Почта </a><br><p>72<br></div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Примеры гиперссылок первая страница yandex Почта 72" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-73.jpg" 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 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" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1123128/slide-74.jpg" 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"><!----><div class="download-description"> Имя файла: Язык-html.pptx <br> Количество просмотров: 32 <br> Количество скачиваний: 0</div><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/nam-nuzhno-pereyti-na-bim" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1089294/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1089294/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1089294/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1089294/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1089294/slide-0.jpg" class="slides-image related-itemImage"> Нам нужно перейти на BIM!</a></div><div class="related-item"><a href="/prezentacii-po-informatike/model-appruva-zhestkih-kreativov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1071154/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1071154/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1071154/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1071154/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1071154/slide-0.jpg" class="slides-image related-itemImage"> Модель АППРУВА жестких креативов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/osnovy-informatiki-i-teoriya-informatsii-lektsiya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1160543/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1160543/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1160543/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1160543/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1160543/slide-0.jpg" class="slides-image related-itemImage"> Основы информатики и теория информации. Лекция 1</a></div><div class="related-item"><a href="/prezentacii-po-informatike/deklaratsiya-nezavisimosti-kiberprostranstva-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/940079/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/940079/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/940079/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/940079/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/940079/slide-0.jpg" class="slides-image related-itemImage"> Декларация независимости Киберпространства</a></div><div class="related-item"><a href="/prezentacii-po-informatike/razrabotka-sayta-magazina-tsvetov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1116739/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1116739/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1116739/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1116739/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1116739/slide-0.jpg" class="slides-image related-itemImage"> Разработка сайта магазина цветов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/analiz-sredstv-i-metodov-administrirovaniya-seti" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/957117/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/957117/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/957117/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/957117/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/957117/slide-0.jpg" class="slides-image related-itemImage"> Анализ средств и методов администрирования сети</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sohranenie-dokumentov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1137629/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1137629/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1137629/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1137629/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1137629/slide-0.jpg" class="slides-image related-itemImage"> Сохранение документов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/zvukovye-karty-3-79-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/873974/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/873974/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/873974/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/873974/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/873974/slide-0.jpg" class="slides-image related-itemImage"> Звуковые карты</a></div><div class="related-item"><a href="/prezentacii-po-informatike/fitnespro-prilozhenie-pomoshchnik-dlya-zanyatiy-fitnesom" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1098320/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1098320/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1098320/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1098320/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1098320/slide-0.jpg" class="slides-image related-itemImage"> FitnesPro Приложение-помощник для занятий фитнесом</a></div><div class="related-item"><a href="/prezentacii-po-informatike/indeks-hirsha" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/881789/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/881789/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/881789/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/881789/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/881789/slide-0.jpg" class="slides-image related-itemImage"> Индекс Хирша</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informaciiiinformacionnyeprocessy-3" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1072573/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1072573/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1072573/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1072573/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1072573/slide-0.jpg" class="slides-image related-itemImage"> informacii_i_informacionnye_processy</a></div><div class="related-item"><a href="/prezentacii-po-informatike/web-tehnologii-i-oborudovanie-sovmeshchaem-nesovmestimoe" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1057893/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1057893/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1057893/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1057893/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1057893/slide-0.jpg" class="slides-image related-itemImage"> WEB-технологии и оборудование: совмещаем несовместимое</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsiya-i-informatsionnye-protsessy-43" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1052965/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1052965/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1052965/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052965/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1052965/slide-0.jpg" class="slides-image related-itemImage"> Информация и информационные процессы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elementy-algebry-logiki-matematicheskie-osnovy-informatiki-37" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1152789/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1152789/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1152789/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1152789/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1152789/slide-0.jpg" class="slides-image related-itemImage"> Элементы алгебры логики. Математические основы информатики</a></div><div class="related-item"><a href="/prezentacii-po-informatike/issledovanie-prohozhdeniya-amplitudno-modulirovannogo-kolebaniya-cherez" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1005038/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1005038/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1005038/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1005038/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1005038/slide-0.jpg" class="slides-image related-itemImage"> Исследование прохождения амплитудно-модулированного колебания через колебательный контур. Лабораторная работа 3</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-lichnost-i-internet-setevaya-lichnost-i-psixologicheskij-aspekt" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/282268/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282268/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282268/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282268/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282268/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Личность и интернет. Сетевая личность и психологический аспект </a></div><div class="related-item"><a href="/prezentacii-po-informatike/bazy-dannyh-i-sistemy-upravleniya-imi-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1011168/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1011168/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1011168/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1011168/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1011168/slide-0.jpg" class="slides-image related-itemImage"> Базы данных и системы управления ими</a></div><div class="related-item"><a href="/prezentacii-po-informatike/faylovaya-sistema-7-klass" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1062034/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1062034/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1062034/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1062034/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1062034/slide-0.jpg" class="slides-image related-itemImage"> Файловая система. 7 класс</a></div><div class="related-item"><a href="/prezentacii-po-informatike/otchyot-po-prakticheskoy-rabote-po-arhitekture" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1076221/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1076221/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1076221/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1076221/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1076221/slide-0.jpg" class="slides-image related-itemImage"> Отчёт по практической работе по Архитектуре ЭВМ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ustroystvo-perevodchik-translater-obekt-iz-budushchego" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/871545/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/871545/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/871545/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/871545/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/871545/slide-0.jpg" class="slides-image related-itemImage"> Устройство-переводчик Translater. Объект из будущего, разработанный для космонавтов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vkr-ispolzovanie-metoda-mashinnogo-obucheniya-na" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1021713/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1021713/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1021713/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021713/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021713/slide-0.jpg" class="slides-image related-itemImage"> ВКР: Использование метода машинного обучения на основе Q-обучения для управления роботом-манипулятором</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kiberprestupniki" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/905824/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/905824/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/905824/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/905824/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/905824/slide-0.jpg" class="slides-image related-itemImage"> Киберпреступники</a></div><div class="related-item"><a href="/prezentacii-po-informatike/vkontakte-marketing-plan-kompanii-tc-group" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/961518/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/961518/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/961518/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/961518/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/961518/slide-0.jpg" class="slides-image related-itemImage"> VKontakte. Маркетинг-план компании TC Group</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sredstva-organizatsii-chertezha-v-sapr-sloi" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1066365/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1066365/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1066365/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1066365/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1066365/slide-0.jpg" class="slides-image related-itemImage"> Средства организации чертежа в САПР. Слои и свойства объектов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tekstovaya-informatsiya-edinitsy-izmereniya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1013002/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1013002/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1013002/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1013002/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1013002/slide-0.jpg" class="slides-image related-itemImage"> Текстовая информация. Единицы измерения</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sistemy-schisleniya-nepozitsionnye-sistemy-schisleniya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/921549/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/921549/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/921549/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/921549/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/921549/slide-0.jpg" class="slides-image related-itemImage"> Системы счисления. Непозиционные системы счисления</a></div><div class="related-item"><a href="/prezentacii-po-informatike/8588-while-…-wend-cikl" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/479138/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/479138/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/479138/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/479138/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/479138/slide-0.jpg" class="slides-image related-itemImage"> WHILE … WEND ЦИКЛ</a></div><div class="related-item"><a href="/prezentacii-po-informatike/strim-tsifrovaya-platforma-zastroyshchikov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1089557/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1089557/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1089557/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1089557/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1089557/slide-0.jpg" class="slides-image related-itemImage"> Стрим Цифровая платформа Застройщиков</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click" target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0" title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src= "https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U){return {data:{meta:{result:{meta:{h1:m,main_text:b,main_title:n,main_description:o,main_keywords:p,main_image:b},app:{logo_image:q,logo_image_width:i,logo_image_height:j,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:k,header_bg:l,accent:G}},social:H}},categories:{result:[{id:I,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:J,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1123128,name:"Язык html",category:J,count:76,jpg:"jpg\u002F1123128",hits:j,download:a,h1:K,meta:{h1:K,title:"Язык html презентация",description:"Язык html презентация, доклад, проект, Информатика ",keywords:"Язык html, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Язык html, из раздела: Информатика.  Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EСодержание\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",file:"Язык-html.pptx",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:vvv@mail.ru”\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:Jakov21@yandex.ru”\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:1089294,name:"Нам нужно перейти на BIM!",href:"\u002Fprezentacii-po-informatike\u002Fnam-nuzhno-pereyti-na-bim",jpg:"jpg\u002F1089294"},{id:1071154,name:"Модель АППРУВА жестких креативов",href:"\u002Fprezentacii-po-informatike\u002Fmodel-appruva-zhestkih-kreativov",jpg:"jpg\u002F1071154"},{id:1160543,name:"Основы информатики и теория информации. Лекция 1",href:"\u002Fprezentacii-po-informatike\u002Fosnovy-informatiki-i-teoriya-informatsii-lektsiya",jpg:"jpg\u002F1160543"},{id:940079,name:"Декларация независимости Киберпространства",href:"\u002Fprezentacii-po-informatike\u002Fdeklaratsiya-nezavisimosti-kiberprostranstva-1",jpg:"jpg\u002F940079"},{id:1116739,name:"Разработка сайта магазина цветов",href:"\u002Fprezentacii-po-informatike\u002Frazrabotka-sayta-magazina-tsvetov",jpg:"jpg\u002F1116739"},{id:957117,name:"Анализ средств и методов администрирования сети",href:"\u002Fprezentacii-po-informatike\u002Fanaliz-sredstv-i-metodov-administrirovaniya-seti",jpg:"jpg\u002F957117"},{id:1137629,name:"Сохранение документов",href:"\u002Fprezentacii-po-informatike\u002Fsohranenie-dokumentov",jpg:"jpg\u002F1137629"},{id:873974,name:"Звуковые карты",href:"\u002Fprezentacii-po-informatike\u002Fzvukovye-karty-3-79-2",jpg:"jpg\u002F873974"},{id:1098320,name:"FitnesPro Приложение-помощник для занятий фитнесом",href:"\u002Fprezentacii-po-informatike\u002Ffitnespro-prilozhenie-pomoshchnik-dlya-zanyatiy-fitnesom",jpg:"jpg\u002F1098320"},{id:881789,name:"Индекс Хирша",href:"\u002Fprezentacii-po-informatike\u002Findeks-hirsha",jpg:"jpg\u002F881789"},{id:1072573,name:"informacii_i_informacionnye_processy",href:"\u002Fprezentacii-po-informatike\u002Finformaciiiinformacionnyeprocessy-3",jpg:"jpg\u002F1072573"},{id:1057893,name:"WEB-технологии и оборудование: совмещаем несовместимое",href:"\u002Fprezentacii-po-informatike\u002Fweb-tehnologii-i-oborudovanie-sovmeshchaem-nesovmestimoe",jpg:"jpg\u002F1057893"},{id:1052965,name:"Информация и информационные процессы",href:"\u002Fprezentacii-po-informatike\u002Finformatsiya-i-informatsionnye-protsessy-43",jpg:"jpg\u002F1052965"},{id:1152789,name:"Элементы алгебры логики. Математические основы информатики",href:"\u002Fprezentacii-po-informatike\u002Felementy-algebry-logiki-matematicheskie-osnovy-informatiki-37",jpg:"jpg\u002F1152789"},{id:1005038,name:"Исследование прохождения амплитудно-модулированного колебания через колебательный контур. Лабораторная работа 3",href:"\u002Fprezentacii-po-informatike\u002Fissledovanie-prohozhdeniya-amplitudno-modulirovannogo-kolebaniya-cherez",jpg:"jpg\u002F1005038"},{id:282268,name:"Презентация на тему Личность и интернет. Сетевая личность и психологический аспект ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-lichnost-i-internet-setevaya-lichnost-i-psixologicheskij-aspekt",jpg:"jpg\u002F282268"},{id:1011168,name:"Базы данных и системы управления ими",href:"\u002Fprezentacii-po-informatike\u002Fbazy-dannyh-i-sistemy-upravleniya-imi-2",jpg:"jpg\u002F1011168"},{id:1062034,name:"Файловая система. 7 класс",href:"\u002Fprezentacii-po-informatike\u002Ffaylovaya-sistema-7-klass",jpg:"jpg\u002F1062034"},{id:1076221,name:"Отчёт по практической работе по Архитектуре ЭВМ",href:"\u002Fprezentacii-po-informatike\u002Fotchyot-po-prakticheskoy-rabote-po-arhitekture",jpg:"jpg\u002F1076221"},{id:871545,name:"Устройство-переводчик Translater. Объект из будущего, разработанный для космонавтов",href:"\u002Fprezentacii-po-informatike\u002Fustroystvo-perevodchik-translater-obekt-iz-budushchego",jpg:"jpg\u002F871545"},{id:1021713,name:"ВКР: Использование метода машинного обучения на основе Q-обучения для управления роботом-манипулятором",href:"\u002Fprezentacii-po-informatike\u002Fvkr-ispolzovanie-metoda-mashinnogo-obucheniya-na",jpg:"jpg\u002F1021713"},{id:905824,name:"Киберпреступники",href:"\u002Fprezentacii-po-informatike\u002Fkiberprestupniki",jpg:"jpg\u002F905824"},{id:961518,name:"VKontakte. Маркетинг-план компании TC Group",href:"\u002Fprezentacii-po-informatike\u002Fvkontakte-marketing-plan-kompanii-tc-group",jpg:"jpg\u002F961518"},{id:1066365,name:"Средства организации чертежа в САПР. Слои и свойства объектов",href:"\u002Fprezentacii-po-informatike\u002Fsredstva-organizatsii-chertezha-v-sapr-sloi",jpg:"jpg\u002F1066365"},{id:1013002,name:"Текстовая информация. Единицы измерения",href:"\u002Fprezentacii-po-informatike\u002Ftekstovaya-informatsiya-edinitsy-izmereniya",jpg:"jpg\u002F1013002"},{id:921549,name:"Системы счисления. Непозиционные системы счисления",href:"\u002Fprezentacii-po-informatike\u002Fsistemy-schisleniya-nepozitsionnye-sistemy-schisleniya",jpg:"jpg\u002F921549"},{id:479138,name:"WHILE … WEND ЦИКЛ",href:"\u002Fprezentacii-po-informatike\u002F8588-while-…-wend-cikl",jpg:"jpg\u002F479138"},{id:1089557,name:"Стрим Цифровая платформа Застройщиков",href:"\u002Fprezentacii-po-informatike\u002Fstrim-tsifrovaya-platforma-zastroyshchikov",jpg:"jpg\u002F1089557"}],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:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:k,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:m,main_text:b,main_title:n,main_description:o,main_keywords:p,main_image:b},app:{logo_image:q,logo_image_width:i,logo_image_height:j,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:k,header_bg:l,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,32,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg","Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","slaidy.com@ya.ru","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика","Язык html ","\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.e6b1bc94.js" crossorigin></script></body> </html>