Alt - это альтернативный текст изображения. Атрибут тега img (тега вставки изображения)


Зачем это?
Ну для начала, любой html валидатор будет ругаться если у вас не прописаны альты ( валидатор - программа проверяющая правильность html) - уже не оч хорошо:)

Гуляя про просторам инета, любой пользователь может отключить показ изображений на сайтах ( отключается в браузере, например, для экономии трафика ) - и чито он увидит вместо ваших картинок?... Ничего хорошего не увидит:)
А вот если алт прописан, пользователь хотя бы увидит некий текст. Какой придумаете. Например :" Тут клевая картинка, зря не посмотрел" :)))
Ну шутки шутками.
А вечная история не отображения в посте картинок? Пустое место не воодушевляет... так бы хоть альты почитали:)

Как прописать alt?

Пишется элементарно:

<img src="сама ссылка на картинку" alt="тут в кавычках тот самый альтернативный текст">

Если вы загружаете картинку на лиру, нам альты пропишут автоматически:

[показать]


Но в качестве альтернативного текста будет размер и вес картинки... что не очень информативно:(
Поэтому советую переписывать такие альты на свои, более логичные:)

Подсказка title

Вообще очень полезная вещь при оформлении. Когда-то, мимолетом мы уже об этом говорили, тут, например.

О чем это я собственно:) На примере:

Наведите на этот текст курсор мышки и подождите пару секунд.

Если навели правильно (смеюсь),- увидите примерно следующее:


[467x72]

Такую подсказку можно использовать для многих целей. Но в ней может быть только текст. Т.е. картинку, например, в этот прямоугольничек вы впихнуть не сможете:)

Теперь к делу. Чтобы создать такую подсказку, нам надо прописать к какому-либо тегу атрибут title
Например к тегу жирности текста <b>:
Было:
<b>Привет!</b>
Стало:
<b title="Тут пишем текст подсказки. Как видите - в кавычках">Привет!</b>

Думаю, пример понятен:)

Подсказку можно прописать не только к тексту, но и к картинке, таблице, диву и пр. Практически к любому html тегу:)
Пример:
<img src="http://img1.liveinternet.ru/images/attach/c/2/74/542/74542843_1.jpg" title="Тег img. Т.е. тег вставки картинки.">


В качестве совета:
Подсказка это хорошо только в том случае, если понятно, что она вообще есть. Поэтому их обычно пишут к ссылкам и картинкам, т.к. пользователь наводит на них мышку в большинстве случаев.
Если же вы хотите, например, прописать подсказки к тексту, следует обратить внимание пользователя на их наличие. Предупредить как-нить