Графика на гипертекстовых страницах. МОУ СОШ 5. Браузеры понимают два графических формата JPEG – для фотографий и сложных по цветовой гамме рисунков с. - презентация

1 Графика на гипертекстовых страницах. МОУ СОШ 5

2 Браузеры понимают два графических формата JPEG – для фотографий и сложных по цветовой гамме рисунков с плавными цветовыми переходами ; GIF – для логотипов, надписей, заголовков, рисунков с чёткими цветовыми границами.

3 Сравните. GIF JPEG

4 Теги можно разделить на два класса: Теги, которые разделяют неформатированный текст документа на структурные единицы – выполняют разметку для отображения текста на экране. Такие теги всегда парные. Теги, которые создают новые элементы. Такие теги - обычно не парные.

5 Тег IMG. Атрибут src = "имя файла« при помощи которого можно задать имя файла с картинкой. Например, команда заставит браузер отобразить на экране графический файл img.gif из текущего каталога.

6 Тег IMG. Если браузер не находит картинки в указанном месте на диске, он вместо нее рисует на экране маленький прямоугольник и вписывает в него надпись, которая задана атрибутом alt:

7 Тег IMG.

8 Тег IMG. Атрибуты width = n и height = m Эти атрибуты задают ширину и высоту (в пикселях) прямоугольника, в который выводится картинка. Если атрибуты не заданы, картинка рисуется в естественных размерах.

9 Тег IMG. Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины. Рекомендуется всегда записывать эти атрибуты и указывать в них реальные размеры картинки. Если размеры указываются неверно картинка выводится браузером с искажением. Если указание размеров вовсе опущено на экране происходит маленькое землетрясение в момент прихода картинки из сети. Ведь, не зная размеров картинки, браузер оставляет под неё на экране стандартный прямоугольник, продолжая строить остальные элементы. Когда картинка загружена, браузеру приходится полностью перерисовывать экран.

10 Тег IMG. Атрибут border = n Атрибут позволяет задать рамку иллюстрации толщиной в n пикселов. При отсутствии атрибута, или при значении n=0 рамка не рисуется. испытатель 1

11 Атрибут align Этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа. Можно использовать следующие значения атрибута: Тег IMG.

12 align=topвертикальное выравнивание по верхнему краю align=middleвертикальное выравнивание по центру align=bottomвертикальное выравнивание по нижнему краю align=leftгоризонтальное выравнивание по левому краю align=rightгоризонтальное выравнивание по правому краю Испытатель 3, 4, 5

13 Атрибуты hspace и vspace Определяют свободное пространство слева и справа, над и под картинкой.