Урок 3.3: Альтернативный текст и подпись к изображению.

Бывает так, что у пользователя выключен показ изображений в настройках браузера. Для этого в HTML предусмотрен атрибут тега <img> - alt. Его еще называют альтернативный текст.

<html>
 <head>
  <title>Выделение текста</title>
 </head>
 <body>
  <img src="/images/pic.jpg" alt="Моя фотография">
 </body>
</html>

Результат

Моя фотография

Текста нет?! Это из-за того, что размеры не указаны. Если указать высоту изображения - то отобразится нужный нам текст.

<html>
 <head>
  <title>Выделение текста</title>
 </head>
 <body>
  <img src="/images/pic.jpg" alt="Моя фотография" height="150">
 </body>
</html>

Результат

Моя фотография

Атрибут alt помогает пользователям, не видя изображения, понять что на ней могло быть изображено.

Подпись

Подпись к изображению осуществляется атрибутом title

<html>
 <head>
  <title>Выделение текста</title>
 </head>
 <body>
  <img src="/images/pic.jpg" title="Кубик Рубика )))" height="150">
 </body>
</html>

Результат

<< Размеры изображения | Перечень уроков | Формат изображений >>