Создание простой рамочки с избражением внутри

 

Сегодня будем учиться создавать простую рамочку с изображением внутри. Берем как пример одну из пасхальных рамочек: 

ВАШ Т Е К С Т Sheree

Вот скрин кода этой рамочки:

Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)

Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)

Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.

Оранжевым подчеркнута ссылка на мой дневник и то написание, которое будет отображаться во внешней рамочке. Это надо заменить на свои данные.

А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:

<center><table border="2" background="//s61.radikal.ru/i174/0904/05/540011857c4f.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><img data-cke-saved-src="//s52.radikal.ru/i138/0904/6f/6521fd38377d.png" src="//s52.radikal.ru/i138/0904/6f/6521fd38377d.png" align="right" width="343" height="392" alt=" (343x392, 12Kb)" /><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table><font size="-2"><a data-cke-saved-href="http://www.liveinternet.ru/users/sheree/" href="http://www.liveinternet.ru/users/sheree/">Sheree</a></font></td></tr></table></center>