Лучше всего размещать на сайте картинки форматов gif или jpg. Иногда нужны и png, а вот bmp'шки не рекомендуются из-за своего гигантского размера: чем больше весит картинка, тем дольше она будет загружаться при просмотре ваших страниц, в результате чего гость просто сбежит с вашего сайта или отключит показ картинок в браузере :)
Картинки вставляются с помощью тега IMG с указанием адреса самой картинки (можно через http. Кстати, url-адрес любой картинки в сети можно узнать, кликнув правой кнопкой по выбранной картинке и выбрать там пункт «свойства») в src:
Если пользователь отключит показ картинок в своем браузере, то вместо картинок увидит эти надписи-комментарии. А по стандартам html указывать alt обязательно всегда, в некоторых случаях можно писать пустой alt="".
Кроме alt'a существует еще и title. В отличие от alt'a, с отключенными картинками при title на экране мы не увидим никаких комментариев к отключенным изображениям в IE. В Firefox наоборот: видимы значения title, но не видны alt'ы (alt всплывает). И еще, title можно приписывать к текстовым ссылкам. Бывает полезно и очень удобно:)
Обтекание картинок текстом
Картинку можно расположить слева или справа от текста. За ее расположение отвечает параметр align:
right — картинка справа от текста; left — картинка слева от текста; bottom — нижняя линия строки текста выравнивается по нижнему краю картинки; top — верхняя линия строки текста выравнивается по верху картинки; middle или center — строка текста выравнивается по середине картинки.
Иногда бывает полезно задать поля вокруг картинки. Это делается с помощью параметров hspace и vspace: