Предыстория
Навигация
Главная
Основной Форум
Архив старого Форума
Галерея
Новости сайта
Объявления
Все статьи
Библиотека
Книги
Карты: топографические, географические, исторические

Генетическая генеалогия Сибири и Забайкалья

Опросы
Вопросы и ответы
Поиск
Файлы

Правила
Рекомендовать
Обратная связь

Личный кабинет

Каталог сайтов
Статистика сайта
Яндекс цитирования Rambler's Top100
Search Engine Optimization
Статистика форумов
Оставлено сообщений
за сутки:0
за неделю:0
за месяц:0
за год:0
всего:40615
Наша кнопка


код кнопки:


Поисковая система сайта Предыстория
HTML учебник / Графика внутри HTML-документа
HTML учебник / Графика внутри HTML-документа
Содержание / Графика внутри HTML-документа

Графика внутри HTML-документа

Одна из наиболее привлекательных черт Web - возможность включения ссылок на графические и иные типы данных в HTML-документ. Делается это при помощи тэга <IMG...ISMAP>. Использование данного тэга позволяет значительно улучшить внешний вид и функциональность документов.

Существует два способа использования графики в HTML-документах. Первый - это внедрение графических образов в документ, что позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее используемая техника при проектировании документов, называемая иногда "inline image". Синтаксис тэга:

<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop ISMAP>

Опишем элементы синтаксиса тэга:

URL

    Обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный URL указывает броузеру где находится рисунок. Рисунок должен храниться в графическом формате, поддерживаемом броузером. На сегодняшний день форматы GIF и JPG поддерживаются большинством броузеров.

ALT="text"

    Данный необязательный элемент задает текст, который будет отображен броузером, не поддерживающим отображение графики или с отключенной подкачкой изображений. Обычно, это короткое описание изображения, которое пользователь мог бы или сможет увидеть на экране. Если данный параметр отсутствует, то на месте рисунка большинство броузеров выводит пиктограмму (иконку), активизировав которую, пользователь может увидеть изображение. Тэг ALT рекомендуется, если ваши пользователи используют броузер, не поддерживающий графический режим, например Lynx.

HEIGTH=n1

    Данный необязательный параметр используется для указания высоты рисунка в пикселах. Если данный параметр не указан, то используется оригинальная высота рисунка. Это параметр позволяет сжимать или растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые броузеры не поддерживают данный параметр. С другой стороны, экранное разрешение у вашего клиента может отличаться от вашего, поэтому будьте внимательны при задании абсолютной величины графического объекта.

WIDTH=n2

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

ALIGN

    Данный параметр используется, чтобы сообщить броузеру, куда поместить следующий блок текста. Это позволяет более строго задать расположение элементов на экране. Если данный параметр не используется, то большинство броузеров располагает изображение в левой части экрана, а текст справа от него.

ISMAP

    Этот параметр сообщает броузеру, что данное изображение позволяет пользователю выполнять какие-либо действия, щелкая мышью на определенном месте изображения. Данная возможность является расширением HTML и будет обсуждена нами позже.

Приведем пример использования данного тэга:

<IMG SRC="http://www.softexpress.com/images/nekton.jpg" ALT="СофтСервис лого" ALIGN="top" ISMAP>

С версии HTML 2.0 у тэга <IMG> появились дополнительные параметры:

<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop| absmiddle|baseline|absbottom BORDER=n3 VSPACE=n4 HSPACE=n5 ISMAP>

Новые параметры:

BORDER

    Данный параметр позволяет автору определить ширину рамки вокруг рисунка.

VSPACE

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

HSPACE

    То же самое, что и VSPACE, но только по горизантали.


Фоновые рисунки

Большинство броузеров позволяет включать в документ фоновый рисунок, который будет матрицироваться и отображаться на фоне всего документа. Некоторые пользователи любят фоновую графику, некоторые нет. Ненавязчивый полупрозрачный рисунок (обои) обычно хорошо выглядит в качестве фона для большинства документов.

Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:

<BODY BACKGROUND="picture.gif">


Задание стандартных цветов

Многие HTML-авторы любят использовать заранее предопределенные цвета фона документа, обычного текста и ссылок. Чтобы задать эти цвета, необходимо включить в тэг <BODY> дополнительные параметры:

<BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">

где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:

BGCOLOR

    Цвет фона документа

TEXT

    Цвет простого текста документа

LINK

    Цвет ссылки

Цвет задается шестизначным числом в шестнадцатиричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF - белому. Например:

<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">

Данная строка определяет белый цвет фона документа, черный текст и серебристые ссылки.


Горизонтальная линия

Используя тэг <HR> вы можете разделить текст горизонтальной чертой.

Формат тэга:

<HR SIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>

Параметры тэга:

SIZE

    Толщина линии в пикселах.

WIDTH

    Ширина линии в пикселах или процентах от ширина окна броузера.

ALIGN

    Расположение на экране (слева | по центру | справа).

NOSHADE

    По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто однотонной темной полоской.


[ Назад | Начало | Наверх ]
Фотогалерея
Знак Донского казачьего войска
Местонахождение наших посетителей
Местонахождение наших посетителей
Генеалогия
МолГен
ЗабГен - Забайкальская генеалогия Светланы Ковалевой
СВРТ
Кольцо генеалогических сайтов
Знаменательные даты
10.10 - Международный день психического здоровья
Список статей
26.11.2011
Учёные собрали беспрецедентное количество проб ДНК коренных забайкальцев
05.04.2010
Теплый город под высоким небом.
09.01.2010
Рождественский подарок от компании "Гентис" - программа "Древо Жизни" бесплатно!
26.10.2009
Компания Гентис объявила о запуске интернет-сервиса ДНК-генеалогических услуг
07.10.2009
Школа фотографии "Альтаир" путешествие Иркутск - Москва - Санкт-Петербург
12.09.2009
''Белый генерал'' Скобелев и его среднеазиатский след.
04.09.2009
Взятие Ташкента
15.08.2009
О профессиональной и любительской лингвистике (окончание)
15.08.2009
О профессиональной и любительской лингвистике (начало)
15.08.2009
Об исторической лингвистике (окончание)
15.08.2009
Об исторической лингвистике (начало)
30.07.2009
Список самарских отставных дворян и казаков
27.06.2009
Изучение генофонда коренных народов Прибайкалья и Забайкалья
Все статьи >>>
Возраст сайта
Главная | Статьи | Форум | Темы | Галерея | Вопросы и ответы | Библиотека | Рекомендовать | Обратная связь

Предыстория - общенациональный историко-культурологический сервер
 © 2005—2009 Predistoria.org
Предыстория.орг
© Денис Григорьев
Все права на материалы принадлежат их авторам (владельцам) и сетевым изданиям, с которых они взяты.

Рейтинг@Mail.ru
Генерация страницы: 0.037 сек. и 13 запросов к базе данных за 0.024 сек.