Работа с изображениями и организация ссылок.

Тег <IMG> предназначен для отображения на Web-странице изображений в графическом формате GIF, JPEG или PNG.

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

Параметры:

Ø Align - Определяет, как рисунок будет выравниваться по краю и способ обтекания текстом.

· Bottom - Выравнивание нижней границы изображения по окружающему тексту.

· Left - Выравнивает изображение по левому краю окна.

· Middle - Выравнивание середины изображения по базовой линии текущей строки.

· Right - Выравнивает изображение по правому краю окна.

· Top - Верхняя граница изображения выравнивается по самому высокому элементу текущей строки.

Ø Alt - Альтернативный текст для изображения (если изображение по каким-либо причинам будет отсутствовать, то вместо него будет выведен текст)

Ø Border - Толщина рамки вокруг изображения.

Ø Height - Высота изображения.

Ø Width - Ширина изображения.

Ø Hspace - Горизонтальный отступ от изображения до окружающего контента.

Ø Vspace - Вертикальный отступ от изображения до окружающего контента.

Ø Lowsrc - Путь к графическому файлу низкого разрешения для предварительного отображения.

Ø Src - Путь к графическому файлу.

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок (якорей).

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

Параметры:

Ø Href - Задает адрес документа, на который следует перейти.

Ø Name - Устанавливает имя якоря внутри документа. Правильное оформление якоря:

<a href=”#nachalo”> Начало </a>

…

<a name=”#nachalo”> Начало </a>

Ø Target - Имя окна или фрейма, куда браузер будет загружать документ.

· _blank — загружает страницу в новое окно браузера.

· _self — загружает страницу в текущее окно (по умолчанию).

Ø Title - Добавляет всплывающую подсказку к тексту ссылки.

11. Контейнеры ­ элементы DIV и SPAN. Списки.

В HTML существует специальный элемент DIV, который может служить контейнером для любых других элементов HTML. Элементы, помещенные внутрь тега DIV, отделяются от остальною содержимого страницы абзацным отступом. С помощью атрибута align можно задавать выравнивание содержимого контейнера. Например, если мы захотим для целой группы элементов задать выравнивание по центру, то можно сделать это, поместив их внутрь контейнера и задав выравнивание для всего контейнера в целом, а не для каждого его элемента отдельно.

<DIV align="center">

<Нl> Заголовок 1 </Нl>

<Н2> Заголовок 2 </Н2>

<НЗ> Заголовок 3 </Н3>

<Н4> Заголовок 4 </Н4>

<Н5> Заголовок 5 </Н5>

<H6> Заголовок 6 </Н6>

<DIV> ­ все заголовки будут выровнены по центру страницы. Это дает нам некоторые удобства и экономию в написании кода, а соответственно, и размер файла будет меньше. У контейнеров есть и другие области применения. Например, при использовании каскадных таблиц стилей и элемента DIV можно создавать блоки, задавать для них уникальные параметры оформления и позиционировать их на экране в нужное место.

Элемент SPAN, в отличие от элемента DIV, создает строчной блок. С его помощью можно вытащить не который фрагмент текста и потом задать для него своеобразное оформление при помощи каскадных таблиц стилей.

Тег <OL>устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>.

Параметры:

Ø Type - устанавливает вид маркера списка.

· заглавные латинские буквы (А);

· строчные латинские буквы (а);

· заглавные римские цифры (III);

· строчные римские цифры(i);

· арабские цифры (3).

Ø Start - число, с которого будет начинаться нумерованный список.

Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>.

Параметры:

Ø Type - устанавливает вид маркера списка.

· disc – жирная точка;

· circle – круг;

· square – квадрат.

Тег <LI> определяет отдельный элемент списка.