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


Скачать 30.45 Kb.
НазваниеГрафика в html-документе Использование рисунков
Дата публикации14.05.2013
Размер30.45 Kb.
ТипДокументы
userdocs.ru > Право > Документы
Графика в HTML-документе

Использование рисунков

Большинство браузеров могут вместе с текстом показывать рисунки форматов gif (*.gif), jpg, jpeg (*.jpg), png (*.png) или bmp (*.bmp). Поскольку каждый рисунок занимает много времени на отображение на экране (что замедляет загрузку всей странички), не рекомендуется включать слишком большое количество или чрезмерно большие по размеру рисунки в ваш HTML-документ.

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

Для вставки картинки используется непарный тэг .

src – обязательный параметр тэга , в котором указывается путь к картинке. Если картинка находится в той же папке, что и web-страничка, то достаточно написать имя файла.

Примечание. Подробнее о формировании пути к рисунку смотрите в предыдущей главе в пункте «Задание фонового рисунка».

^ Дополнительные параметры графических изображений

Тэг имеет дополнительные параметры, с использованием которых можно форматировать рисунок:

width – задает ширину рисунка;

height – задает высоту рисунка;

align – задает положение рисунка относительно абзаца, внутри которого помещен рисунок. Данный тэг может принимать значения:

top – вывод рисунка на уровне самого высокого элемента абзаца;

middle – вывод рисунка по центру строки абзаца;

center – вывод рисунка по центру строки абзаца;

bottom – вывод рисунка на уровне самого низкого элемента абзаца;

left – вывод рисунка слева от абзаца;

right – вывод рисунка справа от абзаца.

space, vspace – задает горизонтальный и вертикальный отступы текста от изображения (задается в пикселях);

border – задает границу картинки (измеряется в пикселях, по умолчанию border=1, отсутствие границы – border=0);

alt – задает альтернативный текст картинки.

^ Преимущества и недостатки уменьшения размеров изображений средствами HTML

В уменьшении размеров рисунка средствами HTML есть плюсы и минусы.

Минусы уменьшения размеров рисунка при помощи HTML:

• рисунок сохраняет свои реальные размеры и, соответственно, его «вес» не изменится, даже если вы сделаете огромный рисунок, который «весит» 1 Мб, размером с почтовую марку. А следовательно и вес странички будет большим;

• картинка потеряет много деталей, что в некоторых случаях превращает ее в нечто непонятное.

Плюсы уменьшения размеров рисунка при помощи HTML:

• рисунок можно вписать в дизайн, уменьшив его размер, а при копировании на локальный диск он сохранит свои размеры.

^ Совет будущему HTML-редактору. При грамотном размещении на странице рисунков лучше указать еще и их ширину и высоту. В этом случае браузеру не нужно будет выполнять работу по определению размера рисунка, что значительно ускорит загрузку страницы.

Примечание. Не забывайте, что положением рисунка можно управлять, если рисунок помещен внутрь абзаца!

^ Альтернативный текст

Пользователь, путешествуя по сети Internet, в целях уменьшения количества скачанной информации может отключить отображение рисунков (команда меню браузера Internet Explorer Сервис/Свойства обозревателя, вкладка Дополнительно -> убрать галочку Отображать рисунки).

Согласитесь, что не очень-то приятно увидеть на месте рисунка непонятное белое пятно. Чтобы избежать таких накладок, используют альтернативный текст, который выводится на том месте, где должен находиться «пропавший» рисунок. Цель альтернативного текста – объяснить, что изображено на рисунке. Для добавления к рисунку альтернативного текста нужно использовать дополнительный параметр alt тэга .

Например, ”цапля”.

^ Совет будущему HTML-редактору. Альтернативный текст полезен также тем, что он используется поисковыми системами при поиске картинок в сети Internet. Поэтому, если вы хотите, чтобы вашу страничку нашли даже по картинке, используйте альтернативный текст.

Тэг


С помощью тэга
можно изобразить горизонтальную линию. Тэг
имеет ряд параметров, с помощью которых можно задать внешний вид линии:

width – задает длину линии (измеряется в процентах от ширины окна браузера или пикселях);

size – задает толщину линии (измеряется в пикселях);

align – задает горизонтальное положение линии относительно окна браузера. Может принимать значения:

right – размещение относительного правого края окна браузера;

left – размещение относительно правого края окна браузера;

center – размещение по центру окна браузера.

color – задает цвет линии.

Похожие:

Графика в html-документе Использование рисунков iconИнструментальные средства Интернет-технологий Конспект лекций
Каждый html-документ, отвечающий спецификации html какой-либо версии, обязан начинаться со строки декларации версии html, которая...
Графика в html-документе Использование рисунков icon1. Введение в html. Структура html страницы. Директивы head, body

Графика в html-документе Использование рисунков iconПрактическая работа №20 Тема : Основные понятия языка гипертекстовой разметки документов html
Цель работы: Изучить структуру html документа, научиться практически применять полученные знания при создании Web страницы
Графика в html-документе Использование рисунков iconПоложение о проведении художественной выставки «deadline человечества»
Техники исполнения: Станковая живопись, уникальная графика, печатная графика, декоративное искусство, фотоискусство
Графика в html-документе Использование рисунков iconПоложение о проведении конкурса рисунков
Целью Конкурса является выявление талантливых детей и взрослых в области художественного творчества для последующего использования...
Графика в html-документе Использование рисунков icon3. Лекция: Гипертекстовые ссылки 15
Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы, которую он назвал World Wide Web (www) или Всемирная...
Графика в html-документе Использование рисунков iconАсимптоты графика функции. Определение
Определение. Прямая называется вертикальной асимптотой графика функции, если или
Графика в html-документе Использование рисунков iconУчебное пособие составлено на основе объединения рисунков B. Cummins...
Иллюстрированное учебное пособие врачей курсантов цикла мануальная терапия с основами прикладной кинезиологии и предназначено для...
Графика в html-документе Использование рисунков iconСтикербомб или стикербомбинг (stickerbomb, stickerbombing)
Жников, занимающихся граффити, появились райтеры, которые наносили свои изображения поверх уже нанесенных чужих рисунков, причем...
Графика в html-документе Использование рисунков iconИнструкция для построения графика тригонометрической функции y=sin(X). Название функции
Синусоида представляет собой график функции y=sin(X). Синус – ограниченная периодическая функция. Перед построением графика необходимо...
Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2015
контакты
userdocs.ru
Главная страница