Урок №1

Таблица базовых цветов BgColor

Aliceblue F0F8FF	Antiquewhite FAEBD7	Aquarius 0AE0A0	Aquamarine 7FFFD4
Azure F0FFFF	Beige F5F5DC	Bisque FFE4C4	Black 000000
Blanchedalmond FFEBCD	Blue 0000FF	Blueviolet B000E0	Brown A52A2A
Burlywood DEB887	Cadetblue 5F9EA0	Chartreuse 7FFF00	Chocolate D2691E
Coral FF7F50	Cornflowerblue 6495ED	Cornsilk FFF8DC	Crimson DC143C
Cyan 00FFFF	Darkblue 00008B	Darkcyan 008B8B	Darkgoldenrod B8860B
Darkgray A9A9A9	Darkgreen 006400	Darkkhaki BDB76B	Darkmagenta 8B008B
Darkolivegreen 556B2F	Darkorange FF8C00	Darkorchid 9932CC	Darkred 8B0000
Darksalmon E9967A	Darkseagreen 8FBC8F	Darkslateblue 483D8B	Darkslategray 2F4F4F
Darkturquoise 00CED1	Darkviolet 9400D3	Deeppink FF1493	Deepskyblue 00BFFF
Dimgray 696969	Dodgerblue 1E90FF	Firebrick B22222	Floralwhite FFFAF0
Forestgreen 228B22	Fuchsia FF00FF	Gainsboro DCDCDC	Ghostwhite F8F8FF
Gold FFD700	Goldenrod DAA520	Gray 808080	Green 008000
Greenyellow ADFF2F	Honeydew F0FFF0	Hotpink FF69B4	Indianred CD5C5C
Indigo 4B0082	Ivory FFFFF0	Khaki F0E68C	Lavendar E6E6FA
Lavenderblush FFF0F5	Lawngreen 7CFC00	Lemonchiffon FFFACD	Lightblue ADD8E6
Lightcoral F08080	Lightcyan E0FFFF	Lightgoldenrodyellow FAFAD2	Lightgreen 90EE90
Lightgrey D3D3D3	Lightpink FFB6C1	Lightsalmon FFA07A	Lightseagreen 20B2AA
Lightskyblue 87CEFA	Lightslategray 778899	Lightsteelblue B0C4DE	Lightyellow FFFFE0
Lime 00FF00	Limegreen 32CD32	Linen FAF0E6	Magenta FF00FF
Maroon 800000	Mediumauqamarine 66CDAA	Mediumblue 0000CD	Mediumorchid BA55D3
Mediumpurple 9370D8	Mediumseagreen 3CB371	Mediumslateblue 7B68EE	Mediumspringgreen 00FA9A
Mediumturquoise 48D1CC	Mediumvioletred C71585	Midnightblue 191970	Mintcream F5FFFA
Mistyrose FFE4E1	Moccasin FFE4B5	Navajowhite FFDEAD	Navy 000080
Oldlace FDF5E6	Olive 808000	Olivedrab 6B8E23	Orange FFA500
Orangered FF4500	Orchid DA70D6	Palegoldenrod EEE8AA	Palegreen 98FB98
Paleturquoise AFEEEE	Palevioletred D87093	Papayawhip FFEFD5	Peachpuff FFDAB9
Peru CD853F	Pink FFC0CB	Plum DDA0DD	Powderblue B0E0E6
Purple 800080	Red FF0000	Rosybrown BC8F8F	Royalblue 4169E1
Saddlebrown 8B4513	Salmon FA8072	Sandybrown F4A460	Seagreen 2E8B57
Seashell FFF5EE	Sienna A0522D	Silver C0C0C0	Skyblue 87CEEB
Slateblue 6A5ACD	Slategray 708090	Snow FFFAFA	Springgreen 00FF7F
Steelblue 4682B4	Tan D2B48C	Teal 008080	Thistle D8BFD8
Tomato FF6347	Turquoise 40E0D0	Violet EE82EE	Wheat F5DEB3
White FFFFFF	Whitesmoke F5F5F5	Yellow FFFF00	YellowGreen 9ACD32

Двигающийся текст

Движение текста достигается при помощи тега <marquee>
1Ваш текст
2Ваш текст
3Ваш текст
4Ваш текст
5Ваш текст
6Ваш текст

Исходный текст:

1. <MARQUEE>Ваш текст</MARQUEE>

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Наши руки не для скуки.....


Исходный текст:

<DIV style="WRITING-MODE: tb-rl"><FONT style="FONT-WEIGHT: normal; 

FONT-SIZE: 16px;  WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia; 

TEXT-ALIGN: justify">Ваш текст</FONT></DIV>

Переменные:
FONT-WEIGHT тип шрифта
FONT-SIZE размер шрифта
WIDTH высота надписи
HEIGHT ширина надписи
FONT-FAMILY гарнитура шрифта
TEXT-ALIGN выравнивание (в данном случае — привязка к краям, варианты left, right)

Два хитрых тега

Текст можно заставить приподняться и опуститься.
Для этого используем теги <SUB> и <SUP>:

Бук_{вы пляш}ут, сл^овно пь_яные...

Исходный текст:

Бук<SUB>вы пляш</SUB>ут, сл<SUP>овн</SUP>о пь<SUB>ян</SUB>ые...

Фильтр Wave

Наступила зима!

Буквы начали дрожать... Замёрзли, видимо...

Исходный текст:

<P style="FILTER: wave(freq='5', add='0', LightStrength='3', phase='1', strength='2'); 
width: 700px; height: 25px; FONT-FAMILY: georgia;
TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 25px;">
Буквы начали дрожать... Замёрзли, видимо...</P>

Переменные:
Freq — количество волн
Add — показать/скрыть окантовку (1 или 0 соответственно)
LightStrength — сила волн
Phase — угол волн
Strength — интенсивность волн

Украшаем табличку!

Несколько хитростей, связанных с табличкой...
Если толщину бордюра указать равной "0", то её, разумеется, не будет видно. Это можно использовать для разбивки текста на колонки.
Табличку можно сделать цветной. Для этого просто указываем цвет фона. Вот так:

1	2
3	4

Исходный текст:

<table width="400" border="3" cellspacing="0" cellpadding="0">

<tr><td bgColor=#ff0000>1</td><td bgColor=#ffff00>2</td></tr>

<tr><td bgColor=#00ff00>3</td><td bgColor=#0000ff>4</td></tr>

</table>

Точно так же меняется цвет, размер и начертание шрифта. Смотрим внимательно:

1	2
3	4

Исходный текст:

<table width="400" border="3" cellspacing="0" cellpadding="0">

<tr><td bgColor=#ff0000><FONT COLOR=#ffff00><FONT FACE=georgia>1</td>

<td bgColor=#ffff00><FONT COLOR=#ff0000><FONT FACE=arial><B>2</B></td></tr>

<tr><td bgColor=#00ff00><FONT FACE=times><B><I>3</I></B></td>

<td bgColor=#0000ff><FONT COLOR=#ffffff><FONT FACE=arial><FONT SIZE=6>4</td></tr>

</table>

Я надеюсь, всё понятно?

Новая фишка!

Менять можно не только цвет фона под сообщением, но и ставить любой рисованный фон на свой вкус. Правда, делается это долго и в несколько этапов.
Рассказываю:
• У каждого (наверняка) в дневнике имеются закрытые записи. Их нужно использовать как хранилище для фоновых файлов, чтобы не видны были посторонним.
Итак, в закрытую запись комментарием прикрепляем картинку фона.
• Создаём текст нового сообщения и публикуем его закрыто!
• Входим в режим редактирования закрытой записи (кнопка редактировать)
• То, что нам предлагается к редактированию, помещаем в такой контейнер:

<table width=100% border="0" cellspacing="8" cellpadding="0" 
background="URL"><tr><td><font color=#FFFFFF 
font face=georgia font size=3>Ваш текст сообщения</font></td></tr></table>

• Вместо URL подставляем адрес фоновой картинки (его можно узнать кликнув правой кнопкой мыши по рисунку и выбрать Свойства)
• На свой вкус и усмотрение меняем цвет, размер и начертание текста
• И кликаем на Готово!

---

Вот что у нас должно получиться (картинка фона находится у меня в комментарии про зачеркнутый текст):

Теперь наше сообщение находится на красивом цветном фоне. Каждый может экспериментировать в меру своих возможностей!

Подсказка

Совсем простенько... Подведите курсор к тексту!

Исходный текст:

<q title="текст подсказки">Совсем простенько...</q>

Рамка с заголовком

Из новой книги по HTML

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

Исходный код:

<FIELDSET><LEGEND><B><font color=red>Заголовок</font></B></LEGEND>Текст</FIELDSET>

Из вопросов

Для ЛисС
Про кнопку и как её сделать.
Исходный код:

<FORM action=http://URL назначения/ method=get>

<INPUT type=submit value="Текст на кнопке"></FORM>

Ничего сложного. Вставишь адрес, напишешь текст и всё будет работать.