« Поставить закладку » « Сделать стартовой »

« Форумы » « Блоги » « Статьи » « Новости » « Файлы » « Realcoding IRC » « Site map » « Поиск »


Главная Главная
Анонсы Анонсы
Форумы Форумы
Каталог Каталог
Поиск Поиск
Опросы Опросы
Книжный магазин Книжный магазин
Реклама на сайте
Публикации Публикации
Партнеры Партнеры
Карта Карта сайта
Рассылки Рассылки
RSS экспорт
Настройки Настройки
О нас пишут О нас пишут
Контакты Контакты
Гостевая книга Гостевая книга


ПнВтСрЧтПтСбВс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
    Популярное
Функция AccessResource

Локальные поисковые системы

Арифметическая Служба Сети, или Web-служба Arithmetic (Арифметика)

Универсальная фабрика объектов

ИИ с чего начать ?

Функция CheckMenuItem

Компоненты: RichEdit

Описание функций C (Си) / C++ - read

Составление перечней

Функция GetWindow




    Архив файлов



    Сообщества

    Документация

    Кто на сайте
Вы не зарегистрированы.
Имя:

Пароль:

Запомнить

Регистрация позволит Вам пользоваться дополнительными сервисами.
Сейчас на сайте:
Гостей: 194
Пользователей: 0

Статьи:: Интернет технологии :: Html :: Используем рисунки в 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




Вышел MySQL 5.1.30, первый стабильный рели....

MySQL

После публикации 29 тестовых версий анонсирован первый стабильный релиз MySQL 5.1, пригодный для промышленной эксплуатации и обеспечивающий увеличение производительности для "тяжелых" SQL запросов, по сравнению с MySQL 5.0, примерно на 15-20%. Главные новшества появившиеся в MySQL 5.1:


Подробнее... | Рубрика: MySQL | Добавлено: 28.11.2008

Тестирование параллельных программ.

Тестирование

Тестирование параллельного программного обеспечения представляет собой более сложную задачу по сравнению с тестированием последовательной программы. Программист должен знать о подводных камнях при тестировании параллельного кода, имеющихся методологиях и инструментарии.


Подробнее... | Рубрика: Тестирование | Добавлено: 28.11.2008

Архитектура AMD64 (EM64T).

Архитектура AMD

Аннотация. В статье кратко рассматривается архитектура AMD64 компании AMD и ее реализация EM64T компании Intel. Описаны особенности архитектуры, ее возможности, достоинства и недостатки.


Подробнее... | Рубрика: Архитектура AMD | Добавлено: 27.11.2008

Остальные статьи:

Платформа 2009. Определяя будущее
Windows Vista Bridge Sample Library - упра...
Оптимизация 64-битных программ
Подгрузка через AJAX HTML-кода, содержащег...
Обзор нового релиза самой мощной Ajax библ...
Firebug 1.3 и 1.4 alpha — что нового и инт...
Релиз Microsoft Silverlight 2.0. Что новог...
XML документация в C#
Курсоры в MySQL 5
Microsoft опубликовала подробности о сесси...
Microsoft делится подробностями о том, что...
Тестируем новый javascript от нового брауз...
MySQL Query Cache
Использование провайдеров компиляции в As...
Чего мы ждем от C# 4.0
Delphi 2009 и C++Builder 2009
Джоэл Спольски и Джеф Этвуд запустили новы...
Поиск кода Google /* что нового? */
10 jQuery скриптов для улучшения интерфейс...
Генераторы отчетов FastReport 4 и QuickRep...


Цитата дня (все,добавить):

Портал фрилансеров

работа на дому


    Рубрикатор

Программирование

C/С++
Обучение
Windows API
XAML
Моделирование
Паттерны
Visual Basic 7 .NET
WxWidgets
Функции WinApi
Функции С++
Разработка под Mac OS
Eiffel
Visual Studio 2008
UI дизайн
Алгоритмы
Конкурсные статьи
Turbo Pascal
Visual Studio
CASE-средства
Visual Studio 2005
Без VCL
Delphi
Тех. документация
Тестирование
Software Testing
ООП
TCP/IP
Google Android
Windows Installer
.NET Framework
Драйвера
C# C Sharp
Справка
Проектирование
Информ. системы
Visual Basic
Assembler
Оптимизация кода
Gtk+
Компоненты
Реинжиниринг
Управление проектами
Extreeme programming
Lotus Notes
Алгебраическое проектирование


Интернет технологии

PHP
Perl
ASP
WAP
Cookies
SSI
CGI
Web Servers
VB Script
DNS
CSS
XML
Html
Java Script
Java2ME
Firewall
Flash
.htaccess
Apache
VRML
Протоколы
Поисковые системы
Технология JAVA
Учебник по PHP
Учебник по JavaScript
Учебник по XML
Java Q&A
AJAX
DHTML
XHTML
Dreamweaver
Web 2.0
Python
Вебмастеру
Cisco
Ruby on Rails
Silverlight

Базы данных

Access
InterBase
MySQL
Oracle
ADO .NET
Основы SQL
Учебник по Access 2002
MS
Microsoft FoxPro
Доступ к данным
XML в MS SQL Server 2000
ODBC и MyODBC
Обучение
Caché
DB2
PostgresSQL
Sybase
Теория
Хранилища данных
Безопасность
Реляционные данные
MySQL и mSQL

Остальное:

Разное
Обзоры книг
Безопасность
Графика и дизайн
Юмор
Linux
Фракталы
Microsoft Axapta
Многоядерность
Сети
Microsoft Office
Работа
MS-DOS
Криптография
Графика и игроделание
Новости SDK
Системы защиты
Учебник по AutoCad
CVS
Windows XP
Windows Server 2003
Windows Vista
Windows 7
Мероприятия