Папиллярные узоры пальцев рук - маркер спортивных способностей: дерматоглифические признаки формируются на 3-5 месяце беременности, не изменяются в течение жизни...
Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...
Топ:
Комплексной системы оценки состояния охраны труда на производственном объекте (КСОТ-П): Цели и задачи Комплексной системы оценки состояния охраны труда и определению факторов рисков по охране труда...
Генеалогическое древо Султанов Османской империи: Османские правители, вначале, будучи еще бейлербеями Анатолии, женились на дочерях византийских императоров...
Процедура выполнения команд. Рабочий цикл процессора: Функционирование процессора в основном состоит из повторяющихся рабочих циклов, каждый из которых соответствует...
Интересное:
Инженерная защита территорий, зданий и сооружений от опасных геологических процессов: Изучение оползневых явлений, оценка устойчивости склонов и проектирование противооползневых сооружений — актуальнейшие задачи, стоящие перед отечественными...
Берегоукрепление оползневых склонов: На прибрежных склонах основной причиной развития оползневых процессов является подмыв водами рек естественных склонов...
Что нужно делать при лейкемии: Прежде всего, необходимо выяснить, не страдаете ли вы каким-либо душевным недугом...
Дисциплины:
2018-01-04 | 140 |
5.00
из
|
Заказать работу |
|
|
Перечислите параметры упорядоченного списка.
Опишите элементы, предназначенные для неупорядоченного списка.
Элемент DL и его параметр.
Для чего нужны гипертекстовые ссылки?
Перечислите параметры элемента А.
Как организуется структура ссылок в HTML–документе?
Как организовать ссылки внутри документа?
Лабораторная работа №4
Тема: Объекты HTML–документов
Цель: Научится работать с объектами, необходимыми для работы с HTML–документами
Объекты – это графические и мультимедийные вставки в HTML–документ, такие как картинки, Java–апплеты, звуки, музыка, VRML.
Элементы для вставки объектов:
IMG | Используется для вставки в HTML изображений |
EMBED | Используется для вставки в HTML различных объектов |
NOEMBED | Используется, если браузер не поддерживает элемент EMBED |
APPLET | Используется для вставки в HTML Java–апплетов |
PARAM | Используется для передачи параметров Java–программе (см. элемент APPLET) |
IMG
(HTML 2.0) – Image
Используется для вставки изображений в HTML–документ.
Это один из самых популярных элементов, незаменимый инструмент web–дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Последние версии браузеров позволяют также использовать формат PNG, но до тех пор пока они не устареют от применения PNG лучше воздержаться. Элемент IMG не имеет конечного тэга.
Параметры:
SRC – обязательный параметр. Указывает адрес (URL) файла с изображением.
HEIGHT и WIDTH – определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).
|
HSPACE и VSPACE – определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.
ALIGN – обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:
left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle – выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle – выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
NAME – определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript–сценариев.
ALT – определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.
BORDER – определяет ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.
LOWSRC – указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Браузеры, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.
USEMAP – применяет к изображению навигационную карту (image map), заданную элементом MAP. В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты – "map1", то ссылка на нее будет выглядеть как "#map1". Обратите внимание: прописные и строчные буквы в данном параметре трактуются браузером как разные.
|
ISMAP – определяет изображение как навигационную карту (image map), обрабатываемую сервером. Имеет смысл использовать только тогда, когда изображение является гиперссылкой. После клика мышкой на изображении серверу отправляются x,y–координаты нажатия. В зависимости от полученных координат, сервер (при наличии на нем соответствующего программного обеспечения) может показать тот или иной документ. Данный параметр является флагом и не требует присвоения значения.
<IMG src="img/picture.gif" WIDTH="45" HEIGHT="53" ALT="Рысь" HSPACE="10" ALIGN="left"> Этот текст обтекает картинку с рысью справа и находится от нее на расстоянии 10 пикселов.
<A HREF="carlson.html">
<IMG src="img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона">
</A>
Для просмотра досье нажмите на кнопку справа.
<A HREF="http://www.igf.ru/bin/imagemaps/map1">
<IMG SRC="map.gif" ISMAP></A>
<IMG src="img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">
Примечания: Необходимо всегда явно задавать размеры картинки в параметрах HEIGHT и WIDTH, резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах или при подключении к сети посредством модема это смотрится просто отвратительно. Если на картинке изображено что–то разборчивое, нужно описать это словами в параметре ALT.
ВСЕГДА сразу после <IMG...> вставьте <BR>, так как после картинки появится пустое пространство в несколько пикселей.
|
|
Общие условия выбора системы дренажа: Система дренажа выбирается в зависимости от характера защищаемого...
Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций...
Папиллярные узоры пальцев рук - маркер спортивных способностей: дерматоглифические признаки формируются на 3-5 месяце беременности, не изменяются в течение жизни...
Таксономические единицы (категории) растений: Каждая система классификации состоит из определённых соподчиненных друг другу...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!