-=Статьи/Что можно сделать с картинкой?=-

Что можно сделать с картинкой?

А с рисунком можно сделать многое: вставить его в HTML документ, сделать рамку, присвоить текст, установить гиперссылку, задать размеры, сделать расстояние от рисунка и ещё многое другое. И обо всем этом я Вам расскажу прямо сейчас.

Вставка рисунка в HTML документ

Минимальный тэг - это тэг рисунок и адрес его расположения:

<IMG SRC="moirisunok.gif">
В этом случае он будет искать в той директории, в которой находится страница с этим тэгом. Если рисунок находится, к примеру, на другой странице, то надо указать полный путь к файлу:
<IMG SRC="http://www.domain.ru/~mypage/Images/moirisunok.gif">
А если страница находится в одной директории, а рисунок находится в следующей, то надо просто написать:
<IMG SRC="SledDirektoriya/moirisunok.gif">
То есть, если у Вас страница, к примеру index.htm (с тэгом рисунка), например, находится на http://www.domain.ru/~mypage/index.htm, а Вы сложили все Ваши рисунки в одну директорию, к примеру Images, то в тэге Вы пишите

<IMG SRC="Images/moirisunok.gif">.

Делаем рамки к рисункам

Рамки приобретают основной цвет текста, а если рисунок заключен в тэг гиперссылок, то он приобретает цвет гиперссылок. Надо вставить в тэг рисунка атрибут BORDER="0|1|2|3|5|6...", где "0|1|2|3|5|6..." - это толщина рамки. Она может быть любая. Пример:

Присваивание текста к рисунку

Текст в рисунке - это хорошо, потому что, во-первых, многие выключают автоматическую загрузку рисунков для более быстрого просматривания страниц, во-вторых, некоторые броузеры не могут показывать рисунки. Это атрибут ALT, вставляемый в тэг рисунка. Пример:

Задаем размеры

Размеры нужны, потому что, если у Вас дизайн состоит в большой части из рисунков, то если рисунок не загрузится (некоторые пользователи отключают или не могут просматривать рисунки) он может нарушить Вам дизайн. Ну и можно также задавать размеры большие или меньшие, чем сам рисунок. Здесь нужны два атрибута HEIGHT и WIDTH. А значение "1|2|3|5|6..." - это значение в пикселях, а в процентах от окна - эти значения будут "1%|2%|3%|5%|6%...". Пример тэга рисунка с атрибутом размера в пикселях:

Устанавливаем на рисунок гиперссылку (линк)

Также можно, как и на текст, поставить на рисунок гиперссылку. Если стоит на рисунок гиперссылка, а в тэге рисунка нет атрибута BORDER, то браузеры NN и IE делают автоматически рамку (прим.админа: а вот и нет). Пример ссылки, установленной на рисунок, с тэгом BORDER.

Делаем расстояние от рисунка

Можно легко сделать расстояние от рисунком, не увеличивая сам рисунок или прибегая к другим мерам. Это атрибут VSPACE (вниз и вверх) и HSPACE (вправо и влево) и значение у них "0|1|2|3|5|6...". Пример:
<IMG SRC="moirisunok.gif" HSPACE="15" VSPACE="10">

Определение расстояние относительно текста.

Это атрибут ALIGN. Значения:

left - рисунок находится слева, а текст огибает его с правой стороны
right - рисунок находится справа, а текст огибает его с левой стороны
top - текст находится у самого верха изображения
middle - базисная линия текста находится у середины изображения
bottom - текст находится в самом низу изображения
absmiddle - текст находится у середины изображения
absbottom - похожее на bottom
baseline - тоже самое, что и bottom
texttop - подобно top

Пример:
<IMG SRC="moirisunok.gif" ALIGN="left">

Делаем его в качестве background на Вашей странице

Если Вы хотите сделать рисунок в качестве обоев своей страницы, то надо поставить атрибут BACKGROUND в тэге BODY:
<BODY BACKGROUND="VashRisunok.gif">

Делаем его в качестве background в таблице

Если Вы используете таблицы на Вашей странице, то можно вставить в их фон какой-нибудь рисунок.
К примеру, если Вы хотите вставить рисунок во всю рамку (во все строки и отделения), то нужно вставить атрибут BACKGROUND в тэг TABLE:

<TABLE BORDER COLS=2 WIDTH="100%" BACKGROUND="MoiRisunok.gif">
А если хотите только в одну строку, то:
<TR BACKGROUND="MoiRisunok.gif">
А ещё можно вставить рисунок в только одно отделение рамки:
<TD BACKGROUND="MoiRisunok.gif">

Оставить мнение о материале в Форуме

	Главная Статьи Программы Скрипты Фон.изображения Картинки Полезные ссылки Ваши ссылки Работы Сделать заказ Рисунки Об авторе Фотогалерея Система лидеров Форум Гости

*Что можно сделать с картинкой?* А с рисунком можно сделать многое: вставить его в HTML документ, сделать рамку, присвоить текст, установить гиперссылку, задать размеры, сделать расстояние от рисунка и ещё многое другое. И обо всем этом я Вам расскажу прямо сейчас. Вставка рисунка в HTML документ Минимальный тэг - это тэг рисунок и адрес его расположения: <IMG SRC="moirisunok.gif"> В этом случае он будет искать в той директории, в которой находится страница с этим тэгом. Если рисунок находится, к примеру, на другой странице, то надо указать полный путь к файлу: <IMG SRC="http://www.domain.ru/~mypage/Images/moirisunok.gif"> А если страница находится в одной директории, а рисунок находится в следующей, то надо просто написать: <IMG SRC="SledDirektoriya/moirisunok.gif"> То есть, если у Вас страница, к примеру index.htm (с тэгом рисунка), например, находится на http://www.domain.ru/~mypage/index.htm, а Вы сложили все Ваши рисунки в одну директорию, к примеру Images, то в тэге Вы пишите <IMG SRC="Images/moirisunok.gif">. Делаем рамки к рисункам Рамки приобретают основной цвет текста, а если рисунок заключен в тэг гиперссылок, то он приобретает цвет гиперссылок. Надо вставить в тэг рисунка атрибут BORDER="0\|1\|2\|3\|5\|6...", где "0\|1\|2\|3\|5\|6..." - это толщина рамки. Она может быть любая. Пример: <IMG SRC="moirisunok.gif" BORDER="4"> Присваивание текста к рисунку Текст в рисунке - это хорошо, потому что, во-первых, многие выключают автоматическую загрузку рисунков для более быстрого просматривания страниц, во-вторых, некоторые броузеры не могут показывать рисунки. Это атрибут ALT, вставляемый в тэг рисунка. Пример: <IMG SRC="moirisunok.gif" ALT="Ваш текст к рисунку."> Задаем размеры Размеры нужны, потому что, если у Вас дизайн состоит в большой части из рисунков, то если рисунок не загрузится (некоторые пользователи отключают или не могут просматривать рисунки) он может нарушить Вам дизайн. Ну и можно также задавать размеры большие или меньшие, чем сам рисунок. Здесь нужны два атрибута HEIGHT и WIDTH. А значение "1\|2\|3\|5\|6..." - это значение в пикселях, а в процентах от окна - эти значения будут "1%\|2%\|3%\|5%\|6%...". Пример тэга рисунка с атрибутом размера в пикселях: <IMG SRC="moirisunok.gif" HEIGHT="90" WIDTH="400"> Устанавливаем на рисунок гиперссылку (линк) Также можно, как и на текст, поставить на рисунок гиперссылку. Если стоит на рисунок гиперссылка, а в тэге рисунка нет атрибута BORDER, то браузеры NN и IE делают автоматически рамку (прим.админа: а вот и нет). Пример ссылки, установленной на рисунок, с тэгом BORDER. <A HREF="http://www.domain.ru/~mypage/index.htm"> <IMG SRC="moirisunok.gif" BORDER="0"></A> Делаем расстояние от рисунка Можно легко сделать расстояние от рисунком, не увеличивая сам рисунок или прибегая к другим мерам. Это атрибут VSPACE (вниз и вверх) и HSPACE (вправо и влево) и значение у них "0\|1\|2\|3\|5\|6...". Пример: <IMG SRC="moirisunok.gif" HSPACE="15" VSPACE="10"> Определение расстояние относительно текста. Это атрибут ALIGN. Значения: left - рисунок находится слева, а текст огибает его с правой стороны right - рисунок находится справа, а текст огибает его с левой стороны top - текст находится у самого верха изображения middle - базисная линия текста находится у середины изображения bottom - текст находится в самом низу изображения absmiddle - текст находится у середины изображения absbottom - похожее на bottom baseline - тоже самое, что и bottom texttop - подобно top Пример: <IMG SRC="moirisunok.gif" ALIGN="left"> Делаем его в качестве background на Вашей странице Если Вы хотите сделать рисунок в качестве обоев своей страницы, то надо поставить атрибут BACKGROUND в тэге BODY: <BODY BACKGROUND="VashRisunok.gif"> Делаем его в качестве background в таблице Если Вы используете таблицы на Вашей странице, то можно вставить в их фон какой-нибудь рисунок. К примеру, если Вы хотите вставить рисунок во всю рамку (во все строки и отделения), то нужно вставить атрибут BACKGROUND в тэг TABLE: <TABLE BORDER COLS=2 WIDTH="100%" BACKGROUND="MoiRisunok.gif"> А если хотите только в одну строку, то: <TR BACKGROUND="MoiRisunok.gif"> А ещё можно вставить рисунок в только одно отделение рамки: <TD BACKGROUND="MoiRisunok.gif"> Оставить мнение о материале в Форуме