|
||
Используем рисунки в HTMLМногочисленные возможности использования рисунка с HTML описаны в данной статье! Надеюсь, они вам помогут... Вставка рисунка на HTML страницу Минимальный тэг - это тэг рисунок и адрес его расположения <IMG SRC="3.gif"> В этом случае он будет искать в той директории, в которой находится страница с этим тэгом. Если рисунок находится, к примеру, на другой странице, то надо указать полный путь к файлу <IMG SRC="http://www.domain.ru/Images/3.gif"> А если страница находится в одной директории, а рисунок находится в следующей, то надо просто написать: <IMG SRC="SledDirektoriya/moirisunok.gif"> То есть, если у Вас страница, к примеру index.htm, с тэгом рисунка, например, находится на http://www.domain.ru/index.htm , а Вы сложили все Ваши рисунки в одну директорию, к примеру Images, то в тэге Вы пишите <IMG SRC="Images/3.gif"> . Делаем рамки к рисункам Рамки приобретают основной цвет текста, а если рисунок заключен в тэг гиперссылок, то он приобретает цвет гиперссылок. Надо вставить в тэг рисунка атрибут BORDER="0|1|2|3|5|6...". 0|1|2|3|5|6... - это толщина рамки. Она может быть любая. Пример: <IMG SRC="3.gif" BORDER="4"> Присваивание текста к рисунку Текст в рисунке - это хорошо, потому что, во-первых, многие выключают автоматическую загрузку рисунков для более быстрого просматривания страниц, во-вторых, некоторые броузеры не могут показывать рисунки. Это атрибут ALT, вставляемый в тэг рисунка. Пример: <IMG SRC="3.gif" ALT="Текст"> Задаем размеры Размеры нужны, потому что, если у Вас дизайн состоит в большой части из рисунков, то если рисунок не загрузится (некоторые пользователи отключают или не могут просматривать рисунки) он может нарушить Вам дизайн. Ну и можно также задавать размеры большие или меньшие, чем сам рисунок. Здесь нужны два атрибута HEIGHT и WIDTH . А значение "1|2|3|5|6..." - это значение в пикселях, а в процентах от окна - эти значения будут "1%|2%|3%|5%|6%...". Пример тэга рисунка с атрибутом размера в пикселях: <IMG SRC="3.gif" HEIGHT="90" WIDTH="400"> Устанавливаем на рисунок гиперссылку (линк) Также можно, как и на текст, поставить на рисунок гиперссылку. Если стоит на рисунок гиперссылка, а в тэге рисунка нет атрибута BORDER, то браузеры NN и IE делают автоматически рамку. Пример ссылки, установленной на рисунок, с тэгом BORDER. <A HREF="http://www.domain.ru/index.htm"> <IMG SRC="3.gif" BORDER="0"></A> Делаем расстояние от рисунка Можно легко сделать расстояние от рисунком, не увеличивая сам рисунок или прибегая к другим мерам. Это атрибут VSPACE (вниз и вверх) и HSPACE (вправо и влево) и значение у них "0|1|2|3|5|6...". Пример: <IMG SRC="moirisunok.gif" HSPACE="15" VSPACE="10"> Определение расстояние относительно текста. Это атрибут ALIGN. Значения:
<IMG SRC="3.gif" ALIGN="left"> Делаем его в качестве background на Вашей странице Если Вы хотите сделать рисунок в качестве обоев своей страницы, то надо поставить атрибут BACKGROUND в тэге BODY: <BODY BACKGROUND="2.gif"> Делаем его в качестве background в рамке Если Вы используете рамки на Вашей
странице, то можно вставить в фон рамок
какой-нибудь рисунок. <TABLE BORDER COLS=2 WIDTH="100%" BACKGROUND="1.gif" > А если хотите только в одну строку, то <TR BACKGROUND="1.gif"> А ещё можно вставить рисунок в только одно отделение рамки: <TD BACKGROUND="1.gif"> Источник: http://www.adolo.tk - Журнал "ADOLO" - Единственый журнал обо всём (интернет, компьютеры, железо), т.е. о мире!.
|
||
Copyright © "Internet Zone", http://www.izcity.com/, info@izcity.com |