Вы не поверите, но чтобы такое сделать, придётся научится ... рисовать рамки!

Да-да! Вы не ослышались.



Толщина рамки

Может определятся в пикселях (например: "2px") или в относительных значениях ("thin", "medium" или "thick").



Цвет рамки

Определяется как обычно в html: "#123456", "rgb(123,123,123)" или просто "orange".



Типы рамок

А вот тут надо показывать.















Вот собственно и всё. Теперь надо сделать таблицу, внутрь её вставить картинку, а саму таблицу окружить рамкой.



Сложно? Тогда вот вам готовый код:

<table border="0" cellspacing="0" cellpadding="0" style="border: 1px solid black; width: 200px; margin: 3px 3px 3px 0;"><td style="padding: 3px 3px 3px 3px;"><img src="тут адрес картинки" width="ширина картинки в пикселях" height="высота картинки в пикселях" border="0" /></td><tr><td style="padding: 3px 3px 3px 3px; font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: center;">Тут подпись картинки</td></tr></table>



Хочу обратить ваше внимание на 2 момента:

1. Текст " style="border: 1px solid black;" описывает свойства вашей рамки.

Первый параметр ("1px") - это её толщина.

Второй параметр ("solid") - это её тип.

Третий параметр ("black") - её цвет.



2. Размер картинки (width="ширина картинки") должен совпадать с размером рамки ("width: 200px"). Ну, или по крайней мере быть не меньше.



Кстати, в рамки можно вставлять не только картинки.

Например:

Чайф и Би-2 «Достучаться до небес»