HTML Тэги. Картинки.

Продолжение пособия по ЖЖ тегам. Первую часть можно найти здесь, вторую тут, третью вот здесь.

Данная часть посвящена тегам, которые связаны с картинками. А именно:

<img src=”h t t p://img241.echo.cx/img241/5329/northpolesun5pw.jpg”>

Изображение со всплывающим текстом при наведении на него курсора:
<img src=”h t t p://img241.echo.cx/img241/5329/northpolesun5pw.th.jpg” title=”Этот текст появится при навелении курсора на картинку!” alt=”А этот при её отсутсвии”>

Изображаение придвинутое влево, текст обтекает картинку справа и имеет горизонтальный отступ от неё в 6 пикселей:
<img src=”h t t p://img241.echo.cx/img241/5329/northpolesun5pw.jpg” align=left style=”margin:0 1em 1em 0″>

<div style=”background: url(h t t p://images18.fotki.com/v331/photos/4/442291/3055927/copyright-vi.gif) no-repeat top left;”>
Пишем текст поверх картинки. Старайтесь это никогда не использовать, потому что данный способ часто затрудняет читаемость текста, в зависимости от картинки.
</div>

Картинка с прокруткой (скроллящаяся):
<div style=”overflow: scroll; width:400px;”>
<img src=”h t t p://images28.fotki.com/v976/photos/4/442291/3055927/jagala-vi.jpg”>
</div>

При этом, отображаемую ширину указываем внешнему div-контейнеру в атрибуте width в пикселях. Для вертикальной прокрутки, указываем высоту height. Ширина и высота должна быть меньше чем у картинки.