Главная » Статьи » из чего состоит сайт... |
Лучше всего размещать на сайте картинки форматов gif или jpg. Иногда нужны и png, а вот bmp'шки не рекомендуются из-за своего гигантского размера: чем больше весит картинка, тем дольше она будет загружаться при просмотре ваших страниц, в результате чего гость просто сбежит с вашего сайта или отключит показ картинок в браузере :) Картинки вставляются с помощью тега IMG с указанием адреса самой картинки (можно через http. Кстати, url-адрес любой картинки в сети можно узнать, кликнув правой кнопкой по выбранной картинке и выбрать там пункт «свойства») в src: <img src="images/cat.gif" width="100" height="200"> width — ширина картинки в пикселах; height — высота картинки, тоже в пикселах. Не забывайте указывать параметры width и height! Это один из способов ускорения загрузки графики. А еще, для каждой картинки можно прописать alt-текст. В этом случае при наведении мышки на картинку появится всплывающий комментарий. Например: <img src="images/cat.gif" width="100" height="200" alt="котенок :)"> Если пользователь отключит показ картинок в своем браузере, то вместо картинок увидит эти надписи-комментарии. А по стандартам html указывать alt обязательно всегда, в некоторых случаях можно писать пустой alt="". Кроме alt'a существует еще и title. В отличие от alt'a, с отключенными картинками при title на экране мы не увидим никаких комментариев к отключенным изображениям в IE. В Firefox наоборот: видимы значения title, но не видны alt'ы (alt всплывает). И еще, title можно приписывать к текстовым ссылкам. Бывает полезно и очень удобно:) Обтекание картинок текстом Картинку можно расположить слева или справа от текста. За ее расположение отвечает параметр align: <img src="cat.gif" width="100" height="200" align="right"> right — картинка справа от текста; left — картинка слева от текста; bottom — нижняя линия строки текста выравнивается по нижнему краю картинки; top — верхняя линия строки текста выравнивается по верху картинки; middle или center — строка текста выравнивается по середине картинки. Иногда бывает полезно задать поля вокруг картинки. Это делается с помощью параметров hspace и vspace: <img src="cat.gif" width="100" height="200" align="right" hspace="15" vspace="10"> Разместить картинку по центру можно с помощью тега center: <center><img src="cat.gif" width="100" height="200"></center> Не забывайте закрыть тег, иначе вся информация на вашей страничке, идущая после картинки, отцентрируется :) А вообще, размещать картинки, текст и другие элементы страницы удобно в табличках, сделав невидимые границы. Об этом читайте в темке «таблицы». Автор урока— Ollenkka Источник: http://fantasyflash.ru/html/index.php?kont=html&n=6 | |
Категория: из чего состоит сайт... | Добавил: иринка (13.05.2008) | Автор: иринка | |
Просмотров: 434 | Рейтинг: 0.0/0 | |
Всего комментариев: 0 | |
Категории каталога | ||||
---|---|---|---|---|
|
Форма входа |
---|
Поиск |
---|
|
Друзья сайта |
---|
Статистика |
---|
Всего людей на сайтике: 9 гостей: 9 Участников 0 |
Наш опрос |
---|
Мини-чат |
---|