Небольшое дополнение в
Сегодня будем учиться подписывать картинки. Понимаю, что проще сделать это прямо на самой картинки, но подозреваю, что не всем такой подход нравится и не всегда это возможно.

Сегодня научу, как делать вот такую конструкцию:

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

Толщина рамки
Может определятся в пикселях (например: "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 «Достучаться до небес»

Update
Как сделать такой плеер?

Update №2
Как окружить текст рамкой?

LI 5.09.15