ВКЛ / ВЫКЛ: ИЗОБРАЖЕНИЯ: ШРИФТ: A A A ФОН: Ц Ц Ц ЦНАСТРОЙКИ:
Инфофиз
Весь мир в твоих руках, всё будет так, как ты захочешь!
г. Новороссийск
+7 (918) 465-56-36
infofiz.ru@yandex.ru

Инфофиз

Весь мир в твоих руках, всё будет так, как ты захочешь!
МЕНЮ

Объекты - это графические и мультимедийные вставки в HTML-документ, такие как картинки, Java-апплеты, звуки, музыка, VRML.

1) IMG (HTML 2.0 - Image) Используется для вставки изображений в HTML-документ.

Элемент допускает вставку изображений в форматах JPEG, GIF, PNG.

Элемент IMG не имеет конечного тэга.

Параметры:

SRC - обязательный параметр. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH - определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (часто с потерей качества). Золотое правило web-мастера - всегда явно задавать размеры картинки в параметрах HEIGHT и WIDTH, резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах или при подключении к сети посредством модема это смотрится просто отвратительно.

HSPACE и VSPACE - определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом. Указывайте значения параметров HSPACE и VSPACE, даже если вы хотите оставить поля нулевой ширины. Бывает, что некоторые браузеры по умолчанию присваивают им какое-то небольшое значение, не равное нулю.

Для завершения обтекания изображения текстом используйте параметр CLEAR элемента BR.

ALIGN - обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

left - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. Значения top и texttop не совсем идентичны, и их использование порой дает разный результат. Попробуйте поэкспериментировать.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME - определяет имя изображения, уникальное для данного документа. Можно указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения. Второе золотое правило web-мастера: если на картинке изображено что-то разборчивое, нужно описать это словами в параметре ALT.

BORDER - определяет ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.

LOWSRC - указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Браузеры, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.

Пример 1.

Пример использования тега img

Отображение в браузере:

Пример использования тега img

Пример 2. Использование изображения в качестве гиперссылки.

 

 

Пример 2. Использование изображения в качестве гиперссылки:

<A HREF="carlson.html">
<IMG src="/img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона">
</A>
Для просмотра досье нажмите на кнопку справа.

 

 

 

EMBED (В спецификациях W3C отсутствует - Embed) - используется для вставки в HTML различных объектов: не-HTML документов и media-файлов.

Тип вставляемого объекта, будь то музыкальный wav/midi-файл или трехмерный мир VRML, должен быть зарегистрирован на машине пользователя как проигрываемый одним из имеющихся plug-in'ов или поддерживаемый каким-либо приложением. Если браузер не поддерживает элемент EMBED, содержащиеся между начальным и конечным тэгами текст и элементы будут игнорироваться.

Параметры:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG) : под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG параметров, а именно: NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE.

Другие параметры:

SRC - обязательный параметр. Определяет имя файла вставляемого объекта.

PLUGINSPACE - указывает на адрес (URL), по которому можно найти plug-in, необ-ходимый для просмотра типа файлов, аналогичных указанному в параметре SRC.

PALETTE - определяет тип цветовой палитры для просмотра объекта. Данный параметр работает только на Windows-машинах с 256-цветной системной палитрой. Возможные значения:

background - использовать background-палитру для отображения объекта (используется по умолчанию).
foreground - использовать foreground-палитру для отображения объекта.

HIDDEN - определяет, отображать указанный объект или нет. Возможные значения:

true - отображать объект.
false - не отображать объект (используется по умолчанию).

TYPE - явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug-in). В качестве значения указывается зарегестрированный MIME-тип файла.

Пример 1:

<EMBED SRC="music.mid" HIDDEN="true">
<NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>
</EMBED>

 

Пример 2:

<EMBED SRC="music.vrml" HEIGHT="300" WIDTH="200" HSPACE="10" ALIGN="center" PLUGINSPACE="../plugins/download_vrml.html">
<NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>
</EMBED>

 

Примечания:

 

Для старых браузеров, не поддерживающих элемент EMBED, необходимо использовать элемент NOEMBED с указанием между начальным и конечным тэгами альтернативного текста, как показано в примерах выше.

 

Обратите внимание - в спецификациях консорциума W3C про EMBED ничего не сказано (!), скороее всего данный элемент появился по инициативе разработчиков Netscape 1.1 и с тех пор поддерживается всеми браузерами для совместимости (начиная с MSIE 3.0-beta-2 и выше).

 

Каким бы привлекательным элемент EMBED вам ни казался, но, поверьте, лучше его не использовать. Далеко не каждому может понравиться принудительное проигрывание MID-файла или попытка прокрутить ролик в неизвестном браузеру формате. Если вам все же не терпится украсить HTML чем-нибудь из ряда вон выходящим, не поленитесь, потратьте время на усиленное тестирование со всеми популярными видами браузеров.

NOEMBED (HTML 3.2) - No Embed

Определяет текст, который будет отображен, если браузер по какой-либо причине не работает с элементом EMBED.

Пример:

<EMBED SRC="music.mid" HIDDEN="true">
<NOEMBED> Ваш браузер морально устарел ;-D </NOEMBED>
</EMBED>

 

APPLET (HTML 3.2) – Applet

Имеет начальный и конечный тэги. Используется для вставки в HTML Java-апплетов - программ на языке Java, исполняемых браузером на вашем компьютере. Java-апплет исполняется в специально отведенном для него месте, отображаясь в документе наподобие картинки. Поэтому многие параметры элемента APPLET сходны с параметрами элемента IMG.
Если ваш браузер не имеет встроенной виртуальной Java-машины (и, соответственно, не поддерживает элемента APPLET), то на месте окошка Java-апплета вы увидите текст, заключенный между начальным и конечным тэгами.

Параметры:

CODE - обязательный параметр. Определяет имя файла исполняемого Java-апплета.

CODEBASE - указывает базовый адрес (URL), по которому находится файл с кодом исполняемого Java-апплета. Если парамер CODEBASE опущен, используется URL текущего документа.

ALIGN - обязательный параметр. Указывает способ выравнивания Java-апплета. Может принимать те же значения, что и аналогичный параметр элемента IMG.

HEIGHT и WIDTH - обязательные параметры. Определяют ширину и высоту (в пикселах) окошка вывода программы.

HSPACE и VSPACE - определяют отступ (в пикселах) по горизонтали и вертикали от других объектов документа.

NAME - указывает имя Java-апплета, уникальное для данного документа. Позволяет Java-апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.

ALT - определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java-апплеты.

SRC - указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

Пример 1:

<APPLET CODE="JumpingGirl.class" WIDTH="30" HEIGHT="40" ALIGN="left" ALT="Прыгающая девочка">
Если вы видите этот текст, значит ваш браузер не поддерживает Java.
</APPLET>

 

В результате слева отображается окошко (размером 30x40 точек) с прыгающей девочкой. Само собой, у вас должен быть файл JumpingGirl.class, который должен лежать в той же директории, что и текущий документ.

Пример 2:

http://www.igf.ru/javagames" CODE="CrazyTetris.class" WIDTH="300" HEIGHT="500" ALIGN="right" SRC="http://www.igf.ru" ALT="Игра Тетрис">
</APPLET>

 

В данном примере справа отображается окошко (размером 300x500 точек) с игрой Тетрис. Браузер будет пытаться загрузить игру используя URL "http://www.igf.ru/javagames/СrazyTetris.class".

Примечание:

 

Для передачи Java-программе каких-либо параметров используется элемент PARAM.

PARAM (HTML 3.2) – Parameter

Располагается в начале элемента APPLET. Используется для передачи Java-программе каких-либо параметров. Элемент задает пару "имя - значение" переменной, которая будет передана Java-программе.

Пример:

http://www.igf.ru/applets" CODE="JavaTetris.class" WIDTH="440" HEIGHT="475" ALIGN="center"></APPLET>

 

Скрипты

Скрипты - это включения в HTML не-HTML кода, дополняющего его возможности. С помощью сприптов вы можете создавать анимированные кнопки меню, осуществлять автоматическое перенаправление на другие документы и т.д. Большинство скриптов пишется на языке JavaScript.

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

Элементы для работы со скриптами:

SCRIPT

Вставляет скрипт в HTML-документ

NOSCRIPT

Определяет текст, который будет отображен, если браузер не поддерживает скрипты

 

SCRIPT (HTML 3.2) – Script

Определяет скрипт в теле документа. Сам текст скрипта либо располагается между начальным и конечным тэгами, либо определяется как URL скрипт-файла в параметре SRC.

Параметры:

LANGUAGE - определяет язык, на котором написан скрипт, например, "JavaScript".

SRC - определяет URL скрипта.

Пример 1:

http://www.igf.ru/js/script.js</a>">

</SCRIPT>

 

В целях совместимости со старыми браузерами, содержимое элемента SCRIPT следует заключать между <!-- и -->, т.е. оформлять его как обычный HTML-комментарий :

Пример 2:

<SCRIPT LANGUAGE="JavaScript">
window.location="http://www.art-russia.com";
</SCRIPT>

 

Где размещать скрипт:

Элемент SCRIPT чаще всего располагают между конечным тэгом элемента HEAD и начальным тэгом элемента BODY :

NOSCRIPT (HTML 4.0) - No Script

Определяет текст, который будет отображен, если браузер по какой-либо причине не работает со скриптами.

Пример:

<SCRIPT LANGUAGE="JavaScript">
<NOSCRIPT>
Пора менять браузер... </NOSCRIPT>
window.location="http://www.igf.ru";
</SCRIPT>

 

Элементы:

IMG

Используется для вставки в HTML изображений

SCRIPT

Вставляет скрипт в HTML-документ

NOSCRIPT

EMBED

Используется для вставки в HTML различных объектов

NOEMBED

Используется, если браузер не поддерживает элемент EMBED

APPLET

Используется для вставки в HTML Java-апплетов

PARAM

Используется для передачи параметров Java-программе (см. элемент APPLET)

 

© 2024. Дудко Елена | Infofiz.ru 2011-2024 | Сайт носит информационный характер | Все права защищены | Все материалы взяты из открытых источников и представлены исключительно в ознакомительных целях. Все права на статьи, книги, видео и аудио материалы принадлежат их авторам и правообладателям. Любое распространение и/или коммерческое использование без разрешения законных правообладателей не разрешается. .
Яндекс.Метрика