WebClub - Всероссийский Клуб Веб-разработчиков
WebClub.RU » Советы » Урок4 Графика в документах HTML

Урок4 Графика в документах HTML


Дата публикации: 22-06-2008

На прошлом уроке мы разобрали основные теги управлния текстом, проработали некоторые виды тегов управления текстом. Сегодня мы рассмотрим вставку графики в наш сайт. З.Ы. - большие графические - файлы не рекомендуется вставлять в сайт, дабы не перезагружать и без того малый пропускной канал соединения с интернет/ т.е. время загрузки страницы превратить в вечность/.

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

Для вставки графического изображения применяется тэг<IMG>

Атрибуты тэга <IMG>:
src="URL" URL-адрес файла изображения.
alt="text" Текст, который будет отображаться вместо изображения, при невозможности его вывода.
align Выравнивание изображения. Может принимать значения:
  • left -выравнивание изображения по левой границе экрана браузера;
  • right -выравнивание изображения по правой границе экрана браузера;
  • top -выравнивание текста по верхней границе изображения;
  • middle -выравнивание текста по центру изображения;
  • bottom -выравнивание текста по нижней границе изображения;
  • texttop -выравнивание текста по верхний границе изображения, относительно самых высоких символов;
  • absmiddle -выравнивание середины строки относительно середины изображения;
  • baseline -выравнивание нижней рамки изображения относительно базовой линии текстовой строки;
  • absbottom -выравнивание нижней границы изображения относительно нижней границы текущей строки.
height Высота картинки в пикселях.
width Ширина картинки в пикселях.
border Ширина рамки вокруг картинки в пикселях (только NN).
hspace Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по горизонтали.
vspace Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по вертикали.
Примеры выравнивания изображения:
left Изображение прижимается к левому полю окна.
Текст обтекает изображение с правой стороны.
right Изображение прижимается к правому полю
окна. Текст обтекает изображение с левой стороны.
top Верхняя граница изображения выравнивается
по самому высокому элементу текущей строки.
middle Выравнивание середины изображения
по базовой линиитекущей строки
bottom Выравнивание нижней границы изображения
по базовой линии текущей строки
texttop Верхняя граница изображения выравнивается
по самому высокому текстовому элементу теущей строки
absmiddle Выравнивание середины изображения
посередине текущей строки
baseline Выравнивание нижней границы изображения
по базовой линии текущей строки
absbottom Выравнивание нижней границы изображения
по нижней границе текущей строки

Популярное

Не так давно в сети появился новый сервис, под названием Dead Man Zero. Этот сервис сделал...
Рынок социальных площадок уже давно стал стабильным. Несмотря на то, что время от времени...
Artisteer 4 – единственный в своем роде продукт, позволяющий автоматизировать работу над созданием...
Февраль 2017 (3)
Январь 2017 (1)
Август 2016 (1)
Май 2016 (2)
Ноябрь 2015 (1)
Октябрь 2015 (1)

Карта сайта: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41

Друзья сайта

Хотите продать свой сайт?
- Мы быстро и удобно для Вас сможем его купить:
  • Заявка на продажу сайта
  • Раcсматриваем цены на каждый сайт в индивидуальном порядке.

    Случайная цитата

    Pixadel:

    "Хорошо, Java, ВОЗМОЖНО, хороший пример того как должен выглядеть язык. Но тогда программы на Java — это хороший пример как НЕЛЬЗЯ писать программы."

    Опрос

    Какой аудио плеер Вы используете?

    Winamp
    Light Alloy
    foobar2000
    Apollo
    AIMP
    1by1
    iTunes
    jetAudio
    Другой...