В этом уроке ,будем делать 2-слойную рамочку,

Команда <center>  отвечает за размещение нашей рамочке на листе нашего дневника,то есть ставит рамочку по центру, 

если не писать этого тега,то наша рамочка сместится влево

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

Этот тег отвечает за поддержку ширины нашей рамочке и также не дает ей свернуться

И так приступем начнем с того,что обозначим наши слои:

1.первый слой

2.второй слой

Далее показываю наглядно те команды,о которых говорилось в прошлом уроке,надеюсь все будет понятно

2. 

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

Поэтому надо взять соответственно 2 фона к каждому слою свой фон. Теперь вставим картинку в нашу рамочку,для начала выберим ее и загрузим рядом с нашей рамочкой,вот так:

В коде это будет выглядеть так:

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

И так вставляем картинку

В коде это выглядит так(адрес картинки подчеркнул):

Далее подгоняем размер рамки под картинку,так чтобы это красиво выглядело,примерно так:

Ваш текст

Для этого уравниваем размер рамки с размером картинки(вот так):

Ну вот пока все

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Мы осень носим
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

Серия сообщений "Язык HTML":
Часть 1 - HTML - шпаргалка (часть 1)
Часть 2 - Код HTML (часть 2)
...
Часть 6 - Каскадные таблицы стиля
Часть 7 - Коды HTML (рамки для записей)
Часть 8 - Урок №2 Учимся делать рамочки
Часть 9 - УРОКИ -окошки для текста и кнопки
Часть 10 - Вертикальная прокрутка текста
Часть 11 - Создание переходов по страницам Интернета с помощью меню
Часть 12 - Другой вариант меню навигации