Урок 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>

Результат

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