Презентация, доклад по информатике на тему Язык HTML (11 класс)

Содержание

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

Слайд 1Начальные сведения

Язык HTML
1

Начальные сведенияЯзык HTML 1

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

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



2

Язык HTMLHTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.SGML

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

и другими документами.

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

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



3

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

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

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



4

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

Слайд 5Апплет (Applet)

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

запускаемая при просмотре Web-страницы

Браузер (Browser)


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



5

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

Слайд 6Скрипт или сценарий
(Script)
Программа, включенная в состав Web-страницы, для расширения ее

возможностей

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



6

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

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



7

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

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

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

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



8

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

Слайд 9Графические форматы
GIF - Graphic Interchange Format. При сохранении изображения в этом

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



9

Графические форматыGIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно

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

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

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



10

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

Слайд 117). Мультимедиа –файлы (содержащие музыку (.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

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

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

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

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



12

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

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

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

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



13

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

Слайд 14теги HTML
14

теги HTML14

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

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



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

15

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

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

на другие ресурсы;
Вставки изображений и расширений HTML.



16

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

Слайд 17





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


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

содержание страницы
Конец разметки документа
17

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

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

служебную информацию о сайте
и не отображается на экране браузера:

Имя автора страницы;
Информация о кодировке;
Набор ключевых слов для поиска, отображающих содержание сайта.



18

Между тегами и пишется название сайтаТег несет служебную информацию о сайтеи не отображается на экране

Слайд 19Пример Web -страницы


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

charset=windows-1251”>





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






19

Пример Web -страницы О братьях наших меньших Здесь размещается содержимое страницы 19

Слайд 20
школа





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


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

образование, знание”>


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


20

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

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

страницы
Между элементами наберите

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


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



21

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

Слайд 22Форматирование текста
22

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

Слайд 23Форматирования текста


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

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


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

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

23

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

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

шестнадцатеричной системе счисления или название на английском языке

color=“#FF0000” color=”red”

Пример.
это шрифт синего цвета

R-red 00-FF 0-255

G-green 00-FF 0-255

B - blue 00-FF 0-255

RGB



24

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

Слайд 25Названия цветов и значения RGB


25

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

Слайд 26форматирование шрифтов
26

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

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

с запятой)

Пример.

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


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



27

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

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

тест подчеркнутый шрифт

x2 верхний

индекс (х2)

x2 нижний индекс (х2)


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



28

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

Слайд 29Примеры со шрифтами


Пример действия параметра FASE





ШРИФТ

SIZE=5 FACE=″Times New Romans Cyr″>РАЗНОГО


< FONT SIZE=5 FACE=″Courier New Cyr″>НАЧЕРТАНИЯ


29

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

Слайд 30Примеры со шрифтами

Пример действия параметра SIZE


Ш

SIZE=+1 >Р
ИФ
Т
РА
ЗН
ОГ
О
РА
ЗМ
ЕР>/FONT>
А



30

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

Слайд 31Примеры со шрифтами

Пример действия параметра COLOR



ШРИФТ

COLOR=GREEN>РАЗНОГО

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




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

31

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

Слайд 32т е с т -сохраняет исходный вид

отформатированного текста с пробелами, разбивками на строки и т.п. (т е с т )

Пример

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



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


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



32

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

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

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

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

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



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

34

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

Слайд 35Пример


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

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

ПРАВОМУ КРАЮ

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



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



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


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



35

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

Слайд 36форматирование абзацев
36

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

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

тег, т.к. следующий элемент

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

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

тест
тест



37

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

Слайд 38Параметры тега HR


38

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

Слайд 39NOSHADE запрет выпуклости

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

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

толщиной 2 пикселя




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



ALIGN=CENTER>

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



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





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


39

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

Слайд 40Пример.

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

его не брошу,
Потому, что он хороший

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



40

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

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


41

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

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

Центрирование
всех строк

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



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



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



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




Пример



42

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

Слайд 43


Задание 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 class="image"> <a href="/img/thumbs/383c1c5e098c6c0fafdd367b18e14bfd-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 2 Форматирование текста на страницеСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 2» и вашу фамилию.Отформатируйте текст по заданию:Домашние животные (заголовок H1)Собаки (заголовок H2, центральное выравнивание}Сторожевые (выравнивание слева, полужирный шрифт)Охотничьи (выравнивание справа, полужирный шрифт)Дрессировка (выравнивание по центру, полужирный курсивный шрифт)Клубы Выставки Площадки (выравнивание по центру, размер шрифта14, цвет красный)Стихотворение (выравнивание по центру, синий шрифт)По жизни я скроменОваций не надо!Но как же я классно (Выравнивание по левому краю, размер шрифта 10)Смотрюсь у снаряда!43"><img src="/img/thumbs/383c1c5e098c6c0fafdd367b18e14bfd-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 2 Форматирование текста на страницеСоздайте новую страницу в редакторе блокнот.В" alt="Задание 2 Форматирование текста на страницеСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 2» и"></a> </div> <hr> </div> <div class="descrip" id="slide44"> <h2><a href="/img/thumbs/da0f038e6c395de919a2706f3e90eef5-800x.jpg" target="_blank">Слайд 44</a> 1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите</h2> <div class="text"> «Практическая работа 3» и вашу фамилию. 3. Отформатируйте текст по заданию: <html> <head> <title>Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан




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

44

1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 3» и вашу фамилию.

Слайд 45 Практическая работа

4 Фамилия

Роман

Книга

Том

Часть

Глава
Параграф




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

1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 4» и вашу фамилию. 3. Отформатируйте текст по заданию: <br><p>45<br> </div> <div class="image"> <a href="/img/thumbs/9d7b5091453f6619d0b320f8de562592-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Практическая работа 4 Фамилия Роман Книга Том Часть Глава Параграф Задание 4 Форматирование заголовков1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 4» и вашу фамилию. 3. Отформатируйте текст по заданию: 45"><img src="/img/thumbs/9d7b5091453f6619d0b320f8de562592-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Практическая работа 4 Фамилия" alt="Практическая работа 4 Фамилия"></a> </div> <hr> </div> <div class="descrip" id="slide46"> <h2><a href="/img/thumbs/af497ffa20bf5f36458b82f82d718381-800x.jpg" target="_blank">Слайд 46</a><br><br><br>Задание 5 Форматирование абзацев<br>Создайте новую страницу в редакторе блокнот. 2. В элемент</h2> <div class="text"> <title> укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. <br>Текст шрифта красный, размером 4, курсив<br><p>46<br> </div> <div class="image"> <a href="/img/thumbs/af497ffa20bf5f36458b82f82d718381-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 5 Форматирование абзацевСоздайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Текст шрифта красный, размером 4, курсив46"><img src="/img/thumbs/af497ffa20bf5f36458b82f82d718381-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 5 Форматирование абзацевСоздайте новую страницу в редакторе блокнот. 2. В" alt="Задание 5 Форматирование абзацевСоздайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 5» и"></a> </div> <hr> </div> <div class="descrip" id="slide47"> <h2><a href="/img/thumbs/364796ba3a6a6998dc6503baa369d506-800x.jpg" target="_blank">Слайд 47</a>html> 1</h2> <div class="text"> способ форматирования

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

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

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




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

47

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

Слайд 48html> 2 способ

форматирования

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



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

48

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

Слайд 49html> 3 способ

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



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

49

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

Слайд 50Бегущая строка …
Параметры:

BGCOLOR- фоновый цвет плашки

WIDTH HEIGHT -ширина и высота плашки

LOOP -количество

повтороений (INFINITE - непрерывно)

SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях

SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает напрвление прокрутки
BEHAVIOR=SCROOLL -напрвление слева направо
BEHAVIOR=SLIDE - напрвление справа налево

50

Бегущая строка …Параметры:BGCOLOR- фоновый цвет плашкиWIDTH HEIGHT -ширина и высота плашкиLOOP -количество повтороений (INFINITE - непрерывно)SCROOLLAMOUNT-скорость прокручивания,

Слайд 51Пример бегущей строки

HSPACE=10 VSPACE=10>









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



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

51

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

Слайд 52форматирование списков
52

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

Слайд 53Маркированные списки

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


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


53

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

Слайд 54Нумерованные списки

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


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


54

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

Слайд 55Способы нумерации списков
Способ нумерации задается за счет атрибута type
Атрибут Вид нумерации
type=“1” 1, 2,

3, 4…
type=“i” i, ii, iii, iv…
Type=“I” I, II, III, IV…
type=“a” a, b, c, d…
type=“A” A, B, C, D…



55

Способы нумерации списковСпособ нумерации задается за счет атрибута typeАтрибут Вид нумерацииtype=“1” 1, 2, 3, 4…type=“i” i, ii, iii, iv…Type=“I” I, II,

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

Термин
Определение


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


56

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

Слайд 57ПРИМЕР

введение
назначение языка HTML
команды

теги HTML

  1. форматирование текста


    • жирность

    • наклон

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

    • индексы


      • нижние

      • верхние

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


    • цвет


  2. работа с абзацами


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

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

    57

    ПРИМЕР введение назначение языка HTML команды теги HTML

    Слайд 58

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

    укажите «Практическая работа 6» и вашу фамилию.
    Отформатируйте текст по заданию:
    Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)
    Теплым.
    Круглым.
    Желтым.
    Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)
    А. Белым
    B. Холодным
    C. Пушистым
    (шрифт списков черный, размер 3)


    58

    Задание 6 Создание списковСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 6» и вашу фамилию.Отформатируйте

    Слайд 59Задание 6 -1 Создание списков
    Создайте страницы со следующими списками:


    Перечень покупок:
    Говядина -1кг
    Масло

    сливочное -500 г
    Хлеб - 2 батона
    Молоко - 1 литр


    Алгоритм вычисления дробей:
    очистить экран
    ввести значения X и Y
    если у=0, вернуться к пункту 2
    вычислить z=x/y
    вывести результат z

    59

    Задание 6 -1 Создание списковСоздайте страницы со следующими списками:Перечень покупок:Говядина -1кгМасло сливочное -500 гХлеб - 2 батонаМолоко

    Слайд 60оформление фона и вставка рисунков
    60

    оформление фона и вставка рисунков60

    Слайд 61Задание фона страницы
    Для задания цвета фона на странице надо внутри начального

    элемента указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.

    Пример

    …

    …




    61

    Задание фона страницыДля задания цвета фона на странице надо внутри начального элемента указать атрибут bgcolor =“цвет”. Цвет

    Слайд 62Вставка рисунков
    IMG – тег для создания ссылки на графический файл. С

    его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.
    Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.

    Пример.
    “мой





    62

    Вставка рисунковIMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение

    Слайд 63 рисунок в центре, текст сверху и

    снизу

    рисунок слева

    рисунок справа



    Примеры обтекания иллюстраций в документе

    63

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

    Слайд 64
    Задание 7 Размещение графики на Web - страницах
    Создайте новую страницу в

    редакторе блокнот.
    В элемент укажите «Практическая работа 7» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным.<br>Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию красного цвета.<br>Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.<br>Рисунок<br><br><br><p><br><p><br><p>64<br> </div> <div class="image"> <a href="/img/thumbs/6a066d1a124da8e054e78f1cb3d1cc2d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 7 Размещение графики на Web - страницахСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 7» и вашу фамилию.В элементе задайте атрибут, чтобы цвет фона страницы был черным.Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.Вставьте горизонтальную линию красного цвета.Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.Рисунок64"><img src="/img/thumbs/6a066d1a124da8e054e78f1cb3d1cc2d-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 7 Размещение графики на Web - страницахСоздайте новую страницу в" alt="Задание 7 Размещение графики на Web - страницахСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа"></a> </div> <hr> </div> <div class="descrip" id="slide65"> <h2><a href="/img/thumbs/0947959bbec26697a82e4ad00c38f819-800x.jpg" target="_blank">Слайд 65</a><br>Задание 8 Размещение графики на Web - страницах<br>Создайте новую страницу в</h2> <div class="text"> редакторе блокнот.<br>В элемент <title> укажите «Практическая работа 8» и вашу фамилию.<br>Разместите на странице рисунок <br>Сделайте надпись к рисунку<br>Создайте рамку вокруг рисунка шириной 2 пикселя.<br>Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.<br>Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.<br><br><br><p><br><p><br><p>65<br> </div> <div class="image"> <a href="/img/thumbs/0947959bbec26697a82e4ad00c38f819-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 8 Размещение графики на Web - страницахСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 8» и вашу фамилию.Разместите на странице рисунок Сделайте надпись к рисункуСоздайте рамку вокруг рисунка шириной 2 пикселя.Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.65"><img src="/img/thumbs/0947959bbec26697a82e4ad00c38f819-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 8 Размещение графики на Web - страницахСоздайте новую страницу в" alt="Задание 8 Размещение графики на Web - страницахСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа"></a> </div> <hr> </div> <div class="descrip" id="slide66"> <h2><a href="/img/thumbs/738f0cd209d8a8c8d8cb8c3fb32f8ce6-800x.jpg" target="_blank">Слайд 66</a><br>Задание 9 изменение размеров изображения<br>Создайте новую страницу в редакторе блокнот.<br>В элемент</h2> <div class="text"> <title> укажите «Практическая работа 9» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым.<br>Вставьте изображение. Задайте его размеры 100x100 пикселей.<br>Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.<br><br><br><p><br><p><br><p><br><p>66<br> </div> <div class="image"> <a href="/img/thumbs/738f0cd209d8a8c8d8cb8c3fb32f8ce6-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 9 изменение размеров изображенияСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 9» и вашу фамилию.В элементе задайте атрибут, чтобы цвет фона страницы зеленым.Вставьте изображение. Задайте его размеры 100x100 пикселей.Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.66"><img src="/img/thumbs/738f0cd209d8a8c8d8cb8c3fb32f8ce6-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 9 изменение размеров изображенияСоздайте новую страницу в редакторе блокнот.В элемент" alt="Задание 9 изменение размеров изображенияСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 9» и вашу"></a> </div> <hr> </div> <div class="descrip" id="slide67"> <h2><a href="/img/thumbs/6c6751c27261db7f696ebcd55e2eba8b-800x.jpg" target="_blank">Слайд 67</a>гиперссылки<br>67<br></h2> <div class="text"> </div> <div class="image"> <a href="/img/thumbs/6c6751c27261db7f696ebcd55e2eba8b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="гиперссылки67"><img src="/img/thumbs/6c6751c27261db7f696ebcd55e2eba8b-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) гиперссылки67" alt="гиперссылки67"></a> </div> <hr> </div> <div class="descrip" id="slide68"> <h2><a href="/img/thumbs/c4e9fa0f3bac92e0372d78c67a134381-800x.jpg" target="_blank">Слайд 68</a>Гиперссылки<br>Гиперссылки условно можно разделить на следующие виды:<br> Внутренние –связывающие документы внутри</h2> <div class="text"> одного и того же узла;<br>Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;<br>Гиперссылка на почтовый адрес;<br>Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.<br><p><br><p><br><p>68<br> </div> <div class="image"> <a href="/img/thumbs/c4e9fa0f3bac92e0372d78c67a134381-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="ГиперссылкиГиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного и того же узла;Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;Гиперссылка на почтовый адрес;Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.68"><img src="/img/thumbs/c4e9fa0f3bac92e0372d78c67a134381-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) ГиперссылкиГиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри" alt="ГиперссылкиГиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного и того же узла;Внешние –"></a> </div> <hr> </div> <div class="descrip" id="slide69"> <h2><a href="/img/thumbs/ad1ba5d21235ada48081da5057b31cb9-800x.jpg" target="_blank">Слайд 69</a>Гиперссылки<br> текст для щелчка мыши <br></h2> <div class="text"> = “адрес ссылки”> <IMG src=“ссылка на рисунок”> </A><br><br><p>Внутри тега <BODY> используется атрибут, задающий цвет гиперссылок<br>link – задает цвет исходных ссылок<br>vlink – задает цвет посещенных ссылок<br>alink – задает цвет активных ссылок (цвет при нажатии мыши)<br><br><p>Для указания электронной почты и запуска электронной программы используется ссылка:<br> <A href =“mailto:vvv@mail.ru”> Иванов Иван</A><br><p><br><p><br><p>69<br> </div> <div class="image"> <a href="/img/thumbs/ad1ba5d21235ada48081da5057b31cb9-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий цвет гиперссылокlink – задает цвет исходных ссылокvlink – задает цвет посещенных ссылокalink – задает цвет активных ссылок (цвет при нажатии мыши)Для указания электронной почты и запуска электронной программы используется ссылка: Иванов Иван69"><img src="/img/thumbs/ad1ba5d21235ada48081da5057b31cb9-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий" alt="Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий цвет гиперссылокlink – задает цвет исходных"></a> </div> <hr> </div> <div class="descrip" id="slide70"> <h2><a href="/img/thumbs/4922a297ce0b17701e5561f5e830fba8-800x.jpg" target="_blank">Слайд 70</a>Примеры гиперссылок<br> Новые поступления - переход к строке той</h2> <div class="text"> же страницы, помеченной тегом <br><A name=“new”><br><br><A href=“pag2.htm#new1” > примечания</A> - переход на страницу сайта pag2 к строке, помеченной тегом <br><A name=“new1”><br><br><p> подробности читайте<A href=“pag2.htm” > вторая страница </A></p> - ссылка на другую страницу того же сайта<br><br><p><br><p><br><p>70<br> </div> <div class="image"> <a href="/img/thumbs/4922a297ce0b17701e5561f5e830fba8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примеры гиперссылок Новые поступления - переход к строке той же страницы, помеченной тегом примечания - переход на страницу сайта pag2 к строке, помеченной тегом подробности читайте вторая страница - ссылка на другую страницу того же сайта70"><img src="/img/thumbs/4922a297ce0b17701e5561f5e830fba8-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Примеры гиперссылок Новые поступления - переход к строке той же страницы," alt="Примеры гиперссылок Новые поступления - переход к строке той же страницы, помеченной тегом примечания - переход на"></a> </div> <hr> </div> <div class="descrip" id="slide71"> <h2><a href="/img/thumbs/e222654d8a57f74704159ca855060bc8-800x.jpg" target="_blank">Слайд 71</a> IMG src=log.gif alt=“о нашей фирме” -</h2> <div class="text"> ссылка на другую страницу того же сайта, но ссылкой является рисунок<br><br><A href=“myfile.exe” title=” файл 10 мегабайт”> Скачать программу</A> -ссылка с подсказкой title<br><br><A ref=“http://home.ifmo.ru/index.html”>тест</A> - внешняя ссылка<br><br><br><p>Примеры гиперссылок<br><p><br><p><br><p>71<br> </div> <div class="image"> <a href="/img/thumbs/e222654d8a57f74704159ca855060bc8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу того же сайта, но ссылкой является рисунок Скачать программу -ссылка с подсказкой titleтест - внешняя ссылкаПримеры гиперссылок71"><img src="/img/thumbs/e222654d8a57f74704159ca855060bc8-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу" alt="IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу того же сайта, но ссылкой является"></a> </div> <hr> </div> <div class="descrip" id="slide72"> <h2><a href="/img/thumbs/60226f6a32c51f494e177c81d4ae3fb6-800x.jpg" target="_blank">Слайд 72</a>Примеры гиперссылок<br>первая страница <br> yandex<br><br> Почта <br><br><br><br><br><br>72<br></h2> <div class="text"> </div> <div class="image"> <a href="/img/thumbs/60226f6a32c51f494e177c81d4ae3fb6-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примеры гиперссылокпервая страница yandex Почта 72"><img src="/img/thumbs/60226f6a32c51f494e177c81d4ae3fb6-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Примеры гиперссылокпервая страница yandex Почта 72" alt="Примеры гиперссылокпервая страница yandex Почта 72"></a> </div> <hr> </div> <div class="descrip" id="slide73"> <h2><a href="/img/thumbs/77e2c0adc9f6098b7fd6d7e303cf04b2-800x.jpg" target="_blank">Слайд 73</a><br>Задание 10 Создание гиперссылок<br><br><br>1.Создайте две страницы с именами str1.htm str2.htm <br><br>2.В</h2> <div class="text"> элемениеTITLTRE укажите название странички<br><br>3. Задайте фон первой страницы зеленого цвета, а второй <br>Синего<br><br>4. На первой странице задайте ссылку на вторую страницу<br> <A href=“str2.htm”> На вторую страницу</a><br><br>5. На второй странице задайте ссылку на 1 страницу<br> <A href=“str2.htm”> На вторую страницу</a><br><br>6.Поместите на страницы две разные картинки и проверьте <br>работу гиперссылок<br><br><p>73<br> </div> <div class="image"> <a href="/img/thumbs/77e2c0adc9f6098b7fd6d7e303cf04b2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 10 Создание гиперссылок1.Создайте две страницы с именами str1.htm str2.htm 2.В элемениеTITLTRE укажите название странички3. Задайте фон первой страницы зеленого цвета, а второй Синего4. На первой странице задайте ссылку на вторую страницу На вторую страницу5. На второй странице задайте ссылку на 1 страницу На вторую страницу6.Поместите на страницы две разные картинки и проверьте работу гиперссылок73"><img src="/img/thumbs/77e2c0adc9f6098b7fd6d7e303cf04b2-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 10 Создание гиперссылок1.Создайте две страницы с именами str1.htm str2.htm 2.В" alt="Задание 10 Создание гиперссылок1.Создайте две страницы с именами str1.htm str2.htm 2.В элемениеTITLTRE укажите название странички3. Задайте фон"></a> </div> <hr> </div> <div class="descrip" id="slide74"> <h2><a href="/img/thumbs/9a8a5d59f96621f87ed9f19017b2a8ad-800x.jpg" target="_blank">Слайд 74</a><br><br><br>Задание 11 Создание гиперссылок<br>1.Создайте к страницам прошлого задания<br> с именами str1.htm</h2> <div class="text"> str2.htm еще одну страницу str3.htm<br> <br>2.Добавьте на первых двух страницах ссылку на 3 страницу?<br> А на третьей ссылки на две первые<br><br>3. В теге <BODY> определите текст гиперссылок:<br> все гиперссылки -белые<br> активные гиперсылки - красные<br> посещенные гиперссылки -серые <br><br>4. На третьей странице задайте ссылки на вторую и первую <br> страницы в виде рисунка кнопки<br> <A href=“str2.htm”> IMG src=“kn.gif”></a><br><br> 5. Задайте бордюр для кнопок=2<br><br> 6. Проверьте работу гиперссылок<br><br><p><br><p>74<br> </div> <div class="image"> <a href="/img/thumbs/9a8a5d59f96621f87ed9f19017b2a8ad-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 11 Создание гиперссылок1.Создайте к страницам прошлого задания с именами str1.htm str2.htm еще одну страницу str3.htm 2.Добавьте на первых двух страницах ссылку на 3 страницу? А на третьей ссылки на две первые3. В теге определите текст гиперссылок: все гиперссылки -белые активные гиперсылки - красные посещенные гиперссылки -серые 4. На третьей странице задайте ссылки на вторую и первую страницы в виде рисунка кнопки IMG src=“kn.gif”> 5. Задайте бордюр для кнопок=2 6. Проверьте работу гиперссылок74"><img src="/img/thumbs/9a8a5d59f96621f87ed9f19017b2a8ad-800x.jpg" title="Презентация по информатике на тему Язык HTML (11 класс) Задание 11 Создание гиперссылок1.Создайте к страницам прошлого задания с именами str1.htm" alt="Задание 11 Создание гиперссылок1.Создайте к страницам прошлого задания с именами str1.htm str2.htm еще одну страницу str3.htm 2.Добавьте"></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-9 --> <div id="yandex_rtb_R-A-637067-9"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-637067-9', blockId: 'R-A-637067-9' }) })</script></div> <div class="url"><a href="/informatika/prezentatsiya-po-informatike-na-temu-yazyk-8/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-637067-8 --> <div id="yandex_rtb_R-A-637067-8"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-637067-8', blockId: 'R-A-637067-8' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/prezentatsiya-i-fayl-s-zadaniyami-po"> <img src="/img/thumbs/609ba9c9be4781a04d96977e32596644-800x.jpg" alt="Презентация и файл с заданиями по информатике Форматирование абзацев(9 класс) Стили заголовок 1 выровнять по середине (Ctrl+E), абзац интервал перед 20, после 24, размер шрифта 18Задание№2. Напечатать текст, а затем отформатировать, его так как указано в "> <span class="desc"> <span>Презентация и файл с заданиями по информатике Форматирование абзацев(9 класс) Стили заголовок 1 выровнять по середине (Ctrl+E), абзац интервал перед 20, после 24, размер шрифта 18Задание№2. Напечатать текст, а затем отформатировать, его так как указано в </span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 165</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-multimediyaly-prezentatsiyany-konstruktory"> <img src="/img/thumbs/f7a466ce4cac73a92122a5920a45c558-800x.jpg" alt="Презентация Мультимедиялық презентацияның конструкторы"> <span class="desc"> <span>Презентация Мультимедиялық презентацияның конструкторы</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 134</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-637067-10 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-637067-10' }) })</script></div> <div class="wrapper"> <a href="/informatika/iskusstvo-illyuzii"> <img src="/img/thumbs/63c83247b9746bb1b283cbadf7ab3c42-800x.jpg" alt="Искусство иллюзии"> <span class="desc"> <span>Искусство иллюзии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 214</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/prezentatsiya-po-robototehnike-robototehnika-kak-instrument"> <img src="/img/thumbs/da45e9499f0cf03b2e54ea07590582eb-800x.jpg" alt="Презентация по робототехнике Робототехника как инструмент формирования инженерной компетенции обучающихся в рамках реализации ФГОС"> <span class="desc"> <span>Презентация по робототехнике Робототехника как инструмент формирования инженерной компетенции обучающихся в рамках реализации ФГОС</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 235</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/urok-po-teme-informatsiya-edinitsy-izmereniya"> <img src="/img/thumbs/db568eae3c2d3cfca7b4076b441afd0b-800x.jpg" alt="Урок по теме: Информация. Единицы измерения информации"> <span class="desc"> <span>Урок по теме: Информация. Единицы измерения информации</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 143</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/interaktivnyy-test-po-programmirovaniyu-8-klass"> <img src="/img/thumbs/8cb867960f435e81ef97ae1fe48fd97d-800x.jpg" alt="Интерактивный тест по программированию 8 класс"> <span class="desc"> <span>Интерактивный тест по программированию 8 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 232</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое shareslide.ru?</h4> <p> Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=62259274&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/62259274/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="62259274" data-lang="ru" /></a> <!-- /Yandex.Metrika informer --> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t15.3;r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';h'+escape(document.title.substring(0,150))+';'+Math.random()+ '" alt="" title="LiveInternet: показано число просмотров за 24'+ ' часа, посетителей за 24 часа и за сегодня" '+ 'border="0" width="88" height="31"><\/a>') </script> <!--/LiveInternet--> </div> <div class="links"> </div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Email: <a href="#" class="js_hidden_email" data-address="shareslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?2447e50ae9548e2940ba7a21ee06d344"></script> </body> </html>