Работа с изображениями

Загрузка изображений смотри по ссылке

Уменьшить, выровнять по правой границе с обтеканием текста

картинка уменьшена (Thumb)
прижата к правой границе листа , текст обтекает картинку(right)
под картинкой подпись "Цветок"

[[Файл:Zvetok.jpg|thumb|right|Цветок]]

Уменьшить, выровнять по левой границе с обтеканием текста

[[Файл:МБОУ-лицей №4 г. Орла.png |thumb|left|Благодарственное письмо]]

Цветок

Вписать изображение в прямоугольник заданного размера

Можно вписать изображение в прямоугольник заданного размера, указав его ширину и высоту:

[[Файл:Zvetok.jpg|thumb|200x100px|Пояснительная подпись]]

Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно высоту изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : 30000x200px, например.

Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.

Изображение без рамки с всплывающей надписью

Пояснительная подпись

[[Файл:Zvetok.jpg|100px|right|Цветок]] В отличие от изображения с атрибутом «frame» или «thumb», в данном случае изображение не оказывается заключённым в рамку, и альтернативный текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать альтернативный текст после атрибута "right" или "left", за вертикальной чёрточкой.

Окончание обтекания

Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:

<br clear="both" /> Текст, расположенный после этого кода, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.

Расположение по центру

Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:

[[Файл:Zvetok.jpg|100px|thumb|center|Пояснительная подпись]]

Пояснительная подпись

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

Размещение группы иллюстраций в виде Галереи

Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду).

В простейшем случае используется следующий синтаксис.

Файл:Mamont.JPG

Файл:Mamonts.JPG|Подпись

Файл:Денисова.JPG|Подпись со [[Заглавная страница|ссылкой]]

</gallery>

Размещение группы иллюстраций с использованием таблицы

Оформление в Вики

|-valign="top"

|[[Файл:Mamont.JPG|thumb]]

|[[Файл:Mamonts.JPG|thumb|Подпись]]

|[[Файл:Mamonts.JPG|thumb|Подпись со [[Заглавная страница|ссылкой]]]]

Размещение контента по ссылке:

{{#widget:Iframe

|url=https://learningapps.org/view7843900

|width=1000

|height=400

}}

Page updated

Google Sites

Report abuse