
Помощь блогеру |
Учимся делать рамки.
Урок 1

Чтобы научиться делать рамочки, нужно вникнуть в суть их создания.
Html-код рамки состоит из тегов. Используя многообразие тегов, можно составлять разные рамки.
Что такое ТЕГ
Чтобы лучше усвоить урок, советую нажать на эту ссылку http://htmledit.squarefree.com/ и открыть редактор, в котором можно легко повторять мои действия.

Вставляем код в открывшемся окне в верхней половине редактора. В нижней половине видим результаты наших действий.

Редактируем запись. Введенные данные обновляются. И вы видите это обновление.
Итак, начинаем.
Тег TABLE создает таблицу.
Можно составлять таблицы с разным количеством ячеек.
Сейчас нам понадобится таблица с одной ячейкой, которую мы и назовём впоследствии рамочкой.
<TABLE> СОДЕРЖИМОЕ РАМКИ </TABLE>
Вставим этот элемент кода в редактор и будем его наполнять, дописывая атрибуты к тегу TABLE .
Создаем рамку
Можно скопировать и пользоваться, подставляя свои значения.
<TABLE border "0" background="АДРЕС ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕС ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕС ФОНА" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><TABLE border "0" background="АДРЕС ФОНА" width="ШИРИНА ФОНА ДЛЯ ЗАПИСИ" align="center"><tbody><TR><TD style="padding: ОТСТУП ОТ КРАЯ РАМКИpx;"><center><font size="3" color="8b4513" face="verdana">СОДЕРЖИМОЕ РАМКИ</font></center></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE></TD></TR></tbody></TABLE>
А теперь можно в ней поменять отступы, установить свои фоны, убрать совсем или увеличить ширину обводки, изменить ширину самой рамки, отформатировать текст и т.д.
Ширина такой рамки меняется от значения ширины внутреннего фона, т.е. фона для текста. А в остальных фонах тег можно либо совсем убрать, либо указать такую же, как у внутреннего.
Чтобы отформатировать текст, нужно слова СОДЕРЖИМОЕ РАМКИ заключить в теги <font size="3" color="8b4513" face="verdana">СОДЕРЖИМОЕ РАМКИ</font>
Я уберу бордюр (поставлю значение "0"), поставлю 4 фона и установлю отступы. Получилась такая рамка.
Урок 2
Урок 3
bloginja
|
|