Свойства изображения

Данная функция позволяет изменить свойства размещенной картинки: размер, альтернативное название, описание, выравнивание и пр.

Рассмотрим, как это можно сделать.

Шаг 1

В рабочей области текстового редактора нажмите на кнопку "Добавить/изменить изображение".

phpZo3oq5

Шаг 2. Общие

На вкладке "Общие" Вам будут доступны следующие настройки:

  • Адрес - URL картинки.
  • Описание - какое-либо примечание о сути изображения - это полезно для "восприятия" Вашего сайта поисковиками. Также описание отображается при отключенном в браузере показе картинок или во время их загрузки. Такой текст появляется раньше самого изображения и дает представление о его содержании. Данное поле соответствует атрибуту "alt".
  • Заголовок - альтернативное название для изображения - оно будет всплывать при наведении курсора на иллюстрацию.

phpOPKYCv

Шаг 3. Положение

На вкладке "Положение" Вы сможете отредактировать такие параметры, как:

  • Выравнивание - способ выравнивания картинки относительно текста и документа.
    • По базовой линии - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки,
    • По верхнему краю - выравнивает текущую текстовую строку по верхнему краю изображения,
    • По центру - выравнивает текущую текстовую строку по центру изображения,
    • По нижнему краю - выравнивает текущую текстовую строку по нижнему краю изображения,
    • По верхнему краю текста - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки,
    • По нижнему краю текста - выравнивают верхнюю кромку изображения с нижней линией текущей текстовой строки,
    • По левому краю - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа,
    • По правому краю - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
  • Размер - длина и ширина картинки в пикселах. Если при этом Вы отметите галочку "Сохранять пропорции" - при смене одной величины - вторая будет изменятся пропорционально автоматически.
  • Вертикальный отступ - отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселах (значение атрибута vspace).
  • Горизонтальные отступ - отступ по горизонтали до ближайшего объекта, в пикселах (значение атрибута hspace).
  • Граница - толщина рамки для изображения.
  • Класс - тут можно выбрать класс изображения (если ранее он был задан).
  • Стиль - в данном поле Вы можете вручную прописать стиль для изображения (значение атрибута style).

phpyC4eaG

Шаг 4. Дополнительно

На вкладке "Дополнительно" Вам будут доступны следующие настройки:

  • Альтернативное изображение - при активации данной галочки Вы сможете задать адреса для двух альтернативных изображений:
    • При наведении - картинка, которая будет сменять начальную иллюстрацию при наведении курсора.
    • В покое - картинка, которая при снятии курсора будет сменять ту иллюстрацию, которая выводилась при наведении.
  • Имя элемента - идентификатор картинки (id).
  • Направление текста - направление письма: слева-направо (left to right) или справа-налево (right to left - для восточных языков).
  • Код языка - при необходимости укажите код используемого языка.
  • Карта ссылок - значение атрибута usemap.
  • Ссылка на полное описание - тут можно указать ссылку на подробное описание картинки (longdesc).

phppDCkNY

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий