Альтернативний текст

Альтернативний текст відображується браузером на місці картинки, поки та не завантажиться. Або замість картинки, якщо вона з якої-небудь причини не відображувалася.

Коли і якщо картинка завантажилася, альтернативний текст показуватиметься при наведенні курсора миші на цю саму картинку.

Аби додати альтернативний текст, використовується параметр alt тега <img>, якому привласнюється строкове значення, обов'язково поміщене в лапки.

<img src="img/1.png" alt="Альтернативный текст">

Можна створити багаторядковий альтернативний текст.

Наведіть курсор на картинку

Для цього досить вставити перенесення рядка в html-документе.

<img src="img/1.png" alt="Альтернативный
текст">

Вирівнювання зображення

Для зображення, як і для параграфа, існує поняття вирівнювання відносно тексту і інших зображень на сторінці. Задати типа вирівнювання можна також за допомогою параметра align тега <img>.

Нижче приведена таблиця можливих значень параметра align:

Значення	Опис	Результат
<img src="sample.gif" align="texttop">	Верхній кордон зображення вирівнюється по найвищому текстовому елементу поточного рядка.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="top">	Верхній кордон зображення вирівнюється по найвищому елементу поточного рядка.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="middle">	Вирівнювання середини зображення по базовій лінії поточного рядка.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="absmiddle">	Вирівнювання середини зображення по середині поточного рядка.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="baseline">	Вирівнювання зображення по базовій лінії поточного рядка.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="bottom">	Вирівнювання нижнього кордону зображення по довколишньому тексту.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="left">	Вирівнює зображення по лівому краю вікна.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.
<img src="sample.gif" align="right">	Вирівнює зображення по правому краю вікна.	Хоча Карлсон і був кращим в світі фахівцем з парових машин, денатурат він наливав вельми незграбно і навіть пролив його, так що на полиці утворилося ціле денатуратное озеро.

Параметри texttop, top, middle, absmiddle, baseline, bottom задають вирівнювання зображення по вертикалі. А параметри left і right дають браузеру зрозуміти, з якого боку текст повинен обтікати зображення.

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

Аби при обтіканні текст не прилягав близько до зображення, можна задати відступи довкола зображення. Зробити це можна за допомогою параметрів hspace (відступи зліва і справа) і vspace (відступи зверху і знизу) тега <img>.

У наступному прикладі продемонстрований випадок, коли текст обтікає зображення, при цьому зображення вирівняне по лівому краю і має відступи довкола, рівні 5 пікселам:

<img src="img/1.png" align="left" hspace="5" vspace="5">В місті Стокгольмі, на найзвичайнішій вулиці, в найзвичайнішому будинку живе найзвичайніша шведська сім'я по прізвищу Свантесон. Сім'я ця складається з найзвичайнішого папи, найзвичайнішої мами і трьох найзвичайніших хлопців -Боссе, Бетан і Маляти.

Ось результат в браузері:

У місті Стокгольмі, на найзвичайнішій вулиці, в найзвичайнішому будинку живе найзвичайніша шведська сім'я по прізвищу Свантесон. Сім'я ця складається з найзвичайнішого папи, найзвичайнішої мами і трьох найзвичайніших хлопців -Боссе, Бетан і Маляти.

Дата добавления: 2015-10-02