Использование графики в html–документах

Рисунки являются очень важными элементами оформления WEB-страниц. Привлекательность и информативность сайтов в Интернет во многом определяется использованием графики. Рисунки, чаще всего, хранятся в файлах формата .jpg или .gif, обычно в отдельной папке (броузеры поддерживают и другие графические форматы). Кроме указанных форматов допускается использовать видео-изображения в формате .avi.

Подключение рисунков выполняется с помощью дескриптора , имеющего следующие основные атрибуты:

  • align=Выравнивание — способ выравнивания графики, например, Center;
  • border=n — видимая рамка вокруг графики;
  • dynsrc=URL — исходный URL видео;
  • height=n — высота графики;
  • loop=n — число повторений видео (если вместо n задано infinite, видео будет повторяться напрерывно);
  • src=URL — исходный URL графики;
  • start=Условие запуска — задает способ запуска видео, например, start=mouseover запускает видео при перемещении указателя мыши по области видео;
  • width=n — ширина графики.

Рассмотрим пример добавления графики в HTML-документ.

Пример 5

Откроем редактор Блокнот и наберем следующий код:

Использование графики в html–документах

Двигатель внутреннего сгорания

Сохраним код под любым именем с расширением .html или .htm, например, Example.html. Следует иметь в виду, что в соответствии с кодом, графика должна храниться в той же папке, где и Example.html.

Выполним двойной щелчок по значку Example.html. Воспроизведение приведенного кода в броузере Internet Explorer показано на рисунке:

Использование графики в html–документах
Двигатель внутреннего сгорания

Использование графики в html–документах Контрольные вопросы

  1. Что такое гипертекст?
  2. В чем заключается разметка гипертекста средствами HTML?
  3. Чем язык HTML отличается от универсальных языков программирования?
  4. Дайте характеристику программам, открывающим документы HTML.
  5. Чем непарные теги отличаются от парных?
  6. Что такое атрибуты тега? Как они записываются?
  7. Опишите достоинства и недостатки трех технологий разработки документов HTML: при помощи редактора Блокнот; сохранением документа Word в формате HTML;
  8. Запишите структуру простейшего документа HTML.
  9. Запишите теги, организующие гиперссылку внутри документа HTML.
  10. Как в документ HTML вставляются иллюстрации? Где они обычно хранятся и какой имеют формат?
  11. Что такое абсолютный и относительный URL?
  12. Какие теги используются для сложного позиционирования элементов гипертекста на WEB-странице?
  13. Что дает применение атрибута colspan=2 в теге в рассмотренном выше примере?

SVG в HTML — из иллюстратора в браузер


Читать еще…

Понравилась статья? Поделиться с друзьями: