Категории раздела
Статьи по html [7]
Статьи по php [8]
Раскрутка сайта [9]
Базы данных [3]
Поисковые системы [6]
Статьи по css [9]
Мини-чат
Наш опрос
Общая оценка сайта
Всего ответов: 34
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Понедельник, 23.10.2017, 04:14
Приветствую Вас Гость
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Мой сайт
    Главная » Статьи » Статьи по html

    Используем рисунки в 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. Значения: 

     

    left - рисунок находится слева, а текст огибает его с правой стороны

    right - рисунок находится справа, а текст огибает его с левой стороны

    top - текст находится у самого верха изображения

    middle - базисная линия текста находится у середины изображения

    bottom - текст находится в самом низу изображения

    absmiddle - текст находится у середины изображения

    absbottom - похожее на bottom

    baseline - тоже самое, что и bottom

    texttop - подобно top

     

    Пример: 

     

    <IMG SRC="3.gif" ALIGN="left">

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

     

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

     

    <BODY BACKGROUND="2.gif">

    Делаем его в качестве background в рамке

     

    Если Вы используете рамки на Вашей странице, то можно вставить в фон рамок какой-нибудь рисунок.

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

     

    <TABLE BORDER COLS=2 WIDTH="100%" BACKGROUND="1.gif" >

    А если хотите только в одну строку, то 

     

    <TR BACKGROUND="1.gif">

    А ещё можно вставить рисунок в только одно отделение рамки:

     

    <TD BACKGROUND="1.gif">

     

    Категория: Статьи по html | Добавил: stazis (14.05.2009)
    Просмотров: 876 | Рейтинг: 5.0/1
    Всего комментариев: 0
    Copyright MyCorp © 2017

    Сделать бесплатный сайт с uCoz