| Nikola |
- Награды: 2
- Репутация: 7
- Вторник, 06.03.2012, 19:35
|
Администратор
Сообщений: 365
|
Перед вставкой изображения в HTML необходимо предварительно, подготовить изображение. Как его получить? Можно воспользоваться сканером, фотоаппаратом ну или нарисовать самому. Существует много редакторов графики, самые яркие - это Фотошоп, паинт, Корел Драв. Желательно, использовать изображения небольших размеров, в противном случае, веб-страница может очень долго загружаться. К тому же не стоит использовать на странице слишком много изображений, это тоже в свою очередь увеличит время загрузки страницы. Вся графика должна быть представлена в формате .jpg или .gif. Чтобы вставить графику на странице необходимо указать имя и место соответствующего файла.
Тег и его атрибуты
Для вывода графики используют тег <IMG SRC="Указать адрес и имя изображения">. Некоторые пользователи отключают графику в своем браузере, делают они это для того, чтобы быстрее грузились страницы. Для того чтобы вместо рисунка посетители увидели текст, есть атрибут ALT. Записывается все в таком виде - <IMG SRC="Указать адрес и имя изображения" ALT="Поясняющий текст к изображению">.
Для выравнивания изображения используют атрибут ALIGN. Данный параметр может иметь следующие значения - center(по центру), left(по левому краю), right(по правому краю). Пример:
Code <IMG SRC="image/primer.gif" ALIGN="center" ALT="webik.at.ua - все для вебмастера!">
Выравнивание обтекаемого текста
Атрибут ALIGN, так же пожет принимать значения top, middle и bottom. Данные дискрепторы позволяют задать вертикальное положение текста относительно изображения. По умолчанию, выравнивание идет по нижней кромке изображения и чтобы изменить его, следует использовать один из этих дискрепторов.
Пустая область вокруг изображения
По умолчанию, в браузерах изображение имеет пустую рамку, размеры которой составляют всего несколько пикселей. Для увелечения пустой области (рамки) вокруг изображения, служат атрибуты HSPACE (задает ширину чистой области слева на право) и VSPACE (задает ширину чистой области сверху вниз).
Code <IMG SRC="image/primer.gif" ALIGN=left HSPACE=30 VSPACE=30> Здесь Вы найдете только самое лучшее для вебмастера. Скрипты, статьи, шаблоны. |
| |
|
|
