ZAQ32 - Объекты

Объекты

В данной главе речь пойдет о вставке таких объектов, как рисунки, элементы мультимедиа (видео- и аудио объекты).

Вставка картинок.

Начнем, пожалуй, с наиболее распространенного тэга <img>. Он уже использовался в приведенных примерах, но речь о нем еще не шла. <img> предназначен для вставки графического изображения на страничку. Делается это следующим образом:
<body>
…
ниже будет отображен рисунок
<img src=mypictures/myimage.gif>
…
</body>

Если у клиента будет установлена старая версия браузера, то можно использовать только JPEG или GIF-форматы. Современные браузеры могут отображать и формат PNG. Несмотря на это, лучше используйте gif или jpeg.

Посмотрим, какие атрибуты имеет тэг <img>:

src – путь к файлу изображения.
height – позволяет задать высоту изображения. Если параметры, заданные вами не совпадут с реальными размерами картинки, изображение будет масштабироваться, что может сказаться на качестве изображения. Хотя, если ширина и высота картинки не заданы явно, то в некоторых случаях это может замедлить процесс загрузки.
width – соответственно, позволяют определить ширину изображения.
hspace – определяет отступ картинки по горизонтали. Например:
<img src="image.gif" hspace="10">
vspace – отступ картинки по вертикали.
align – выравнивание картинки. Здесь применяются стандартные параметры.
name – имя изображения. Может быть полезно в том случае, если вы будете использовать java-сценарии.
alt – подсказка, которая будет появляться в тот момент, когда вы наведете указатель мыши на картинку. Например, если на картинке нарисован слон, то можно написать следующий код:
<img src = “slon.gif” alt = “Это слон”> Теперь, когда вы подведете указатель мыши к изображению слона, рядом с курсором появится надпись “Это слон”. Знаю, смешной пример, зато содержательный.
border – определяет ширину рамки вокруг изображения.
lowsrc – параметр, загружающий картинку еще до загрузки основного изображения. Допустим, у вас большая красивая картинка, которая по обычному телефонному подключению будет загружаться достаточно долго. Для этого можно написать: <img src = “big_image.gif” lowsrc = “small_image.gif”>. В данном случае в атрибуте lowsrc указан путь к изображению, более низкого качества или меньшего размера, чем big_image.gif. Поэтому, при загрузке страницы, сначала отобразится рисунок small_image.gif, а когда будет подгружен big_image.gif, будет отображен уже основной рисунок.
usemap– атрибут, используемый для работы с навигационными картами. Вот пример: <img src="image.gif" usemap="#imagelink">. После этого, на данное изображение можно будет делать ссылку. Как это делается, рассказывалось в главе «Гипперссылки».

Вставка элементов мультимедиа.

Тэг <embed>

Тэг <embed> используется как раз для вставки подобных объектов. То есть, если вы хотите, чтобы на вашей страничке можно было посмотреть видео-файл или играла музыка, то <embed> - то, что вам нужно.
По структуре, вставка мультимедийного объекта практически не отличается от вставки графического изображения.
Пишем в браузере:
<EMBED SRC="kino.avi"> и наслаждаемся просмотром. Если конечно это будет обычное телефонное подключение, а кино будет весить 600-700 Мб, вашим посетителям я не завидую ?.
Атрибуты тэга:

src – определяет имя файла вставляемого объекта.
pluginspace – чтобы воспроизвести некоторые объекты (например, видеофайлы), нужно загрузить дополнительный модуль, в простонародье называемый плагином (plug-in). Так вот, в параметр данного атрибута помещается ссылка (URL-адрес), откуда можно загрузить дополнительный плагин.
palette - определяет тип цветовой палитры. Трудно сказать на сколько значимый параметр, но упоминуть о нем все же стоило.
hidden – отображение объекта. Может принимать всего два значения. Если вы напишите: определяет, отображать указанный объект или нет. Возможные значения: <embed src="kino.avi" hidden=”false”> - то объект отображаться не будет, а если <embed src="kino.avi" hidden=”true”> - то будет.
- true - отображать объект.
- false - не отображать объект (используется по умолчанию).
type – позволяет явно задать для браузера тип объекта, который предстоит загрузить.

Тэг <noembed>

Тэг <noembed> - по содержанию – противоположен тэгу <embed>. Он используется в том случае, если браузер не может отобразить необходимый объект.
Допустим, есть такая строка кода, которая должна отображать видеофайл kino.avi: <embed src="kino.avi">. А теперь представим такую ситуацию, что браузер не может отобразить этот фрагмент. Для этого случая можно подстраховаться и написать:
<embed src="kino.avi">
<noembed>Видеофайл не может быть отображен. Скорее всего, ваш браузер не поддерживает эту функцию, либо вы сами отключили возможность просмотра видеофайлов с Интернет-страничек.</noembed>
<embed>

На главную | К содержанию раздела

Используются технологии uCoz