Элемент-рисунок в структуре языка XHTML описан как встроенный объект. Его можно размещать внутри таких элементов блочного уровня, как абзацы, то есть рисунок будет отображен на той «линии» документа, где установлен его тэг. Минимальный синтаксис, необходимый для описания картинки, включает два атрибута: sre для определения источника файла-изображения - URL Halt для альтернативного текстового варианта, описывающего само изображение:
<img src="mYphoto.jpg" alt="A photo of the author" />
Разработчику нужно использовать по крайней мере еще два дополнительных параметра: height и width. Эти атрибуты указывают размеры рисунка по вертикали и горизонтали (в пикселах), которые передаются в браузер для резервирования места. Изображение заполнит отведенную ему область уже после появления на экране остального текста; таким образом, создается впечатление, что загрузка окончательного варианта страницы происходит быстрее. Это сделано для пользователей, не желающих ждать, пока на экране отобразится полная информация.
Следующий пример встраивает картинку внутрь абзаца. Область рисунка резервируется с помощью параметров height и width. Страница документа представлена на рис. 3.1.
<pximg src="fmb.jpg" height="200" width="300" alt="BMfl побережье с высоты десятого этажа отеля, в котором я остановился."/> Выходные я провел в Форт Мейерз Бич на побережье Даймондхед Бич Ресорт. Высылаю фотографию с видом на побережье. Снимок сделан с высоты десятого этажа отеля, в котором я жил. Это настоящий рай, причем в двух шагах от дома.</р>
По умолчанию нижняя граница изображения располагается на первой строке текста, в котором оно размещается. Это, конечно, на самый лучший способ, однако такое представление корректно, если не описано другое выравнивание.
Не стремитесь изменить реальные размеры рисунка, уменьшая значения параметров heightu width. Окончательный вариант не будет таким четким, как при преобразовании средствами графического редактора. Пользователю придется долго ждать, пока объект загрузится полностью.
Опубликовал vovan666
April 05 2013 12:34:51 ·
0 Комментариев ·
3810 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
