Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

Язык HTMLHTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.XML (Extended Markup Language) - расширяемый язык разметки.2
Начальные сведенияЯзык HTML 1 Язык HTMLHTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в Основные понятияГипертекст – структура, позволяющая устанавливать смысловые связки между элементами текста и Фрейм (Frame)Этот термин имеет два значения: Область документа со своими полосами прокруткиОдиночное Апплет (Applet)Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая Скрипт или сценарий (Script)Программа, включенная в состав Web-страницы, для расширения ее возможностейCGI Что могут содержать Web-страницы:1). Тексты; 2). Таблицы; 3). Логотипы; 4). Эмблемы;7 5). ГрафикуГрафические файлы самые распространенные и выгодные в формате .jpg (jpig), менее Графические форматыGIF - Graphic Interchange Format. При сохранении изображения в этом формате 6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и 7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).avi-фрагменты это очень 8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с 10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В теги HTML14 HTML - тегиЯзык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых Назначение HTML-теговФорматирования текста;Описания кадров и форм; Форматирования таблиц и списков;Организации ссылок на Структура HTML-документа….….Начало разметки документасодержание страницыКонец разметки документа17 Между тегами и пишется название сайтаТег несет служебную информацию о Пример Web -страницы О братьях наших меньших Здесь размещается содержимое страницы 19 школаСайт, посвященный школе< META NAME=“keywords” CONTENT =“школа, класс, урок, обучение, образование, Задание 1 Создание структуры страницыОткройте текстовый редактор блокнот.Наберите структуру приведенной ранее страницыМежду Форматирование текста22 Форматирования текстаФорматировать текст можно традиционными способами: выделять курсивом, полужирным, выбирать шрифт, размер, COLOR – атрибут для определения цвета, название которого задается числом в шестнадцатеричной Названия цветов и значения RGB25 форматирование шрифтов26 FACE – позволяет задавать тип шрифта или несколько шрифтов (через точку с тест выделение шрифта полужирным шрифтомтест выделение шрифта курсивомтест подчеркнутый шрифтx2 верхний индекс Примеры со шрифтамиПример действия параметра FASEШРИФТРАЗНОГО< FONT SIZE=5 FACE=Courier New Cyr>НАЧЕРТАНИЯ29 Примеры со шрифтамиПример действия параметра SIZE ШРИФТРАЗНОГОРАЗМЕР>/FONT>А30 Примеры со шрифтамиПример действия параметра COLORШРИФТРАЗНОГО < FONT SIZE=5 COLOR=BLUE>ЦВЕТА ЗАДАНИЕ Написать т е с т -сохраняет исходный вид отформатированного текста фоматирование заголовков33 Форматирования заголовковтест  тесттест  тесттест  тесттест  тесттест  тесттест Пример ОСНОВНОЙ ЗАГОЛОВОК (H1) ПО ЦЕНТРУ ПОДЗАГОЛОВОК (Н2) ПО ПРАВОМУ КРАЮ ПОДЗАГОЛОВОК форматирование абзацев36 Разбивка на абзацытекст - новый абзац, можно использовать только начальный тег, т.к. Параметры тега HR38 NOSHADE запрет выпуклости ПРИМЕРЫ ОТЛИНОВОКпростая отлиновка толщиной 2 пикселя толстая и короткая Пример.Уронили мишку на пол, Оторвали мишке лапу, Все равно его не брошу, Выравнивание абзацевВместе с элементом абзац можно использовать атрибут выравнивания align41 По умолчанию выравнивание по левому краюЦентрирование всех строк абзаца, в том Задание 2 Форматирование текста на страницеСоздайте новую страницу в редакторе блокнот.В элемент 1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая Практическая Задание 5 Форматирование абзацевСоздайте новую страницу в редакторе блокнот. 2. В элемент html> 1 html> 2 html> 3 Бегущая строка …Параметры:BGCOLOR- фоновый цвет плашкиWIDTH HEIGHT -ширина и высота плашкиLOOP -количество Пример бегущей строки НАЗВАНИЕ ФИРМЫ ПРИХОДИТЕ ПОЖАЛУЙСТА!Строка пять разпроплывает вправо-влево, затем останавливается форматированиесписков52 Маркированные списки первый элемент второй элементРезультат:первый элемент второй элемент53 Нумерованные списки первый элемент второй элемент 1. первый элемент 2. второй элемент54 Способы нумерации списковСпособ нумерации задается за счет атрибута typeАтрибут Вид нумерацииtype=“1” 1, 2, 3, Списки определений Термин ОпределениеРезультат:Термин Определение56 ПРИМЕР введение назначение языка HTML команды теги HTML Задание 6 Создание списковСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая Задание 6 -1 Создание списковСоздайте страницы со следующими списками:Перечень покупок:Говядина -1кгМасло сливочное оформление фонаи вставка рисунков60 Задание фона страницыДля задания цвета фона на странице надо внутри начального элемента Вставка рисунковIMG – тег для создания ссылки на графический файл. С его рисунок в центре, текст сверху и снизу рисунок слева рисунок справаПримеры обтекания иллюстраций в документе63 Задание 7 Размещение графики на Web - страницахСоздайте новую страницу в редакторе Задание 8 Размещение графики на Web - страницахСоздайте новую страницу в редакторе Задание 9 изменение размеров изображенияСоздайте новую страницу в редакторе блокнот.В элемент укажите гиперссылки67 ГиперссылкиГиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий цвет Примеры гиперссылок Новые поступления - переход к строке той же страницы, помеченной IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу того Примеры гиперссылокпервая страница yandex Почта 72 Задание 10 Создание гиперссылок1.Создайте две страницы с именами str1.htm str2.htm 2.В элемениеTITLTRE Задание 11 Создание гиперссылок1.Создайте к страницам прошлого задания с именами str1.htm str2.htm
Слайды презентации

Слайд 2 Язык HTML
HTML (Hyper Text Markup Language) – язык

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

разметки гипертекста, включает в себя способы оформления гипертекстовых документов.
SGML

(Standard Generalized Markup Language) - стандартный язык обобщенной разметки.
XML (Extended Markup Language) - расширяемый язык разметки.

2

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

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

между элементами текста и другими документами.
Гиперссылка – фрагмент текста,

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

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

3

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

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

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

(кадр)

4

Слайд 5 Апплет (Applet)
Программа, передаваемая на компьютер клиента в виде

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

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

просмотра Web-страницы

5

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

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

для расширения ее возможностей
CGI (Common Gateway Interface) – общее

название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.

6

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

7

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

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

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

формате .jpg (jpig), менее распространенные gif , но могут

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

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

8

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

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

изображения в этом формате количество используемых цветов не должно

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

9

Слайд 10 6). Банеры – анимированные и не анимированные, выполняют

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

чаще рекламную роль и роль переключателей на другие страницы.


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

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

10

Слайд 11 7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav),

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

видео (.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

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

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

делают ее активной с обратной связью (формы, регистрационные листы,

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

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

12

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

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

с расширением .swf. В этих файлах происходит действие, рекламные

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

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

13

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

теги HTML14

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

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

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

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

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

15

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

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

и списков;
Организации ссылок на другие ресурсы;
Вставки изображений и

расширений HTML.

16

Слайд 17





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

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

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

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

сайта
Тег несет служебную информацию о сайте
и не отображается

на экране браузера:

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

18

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


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

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




“Keywords” content=“Животные, природа, зоопарк, фауна”>



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




19

Слайд 20
школа





Сайт, посвященный школе
< META NAME=“keywords” CONTENT =“школа,

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

класс, урок, обучение, образование, знание”>

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

метатегами

20

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

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

структуру приведенной ранее страницы
Между элементами наберите
Моя первая

страница


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

21

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

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

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

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

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

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

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

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

23

Слайд 24 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

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

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

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

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

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

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

шрифтов (через точку с запятой)
Пример.

Все атрибуты

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

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

27

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

тест

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

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

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

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




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

28

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


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





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

SIZE=5 FACE=Arial Cyr>ШРИФТ

РАЗНОГО


< FONT

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


29

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

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

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

=CENTER>
ШР
ИФ

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



30

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

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



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

SIZE=5 COLOR=RED>ШРИФТ

РАЗНОГО

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




ЗАДАНИЕ


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

31

Слайд 32 т е с т

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

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

строки и т.п. (т е с т )

Пример

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



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


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

32

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

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

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

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

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

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


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

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

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

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

ВЫРАВНИВАНИЕИ ПО УМОЛЧАНИЮ

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



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


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



35

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

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

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

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

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

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

тест
тест

37

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

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

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

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

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

ALIGN=CENTER>
простая отлиновка толщиной 2 пикселя

ALIGN=CENTER>

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



ALIGN=CENTER>

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



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





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

39

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

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

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


Все равно его не брошу,
Потому, что

он хороший

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

40

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

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

атрибут выравнивания align
41

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

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

=center>Центрирование
всех строк абзаца,
в том числе включая

принудительные разрывы



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



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



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




Пример

42

Слайд 43 Задание 2 Форматирование текста на странице
Создайте новую страницу

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

в редакторе блокнот.
В элемент укажите «Практическая работа 2»

и вашу фамилию.
Отформатируйте текст по заданию:
Домашние животные (заголовок H1)
Собаки (заголовок H2, центральное выравнивание}
Сторожевые (выравнивание слева, полужирный шрифт)
Охотничьи (выравнивание справа, полужирный шрифт)
Дрессировка (выравнивание по центру, полужирный курсивный шрифт)
Клубы Выставки Площадки
(выравнивание по центру, размер шрифта14, цвет красный)
Стихотворение (выравнивание по центру, синий шрифт)
По жизни я скромен
Оваций не надо!
Но как же я классно (Выравнивание по левому краю, размер шрифта 10)
Смотрюсь у снаряда!

43

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

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

элемент укажите «Практическая работа 3» и вашу фамилию. 3.

Отформатируйте текст по заданию: Практическая работа3 Фамилия Каждый охотник желает знать, где сидит фазан

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

44

Слайд 45

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

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

Роман

Книга

Том

Часть

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

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

1. Создайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 4» и вашу фамилию. 3. Отформатируйте текст по заданию: <br><p>45<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide46"> <a href="/img/tmb/13/1240012/85d7bea34e10e56b63cd5474c36db751-720x.jpg" target="_blank">Слайд 46</a> Задание 5 Форматирование абзацев<br>Создайте новую страницу в редакторе </h3> <div class="image"> <a href="/img/tmb/13/1240012/85d7bea34e10e56b63cd5474c36db751-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 5 Форматирование абзацевСоздайте новую страницу в редакторе блокнот. 2. В элемент укажите «Практическая работа 5» и вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Текст шрифта красный, размером 4, курсив46"><img src="/img/tmb/13/1240012/85d7bea34e10e56b63cd5474c36db751-720x.jpg" title="Язык HTML" alt="Задание 5 Форматирование абзацевСоздайте новую страницу в редакторе блокнот. 2. В"></a> </div> <div class="text"> <h4>блокнот. 2. В элемент укажите «Практическая работа 5» и</h4> вашу фамилию. 3. Отформатируйте текст стихотворения тремя разными способами оформления: Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. <br>Текст шрифта красный, размером 4, курсив<br><p>46<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide47"> <a href="/img/tmb/13/1240012/50190dde0bc9ab540632cfb52fb05862-720x.jpg" target="_blank">Слайд 47</a> html> </h3> <div class="image"> <a href="/img/tmb/13/1240012/50190dde0bc9ab540632cfb52fb05862-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="html> 1 способ форматирования Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Пример 1 ответ к заданию 547"><img src="/img/tmb/13/1240012/50190dde0bc9ab540632cfb52fb05862-720x.jpg" title="Язык HTML" alt="html> 1 способ форматирования"></a> </div> <div class="text"> <h4> 1 способ форматирования </h4> <body> <font size=4 color=#ff0000 > <b><I> <p>Уж небо осенью дышало. </p> <p> Все реже солнышко блистало. </p> <p> Короче становился день. </p> </I></b></font> </body> </html><br><p>Пример 1 ответ к заданию 5<br><p>47<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide48"> <a href="/img/tmb/13/1240012/7d6ef109a842bf29e02eea5735908dc0-720x.jpg" target="_blank">Слайд 48</a> html> </h3> <div class="image"> <a href="/img/tmb/13/1240012/7d6ef109a842bf29e02eea5735908dc0-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="html> 2 способ форматирования Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. Пример 2 ответа к заданию 548"><img src="/img/tmb/13/1240012/7d6ef109a842bf29e02eea5735908dc0-720x.jpg" title="Язык HTML" alt="html> 2 способ форматирования"></a> </div> <div class="text"> <h4> 2 способ форматирования </h4> <body> <font size=4 color=#ff0000 > <p align=center><b><I> Уж небо осенью дышало. <br> Все реже солнышко блистало. <br> Короче становился день. <br> </I></b</p> ></font> </body> </html><br><p>Пример 2 ответа к заданию 5<br><p>48<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide49"> <a href="/img/tmb/13/1240012/0efd2b6b1ca16723b050cd3315455638-720x.jpg" target="_blank">Слайд 49</a> html> </h3> <div class="image"> <a href="/img/tmb/13/1240012/0efd2b6b1ca16723b050cd3315455638-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="html> 3 способ форматирования < Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. > Пример 3 ответа к заданию 549"><img src="/img/tmb/13/1240012/0efd2b6b1ca16723b050cd3315455638-720x.jpg" title="Язык HTML" alt="html> 3 способ форматирования"></a> </div> <div class="text"> <h4> 3 способ форматирования </h4> <body> <pre>< <font size=4> Уж небо осенью дышало. Все реже солнышко блистало. Короче становился день. ></font> </pre> </body> </html><br><p>Пример 3 ответа к заданию 5<br><p>49<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide50"> <a href="/img/tmb/13/1240012/d79b89eab22ef241f6b6f3628899c0fd-720x.jpg" target="_blank">Слайд 50</a> Бегущая строка …<br>Параметры:<br><br>BGCOLOR- фоновый цвет плашки<br><br>WIDTH HEIGHT -ширина и </h3> <div class="image"> <a href="/img/tmb/13/1240012/d79b89eab22ef241f6b6f3628899c0fd-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Бегущая строка …Параметры:BGCOLOR- фоновый цвет плашкиWIDTH HEIGHT -ширина и высота плашкиLOOP -количество повтороений (INFINITE - непрерывно)SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселяхSCROOLLDELAY- задает задержку в миллисекундах между шагами прокруткиDIRECTION-указывает напрвление прокруткиBEHAVIOR=SCROOLL -напрвление слева направоBEHAVIOR=SLIDE - напрвление справа налево50"><img src="/img/tmb/13/1240012/d79b89eab22ef241f6b6f3628899c0fd-720x.jpg" title="Язык HTML" alt="Бегущая строка …Параметры:BGCOLOR- фоновый цвет плашкиWIDTH HEIGHT -ширина и высота плашкиLOOP"></a> </div> <div class="text"> <h4>высота плашки<br><br>LOOP -количество повтороений (INFINITE - непрерывно)<br><br>SCROOLLAMOUNT-скорость прокручивания, на</h4> котором строка смещается при каждом шаге прокрутки в пикселях<br><br>SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки<br>DIRECTION-указывает напрвление прокрутки<br>BEHAVIOR=SCROOLL -напрвление слева направо<br>BEHAVIOR=SLIDE - напрвление справа налево<br><p>50<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide51"> <a href="/img/tmb/13/1240012/34287c47ab0284e897b0d34daab0b826-720x.jpg" target="_blank">Слайд 51</a> Пример бегущей строки<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/34287c47ab0284e897b0d34daab0b826-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Пример бегущей строки НАЗВАНИЕ ФИРМЫ ПРИХОДИТЕ ПОЖАЛУЙСТА!Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки 51"><img src="/img/tmb/13/1240012/34287c47ab0284e897b0d34daab0b826-720x.jpg" title="Язык HTML" alt="Пример бегущей строки НАЗВАНИЕ ФИРМЫ ПРИХОДИТЕ ПОЖАЛУЙСТА!Строка пять разпроплывает вправо-влево, затем"></a> </div> <div class="text"> <h4>WIDTH=50% HEIGHT=150 BGCOLOR=“#F0F000” HSPACE=10 VSPACE=10><br><BR><br><br><br></h4> VALIGN=MIDDLE WIDTH=100><br></TD><br><TD ALIGN=CENTER VALIGN=MIDDLE><br><FONT COLOR=“RED”> НАЗВАНИЕ ФИРМЫ<BR> ПРИХОДИТЕ ПОЖАЛУЙСТА!</B></FONT><br></TD><br></TR><br></TABLE><br></MARQUEE><br><br>Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки <br><br><p>51<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide52"> <a href="/img/tmb/13/1240012/726bd1a0feb97aa73e22638ff884a137-720x.jpg" target="_blank">Слайд 52</a> форматирование<br>списков<br>52<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/726bd1a0feb97aa73e22638ff884a137-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="форматированиесписков52"><img src="/img/tmb/13/1240012/726bd1a0feb97aa73e22638ff884a137-720x.jpg" title="Язык HTML" alt="форматированиесписков52"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide53"> <a href="/img/tmb/13/1240012/2452569b86bf4eb993b05e2c7e109d20-720x.jpg" target="_blank">Слайд 53</a> Маркированные списки<br><br> первый элемент<br> второй элемент<br><br><br>Результат:<br>первый элемент <br>второй элемент<br>53<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/2452569b86bf4eb993b05e2c7e109d20-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Маркированные списки первый элемент второй элементРезультат:первый элемент второй элемент53"><img src="/img/tmb/13/1240012/2452569b86bf4eb993b05e2c7e109d20-720x.jpg" title="Язык HTML" alt="Маркированные списки первый элемент второй элементРезультат:первый элемент второй элемент53"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide54"> <a href="/img/tmb/13/1240012/013824b5aa31950f7724ecc3dd5c688c-720x.jpg" target="_blank">Слайд 54</a> Нумерованные списки<br><br> первый элемент<br> второй элемент<br><br><br> 1. первый элемент <br>2. второй </h3> <div class="image"> <a href="/img/tmb/13/1240012/013824b5aa31950f7724ecc3dd5c688c-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Нумерованные списки первый элемент второй элемент 1. первый элемент 2. второй элемент54"><img src="/img/tmb/13/1240012/013824b5aa31950f7724ecc3dd5c688c-720x.jpg" title="Язык HTML" alt="Нумерованные списки первый элемент второй элемент 1. первый элемент 2. второй элемент54"></a> </div> <div class="text"> <h4>элемент<br>54<br></h4> </div> <hr> </div> <div class="descrip"> <h3 id="slide55"> <a href="/img/tmb/13/1240012/73e0ce81e633fbb2337f480ef90ef54f-720x.jpg" target="_blank">Слайд 55</a> Способы нумерации списков<br>Способ нумерации задается за счет атрибута </h3> <div class="image"> <a href="/img/tmb/13/1240012/73e0ce81e633fbb2337f480ef90ef54f-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Способы нумерации списковСпособ нумерации задается за счет атрибута 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"><img src="/img/tmb/13/1240012/73e0ce81e633fbb2337f480ef90ef54f-720x.jpg" title="Язык HTML" alt="Способы нумерации списковСпособ нумерации задается за счет атрибута typeАтрибут Вид нумерацииtype=“1” 1, 2,"></a> </div> <div class="text"> <h4>type<br>Атрибут Вид нумерации<br>type=“1” 1, 2, 3, 4…<br>type=“i” i, ii, iii, iv…<br>Type=“I” I, II,</h4> III, IV…<br>type=“a” a, b, c, d…<br>type=“A” A, B, C, D…<br><br><p>55<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide56"> <a href="/img/tmb/13/1240012/251b58b64df2ed410fb68524e738acdf-720x.jpg" target="_blank">Слайд 56</a> Списки определений<br><br> Термин<br> Определение<br><br><br>Результат:<br>Термин <br>Определение<br>56<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/251b58b64df2ed410fb68524e738acdf-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Списки определений Термин ОпределениеРезультат:Термин Определение56"><img src="/img/tmb/13/1240012/251b58b64df2ed410fb68524e738acdf-720x.jpg" title="Язык HTML" alt="Списки определений Термин ОпределениеРезультат:Термин Определение56"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide57"> <a href="/img/tmb/13/1240012/e998815e85bc32e91aac2536771a90fb-720x.jpg" target="_blank">Слайд 57</a> ПРИМЕР<br><br> введение <br> назначение языка HTML<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/e998815e85bc32e91aac2536771a90fb-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="ПРИМЕР введение назначение языка HTML команды теги HTML форматирование текста жирность наклон подчеркивание индексы нижние верхние подчеркивание цвет работа с абзацами дизайн страницы li>размещение сайта на сервере57"><img src="/img/tmb/13/1240012/e998815e85bc32e91aac2536771a90fb-720x.jpg" title="Язык HTML" alt="ПРИМЕР введение назначение языка HTML команды теги HTML"></a> </div> <div class="text"> <h4> команды теги HTML<br> </h4> <ol start=1 type=1><br> <li>форматирование текста </li><br> <ul type=disc><br> <li>жирность </li><br> <li>наклон </li><br> <li>подчеркивание </li><br> <li>индексы </li><br> <ul type=circle><br> <li>нижние </li><br> <li>верхние </li><br> <li>подчеркивание </li><br> </ul><br> <li> цвет </li><br> </ul><br> <li>работа с абзацами</li><br> </ol><br> <li>дизайн страницы</li><br> li>размещение сайта на сервере</li><br></ol><br><p>57<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide58"> <a href="/img/tmb/13/1240012/77f5706de1d36c2d6f3a975c028f9a06-720x.jpg" target="_blank">Слайд 58</a> Задание 6 Создание списков<br>Создайте новую страницу в редакторе </h3> <div class="image"> <a href="/img/tmb/13/1240012/77f5706de1d36c2d6f3a975c028f9a06-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 6 Создание списковСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 6» и вашу фамилию.Отформатируйте текст по заданию:Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)Теплым.Круглым.Желтым.Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета) А. Белым B. Холодным C. Пушистым (шрифт списков черный, размер 3)58"><img src="/img/tmb/13/1240012/77f5706de1d36c2d6f3a975c028f9a06-720x.jpg" title="Язык HTML" alt="Задание 6 Создание списковСоздайте новую страницу в редакторе блокнот.В элемент укажите"></a> </div> <div class="text"> <h4>блокнот.<br>В элемент укажите «Практическая работа 6» и вашу</h4> фамилию.<br>Отформатируйте текст по заданию:<br>Солнце должно быть: (шрифт размером 7, красного цвета, выравнивание по центру)<br>Теплым.<br>Круглым.<br>Желтым.<br>Снег должен быть: (выравнивание по центру, размер шрифта 7, синего цвета)<br> А. Белым<br> B. Холодным<br> C. Пушистым<br> (шрифт списков черный, размер 3)<br><p>58<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide59"> <a href="/img/tmb/13/1240012/3e54dea5d7aacf0264d642225e0651be-720x.jpg" target="_blank">Слайд 59</a> Задание 6 -1 Создание списков<br>Создайте страницы со следующими </h3> <div class="image"> <a href="/img/tmb/13/1240012/3e54dea5d7aacf0264d642225e0651be-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 6 -1 Создание списковСоздайте страницы со следующими списками:Перечень покупок:Говядина -1кгМасло сливочное -500 гХлеб - 2 батонаМолоко - 1 литрАлгоритм вычисления дробей:очистить экранввести значения X и Yесли у=0, вернуться к пункту 2вычислить z=x/yвывести результат z 59"><img src="/img/tmb/13/1240012/3e54dea5d7aacf0264d642225e0651be-720x.jpg" title="Язык HTML" alt="Задание 6 -1 Создание списковСоздайте страницы со следующими списками:Перечень покупок:Говядина -1кгМасло"></a> </div> <div class="text"> <h4>списками:<br><br><br>Перечень покупок:<br>Говядина -1кг<br>Масло сливочное -500 г<br>Хлеб - 2 батона<br>Молоко</h4> - 1 литр<br><br><br>Алгоритм вычисления дробей:<br>очистить экран<br>ввести значения X и Y<br>если у=0, вернуться к пункту 2<br>вычислить z=x/y<br>вывести результат z <br><p>59<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide60"> <a href="/img/tmb/13/1240012/b5e3c4800fa15b146caf6a05f6a501ab-720x.jpg" target="_blank">Слайд 60</a> оформление фона<br>и вставка рисунков<br>60<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/b5e3c4800fa15b146caf6a05f6a501ab-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="оформление фонаи вставка рисунков60"><img src="/img/tmb/13/1240012/b5e3c4800fa15b146caf6a05f6a501ab-720x.jpg" title="Язык HTML" alt="оформление фонаи вставка рисунков60"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide61"> <a href="/img/tmb/13/1240012/c5c47a043344c0f46048404d7a001280-720x.jpg" target="_blank">Слайд 61</a> Задание фона страницы<br>Для задания цвета фона на странице </h3> <div class="image"> <a href="/img/tmb/13/1240012/c5c47a043344c0f46048404d7a001280-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание фона страницыДля задания цвета фона на странице надо внутри начального элемента указать атрибут bgcolor =“цвет”. Цвет задается также как и для шрифта названием или цифровым кодом.Пример… … 61"><img src="/img/tmb/13/1240012/c5c47a043344c0f46048404d7a001280-720x.jpg" title="Язык HTML" alt="Задание фона страницыДля задания цвета фона на странице надо внутри начального"></a> </div> <div class="text"> <h4>надо внутри начального элемента указать атрибут bgcolor =“цвет”. Цвет</h4> задается также как и для шрифта названием или цифровым кодом.<br><p>Пример<br><br><BODY BGCOLOR=“blue”>… </BODY> <br><br><BODY BGCOLOR=“00FF00”>… </BODY><br><br><BODY BACKGROUND=“FON.JPG”><br><p>61<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide62"> <a href="/img/tmb/13/1240012/27dec987cea4374e7e765d10b94f9a30-720x.jpg" target="_blank">Слайд 62</a> Вставка рисунков<br>IMG – тег для создания ссылки на </h3> <div class="image"> <a href="/img/tmb/13/1240012/27dec987cea4374e7e765d10b94f9a30-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вставка рисунковIMG – тег для создания ссылки на графический файл. С его помощью также можно использовать изображение в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.Пример.62"><img src="/img/tmb/13/1240012/27dec987cea4374e7e765d10b94f9a30-720x.jpg" title="Язык HTML" alt="Вставка рисунковIMG – тег для создания ссылки на графический файл. С"></a> </div> <div class="text"> <h4>графический файл. С его помощью также можно использовать изображение</h4> в гиперссылках, вставлять картинки в таблицы, использовать изображения для фона страницы. Не содержит конечного тега.<br>Необходимым атрибутом является src- указатель пути к графическому файлу, alt – выводит текст, поясняющий загружаемый рисунок. Высоту и ширину рисунка задают с помощью атрибутов height и width. Рамка вокруг объекта задается атрибутом border.<br><p>Пример.<br><IMG src=“boss.gif” border=2 height =121 width=76 alt=“мой портрет”><br><br><BODY BACKGROUND=“WOOD.JPG”><br><br><p>62<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide63"> <a href="/img/tmb/13/1240012/2b7460724b8e53e83a48e2b180faeb57-720x.jpg" target="_blank">Слайд 63</a> рисунок в центре, </h3> <div class="image"> <a href="/img/tmb/13/1240012/2b7460724b8e53e83a48e2b180faeb57-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" рисунок в центре, текст сверху и снизу рисунок слева рисунок справаПримеры обтекания иллюстраций в документе63"><img src="/img/tmb/13/1240012/2b7460724b8e53e83a48e2b180faeb57-720x.jpg" title="Язык HTML" alt="рисунок в центре, текст сверху и снизу рисунок слева рисунок справаПримеры обтекания иллюстраций в документе63"></a> </div> <div class="text"> <h4>текст сверху и снизу<br><br> рисунок</h4> слева<br><br><P align=justify><IMG src="/pic.gif" align=right> </p> рисунок справа<br><br><p>Примеры обтекания иллюстраций в документе<br><p>63<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide64"> <a href="/img/tmb/13/1240012/12a71a0bd28ee4d40e33ab40d211e6a8-720x.jpg" target="_blank">Слайд 64</a> Задание 7 Размещение графики на Web - страницах<br>Создайте </h3> <div class="image"> <a href="/img/tmb/13/1240012/12a71a0bd28ee4d40e33ab40d211e6a8-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 7 Размещение графики на Web - страницахСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 7» и вашу фамилию.В элементе задайте атрибут, чтобы цвет фона страницы был черным.Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.Вставьте горизонтальную линию красного цвета.Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.Рисунок64"><img src="/img/tmb/13/1240012/12a71a0bd28ee4d40e33ab40d211e6a8-720x.jpg" title="Язык HTML" alt="Задание 7 Размещение графики на Web - страницахСоздайте новую страницу в"></a> </div> <div class="text"> <h4>новую страницу в редакторе блокнот.<br>В элемент укажите «Практическая</h4> работа 7» и вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы был черным.<br>Сделайте надпись «Спокойной ночи» голубым цветом, 6 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию красного цвета.<br>Сделайте надпись желтого цвета «Приятных сновидений» 8 шрифтом, центральным выравниванием.<br>Вставьте горизонтальную линию синего цвета толщиной 10 пикселей, длиной 50%, выровните по центру.<br>Рисунок<br><br><br><p>64<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide65"> <a href="/img/tmb/13/1240012/ef8c92bb6b9c3d58a5be1fd2fffed260-720x.jpg" target="_blank">Слайд 65</a> Задание 8 Размещение графики на Web - страницах<br>Создайте </h3> <div class="image"> <a href="/img/tmb/13/1240012/ef8c92bb6b9c3d58a5be1fd2fffed260-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 8 Размещение графики на Web - страницахСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 8» и вашу фамилию.Разместите на странице рисунок Сделайте надпись к рисункуСоздайте рамку вокруг рисунка шириной 2 пикселя.Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.65"><img src="/img/tmb/13/1240012/ef8c92bb6b9c3d58a5be1fd2fffed260-720x.jpg" title="Язык HTML" alt="Задание 8 Размещение графики на Web - страницахСоздайте новую страницу в"></a> </div> <div class="text"> <h4>новую страницу в редакторе блокнот.<br>В элемент укажите «Практическая</h4> работа 8» и вашу фамилию.<br>Разместите на странице рисунок <br>Сделайте надпись к рисунку<br>Создайте рамку вокруг рисунка шириной 2 пикселя.<br>Над рисунком поместите заголовок (например «Мир футбола») самого большого размера и выровняйте его по центру.<br>Вставьте горизонтальную линию синего цвета толщиной 8 пикселей, выровняйте по левому краю по центру.<br><br><br><p>65<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide66"> <a href="/img/tmb/13/1240012/700b562a45a5a7958dc5d33642c11a5d-720x.jpg" target="_blank">Слайд 66</a> Задание 9 изменение размеров изображения<br>Создайте новую страницу в </h3> <div class="image"> <a href="/img/tmb/13/1240012/700b562a45a5a7958dc5d33642c11a5d-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Задание 9 изменение размеров изображенияСоздайте новую страницу в редакторе блокнот.В элемент укажите «Практическая работа 9» и вашу фамилию.В элементе задайте атрибут, чтобы цвет фона страницы зеленым.Вставьте изображение. Задайте его размеры 100x100 пикселей.Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.66"><img src="/img/tmb/13/1240012/700b562a45a5a7958dc5d33642c11a5d-720x.jpg" title="Язык HTML" alt="Задание 9 изменение размеров изображенияСоздайте новую страницу в редакторе блокнот.В элемент"></a> </div> <div class="text"> <h4>редакторе блокнот.<br>В элемент укажите «Практическая работа 9» и</h4> вашу фамилию.<br>В элементе <BODY> задайте атрибут, чтобы цвет фона страницы зеленым.<br>Вставьте изображение. Задайте его размеры 100x100 пикселей.<br>Отредактируйте картинку в графическом редакторе так, чтобы рисунок был на прозрачном фоне и добавьте это изображение на вашу страничку.<br><br><br><p>66<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide67"> <a href="/img/tmb/13/1240012/4adb4331c4618e77f600c4c122a5fc94-720x.jpg" target="_blank">Слайд 67</a> гиперссылки<br>67<br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/4adb4331c4618e77f600c4c122a5fc94-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="гиперссылки67"><img src="/img/tmb/13/1240012/4adb4331c4618e77f600c4c122a5fc94-720x.jpg" title="Язык HTML" alt="гиперссылки67"></a> </div> <hr> </div> <div class="descrip"> <h3 id="slide68"> <a href="/img/tmb/13/1240012/d2ccfeac6d0c25bc2b1bc9804d80b633-720x.jpg" target="_blank">Слайд 68</a> Гиперссылки<br>Гиперссылки условно можно разделить на следующие виды:<br> Внутренние </h3> <div class="image"> <a href="/img/tmb/13/1240012/d2ccfeac6d0c25bc2b1bc9804d80b633-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="ГиперссылкиГиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри одного и того же узла;Внешние – связывающие Web-страницу с документами, не принадлежащими данному узлу;Гиперссылка на почтовый адрес;Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.68"><img src="/img/tmb/13/1240012/d2ccfeac6d0c25bc2b1bc9804d80b633-720x.jpg" title="Язык HTML" alt="ГиперссылкиГиперссылки условно можно разделить на следующие виды: Внутренние –связывающие документы внутри"></a> </div> <div class="text"> <h4>–связывающие документы внутри одного и того же узла;<br>Внешние –</h4> связывающие Web-страницу с документами, не принадлежащими данному узлу;<br>Гиперссылка на почтовый адрес;<br>Метки-якоря – позволяющие переходить посетителю на определенные разделы документа.<br><p>68<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide69"> <a href="/img/tmb/13/1240012/7eca2975e04743129786d2f4e78f804a-720x.jpg" target="_blank">Слайд 69</a> Гиперссылки<br> текст для щелчка </h3> <div class="image"> <a href="/img/tmb/13/1240012/7eca2975e04743129786d2f4e78f804a-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий цвет гиперссылокlink – задает цвет исходных ссылокvlink – задает цвет посещенных ссылокalink – задает цвет активных ссылок (цвет при нажатии мыши)Для указания электронной почты и запуска электронной программы используется ссылка: Иванов Иван69"><img src="/img/tmb/13/1240012/7eca2975e04743129786d2f4e78f804a-720x.jpg" title="Язык HTML" alt="Гиперссылки текст для щелчка мыши Внутри тега используется атрибут, задающий"></a> </div> <div class="text"> <h4>мыши <br> </h4> рисунок”> </A><br><br><p>Внутри тега <BODY> используется атрибут, задающий цвет гиперссылок<br>link – задает цвет исходных ссылок<br>vlink – задает цвет посещенных ссылок<br>alink – задает цвет активных ссылок (цвет при нажатии мыши)<br><br><p>Для указания электронной почты и запуска электронной программы используется ссылка:<br> <A href =“mailto:vvv@mail.ru”> Иванов Иван</A><br><p>69<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide70"> <a href="/img/tmb/13/1240012/edaba94634c3f800603c992e9f52fde4-720x.jpg" target="_blank">Слайд 70</a> Примеры гиперссылок<br> Новые поступления - переход </h3> <div class="image"> <a href="/img/tmb/13/1240012/edaba94634c3f800603c992e9f52fde4-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примеры гиперссылок Новые поступления - переход к строке той же страницы, помеченной тегом примечания - переход на страницу сайта pag2 к строке, помеченной тегом подробности читайте вторая страница - ссылка на другую страницу того же сайта70"><img src="/img/tmb/13/1240012/edaba94634c3f800603c992e9f52fde4-720x.jpg" title="Язык HTML" alt="Примеры гиперссылок Новые поступления - переход к строке той же страницы,"></a> </div> <div class="text"> <h4>к строке той же страницы, помеченной тегом <br><br><br></h4> href=“pag2.htm#new1” > примечания</A> - переход на страницу сайта pag2 к строке, помеченной тегом <br><A name=“new1”><br><br><p> подробности читайте<A href=“pag2.htm” > вторая страница </A></p> - ссылка на другую страницу того же сайта<br><br><p>70<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide71"> <a href="/img/tmb/13/1240012/cf2019fe1f47a0d79ff3b96fceac90aa-720x.jpg" target="_blank">Слайд 71</a> IMG src=log.gif alt=“о нашей </h3> <div class="image"> <a href="/img/tmb/13/1240012/cf2019fe1f47a0d79ff3b96fceac90aa-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу того же сайта, но ссылкой является рисунок Скачать программу -ссылка с подсказкой titleтест - внешняя ссылкаПримеры гиперссылок71"><img src="/img/tmb/13/1240012/cf2019fe1f47a0d79ff3b96fceac90aa-720x.jpg" title="Язык HTML" alt="IMG src=log.gif alt=“о нашей фирме” - ссылка на другую страницу"></a> </div> <div class="text"> <h4>фирме” - ссылка на другую страницу того же</h4> сайта, но ссылкой является рисунок<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>71<br> </div> <hr> </div> <div class="descrip"> <h3 id="slide72"> <a href="/img/tmb/13/1240012/92001ccb1578ca842267f82771bfd476-720x.jpg" target="_blank">Слайд 72</a> Примеры гиперссылок<br>первая страница <br> yandex<br><br> </h3> <div class="image"> <a href="/img/tmb/13/1240012/92001ccb1578ca842267f82771bfd476-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примеры гиперссылокпервая страница yandex Почта 72"><img src="/img/tmb/13/1240012/92001ccb1578ca842267f82771bfd476-720x.jpg" title="Язык HTML" alt="Примеры гиперссылокпервая страница yandex Почта 72"></a> </div> <div class="text"> <h4>Почта <br><br><br><br>72<br></h4> </div> <hr> </div> <div class="descrip"> <h3 id="slide73"> <a href="/img/tmb/13/1240012/59d6272d3e707033172551818c2f8cb6-720x.jpg" target="_blank">Слайд 73</a> Задание 10 Создание гиперссылок<br>1.Создайте две страницы с именами </h3> <div class="image"> <a href="/img/tmb/13/1240012/59d6272d3e707033172551818c2f8cb6-720x.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/tmb/13/1240012/59d6272d3e707033172551818c2f8cb6-720x.jpg" title="Язык HTML" alt="Задание 10 Создание гиперссылок1.Создайте две страницы с именами str1.htm str2.htm 2.В"></a> </div> <div class="text"> <h4>str1.htm str2.htm <br><br>2.В элемениеTITLTRE укажите название странички<br><br>3. Задайте фон</h4> первой страницы зеленого цвета, а второй <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> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-11464146-5 --> <div id="yandex_rtb_R-A-11464146-5"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ "blockId": "R-A-11464146-5", "renderTo": "yandex_rtb_R-A-11464146-5" }) }) </script></div> <div class="content dl-content" style="margin-top: 20px"> <form action="" method="post" class="js_captcha dl-form"> <div> <ul> <li>Имя файла: yazyk-html.pptx</li> <li>Количество просмотров: 103</li> <li>Количество скачиваний: 0</li> </ul> <div class="g-recaptcha" data-sitekey="6Lf0iN8nAAAAACKv8U8VhTtj8F1wq0TA-RBjxFb2"></div> <input type="submit" value="Скачать презентацию"> <input type="hidden" name="task" value="dodownload"> <input type="hidden" name="ffaf306d2ce46f9f14569a66c3a16d6d" value="1" /> </div> <div class="clear"></div> </form> <div class="adBlockDownload"> <div class="banners"></div> </div> </div> <div class="itemNavigation"> <div class="itemNavigation-wrapper"> <div class="itemNavigation-item"> - Предыдущая <a class="itemNavigation-link" href="/matematika/zadachi-privodyashchie-k-ponyatiyu-proizvodnoy_">Задачи, приводящие к понятию производной</a> </div> <div class="itemNavigation-item"> Следующая - <a class="itemNavigation-link" href="/russkiy-yazyk/gotovimsya-k-gia-zadanie-v1_">Готовимся к ГИА - задание В1</a> </div> </div> </div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-11464146-1 --> <div id="yandex_rtb_R-A-11464146-1"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ "blockId": "R-A-11464146-1", "renderTo": "yandex_rtb_R-A-11464146-1" }) }) </script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/informatsionnye-seti-4"> <img src="/img/tmb/13/1272469/8a1d260706e655fccb7fabd3288a35aa-210x.jpg" alt="Информационные сети"> <span class="desc"> <span>Информационные сети</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 128</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/algoritm-4-klass"> <img src="/img/tmb/11/1078644/a33e08b9fb686ad9e59dee462a328007-210x.jpg" alt="АЛГОРИТМ (4 КЛАСС)"> <span class="desc"> <span>АЛГОРИТМ (4 КЛАСС)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 241</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/chelovek-i-informatsiya-3"> <img src="/img/tmb/12/1156367/f6b8770dff423b07e45509861f1cb1c1-210x.jpg" alt="Человек и информация"> <span class="desc"> <span>Человек и информация</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 130</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/sozdanie-kryshi-v-programme-archicad"> <img src="/img/tmb/11/1051686/4087a581f24b6ac06f3f0303780e740c-210x.jpg" alt="Создание крыши в программе ArchiCAD"> <span class="desc"> <span>Создание крыши в программе ArchiCAD</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 141</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/stilizatsiya-foto"> <img src="/img/tmb/11/1042389/fcbc25dd6672f151720f4e16b39b18bc-210x.jpg" alt="Стилизация фото"> <span class="desc"> <span>Стилизация фото</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 164</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/532881-podgotovka-k-egerazbor-zadachstrategiya"> <img src="/img/tmb/6/532881/fedbdf86f9c789439c4bd19dbb0ac33a-210x.jpg" alt="Подготовка к ЕГЭ_разбор задач_Стратегия"> <span class="desc"> <span>Подготовка к ЕГЭ_разбор задач_Стратегия</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 170</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> <div class="cntWrapper"> <div class="list"> <h2 class="right-heading" id="related">Похожие презентации</h2> <div class="wrapper"> <a href="/informatika/523760-prezentatsiya-po-informatike-na-temu-elektronnye-25"> <img src="/img/tmb/6/523760/7e7bc4500143a1f02f1fe6c648f22c4a-210x.jpg" alt="Презентация по информатике на тему Электронные таблицы (9 класс)"> <span class="desc"> <span>Презентация по информатике на тему Электронные таблицы (9 класс)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 169</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/osvoenie-sredy-graficheskogo-redaktora"> <img src="/img/tmb/11/1058214/fb0fb869259c25bb1829437b0d33c3f1-210x.jpg" alt="Освоение Среды Графического Редактора"> <span class="desc"> <span>Освоение Среды Графического Редактора</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 133</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/624159-prezentatsiya-k-uroku-informatiki-dlya-11"> <img src="/img/tmb/7/624159/8e2d8ffb21047397bb4a554209f80dba-210x.jpg" alt="Презентация к уроку информатики для 11 класса Использование различных возможностей электронных таблиц"> <span class="desc"> <span>Презентация к уроку информатики для 11 класса Использование различных возможностей электронных таблиц</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 110</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/konvertirovanie-faylov"> <img src="/img/tmb/12/1123511/b2421a49a59bfce113624580e50c8e5c-210x.jpg" alt="Конвертирование файлов"> <span class="desc"> <span>Конвертирование файлов</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 173</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ponyatie-kak-forma-myshleniya-5"> <img src="/img/tmb/12/1194733/1b282cba2198ad1aad1f63cd104d450d-210x.jpg" alt="Понятие как форма мышления"> <span class="desc"> <span>Понятие как форма мышления</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 107</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/643820-prezentatsiya-mezhpredmetnaya-integratsiya-kak-faktor-formirovaniya"> <img src="/img/tmb/7/643820/28ba87610c05f629804ccda51ee38275-210x.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/konstanty-peremennye"> <img src="/img/tmb/13/1273618/9effa3417a9799ab9d0f86bfe06be2d7-210x.jpg" alt="Константы. Переменные"> <span class="desc"> <span>Константы. Переменные</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/rabota-s-tablitsami-1_"> <img src="/img/tmb/14/1370790/5c755bbd4ab9f507f34e3fb20de0aaf0-210x.jpg" alt="Работа с таблицами"> <span class="desc"> <span>Работа с таблицами</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 111</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/konevoditel-shkola-nachinayushchego-vsadnika"> <img src="/img/tmb/15/1469907/1430d95ba1a39e7532f7fbae40471e66-210x.jpg" alt="Коневодитель- школа начинающего всадника"> <span class="desc"> <span>Коневодитель- школа начинающего всадника</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 148</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/vneklassnoe-meropriyatie-prover-sebya-10-11"> <img src="/img/tmb/12/1112415/95f0e52c7c6ee8d198c9b26206d6e05f-210x.jpg" alt="Внеклассное мероприятие Проверь себя 10-11 класс"> <span class="desc"> <span>Внеклассное мероприятие Проверь себя 10-11 класс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 112</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/operator-bezuslovnogo-perehoda-goto-1"> <img src="/img/tmb/12/1186109/45711e4dbf9a8ab748bad2f346279344-210x.jpg" alt="Оператор безусловного перехода GOTO"> <span class="desc"> <span>Оператор безусловного перехода GOTO</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/obektno-orientirovannoe-programmirovanie-7"> <img src="/img/tmb/15/1454585/699665a9d3ddb7b94d49c917b9dc67a9-210x.jpg" alt="Объектно-ориентированное программирование"> <span class="desc"> <span>Объектно-ориентированное программирование</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 130</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ustroystva-vvoda-vyvoda-2"> <img src="/img/tmb/11/1066725/0eb6f70e1d5207a3e7ecbb73185bc3da-210x.jpg" alt="Устройства ввода-вывода"> <span class="desc"> <span>Устройства ввода-вывода</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/multimedia-tehnologii-1"> <img src="/img/tmb/11/1076855/1ae1cf5aa3844d860fdef6b89cb9ab38-210x.jpg" alt="Мультимедиа технологии"> <span class="desc"> <span>Мультимедиа технологии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 151</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/hranenie-informatsii-deystviya-s-informatsiey_"> <img src="/img/tmb/13/1241054/fdd7f8509f020230d8c32af5ac679de7-210x.jpg" alt="Хранение информации. Действия с информацией"> <span class="desc"> <span>Хранение информации. Действия с информацией</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 126</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/591697-programmirovanie-na-yazyke-paskal-5"> <img src="/img/tmb/6/591697/894cb1bc08df3b39dd1f5654eb98ecca-210x.jpg" alt="Программирование на языке Паскаль"> <span class="desc"> <span>Программирование на языке Паскаль</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 178</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/607000-issledovatelskaya-rabota-po-sledam-razvitiya-evm"> <img src="/img/tmb/7/607000/37ac50db183d6d75bce1e3921a05c3a8-210x.jpg" alt="Исследовательская работа По следам развития ЭВМ"> <span class="desc"> <span>Исследовательская работа По следам развития ЭВМ</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 155</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/629814-prezentatsiya-po-informatike-i-ikt-kompyuternoe"> <img src="/img/tmb/7/629814/8b2348f7bde37d16459567ec4f18f075-210x.jpg" alt="Презентация по информатике и ИКТ Компьютерное проектирование в SweetHome"> <span class="desc"> <span>Презентация по информатике и ИКТ Компьютерное проектирование в SweetHome</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 173</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/uvedennya--redaguvannya-tekstu"> <img src="/img/tmb/14/1385803/467d9f15c0c467c51181baa1d26f01d9-210x.jpg" alt="Уведення і редагування тексту"> <span class="desc"> <span>Уведення і редагування тексту</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 94</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/610782-multimediyna-prezentatsiya-po-informatike-na-temu-19"> <img src="/img/tmb/7/610782/fa0edb3fc7a5eb94ece9c65a4404e062-210x.jpg" alt="Мультимедийна презентация по информатике на тему Восстановление зависимостей, табличный редактор"> <span class="desc"> <span>Мультимедийна презентация по информатике на тему Восстановление зависимостей, табличный редактор</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 141</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/ustroystva-vyvoda-dannyh_"> <img src="/img/tmb/13/1280135/42eae48f16807a4b8fcd5eb1c5e68d5e-210x.jpg" alt="Устройства вывода данных"> <span class="desc"> <span>Устройства вывода данных</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 137</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/informatsionnye-protsessy-v-prirode_"> <img src="/img/tmb/13/1256652/83193354c9b33ddf5565ebb8d4de75d2-210x.jpg" alt="Информационные процессы в природе"> <span class="desc"> <span>Информационные процессы в природе</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 119</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/640269-analiz-tehnicheskih-harakteristik-komplektuyushchih-kompyutera-testirovanie-1"> <img src="/img/tmb/7/640269/e8c87cc5d751fe5bd7f7cea193031501-210x.jpg" alt="Анализ технических характеристик комплектующих компьютера, тестирование производительности и мониторинг состояния ключевых узлов системы с помощью программ CPU-Z"> <span class="desc"> <span>Анализ технических характеристик комплектующих компьютера, тестирование производительности и мониторинг состояния ключевых узлов системы с помощью программ CPU-Z</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 187</span> </span> </a> </div> <div class="wrapper"> <a href="/informatika/zritelnye-illyuzii-1_"> <img src="/img/tmb/13/1295319/3345d6cf48b4b5bae0a2214b1a6a762f-210x.jpg" alt="Зрительные иллюзии"> <span class="desc"> <span>Зрительные иллюзии</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 113</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> <script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script> </body> </html>