Давайте сделаем наши дневники красивыми!
Немножко простого HTML |
<S>Это зачёркнутый текст</S>
|
|
Наши руки не для скуки..... |
<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 STYLE="background-color: #DAA520">ВАШ ТЕКСТ</FONT>
|
|
Осваиваем "фильтры" |
Пример фильтра Shadow
<P style="FILTER: Shadow(color=#F08080,direction=45);
WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;
FONT-FAMILY: georgia; TEXT-ALIGN: center;"><FONT color=#483D8B>
<BR> Пример фильтра Shadow<BR><BR></FONT></P>
|
|
Осваиваем "фильтры" |
Пример фильтра Dropshadow
<P style="FILTER: dropshadow(Color=#BDB76B, offx=3, offy=3, positive=1);
WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;
FONT-FAMILY: georgia; TEXT-ALIGN: center;"><FONT color=#A0522D>
<BR> Пример фильтра Dropshadow<BR><BR></FONT></P>
Пример фильтра Dropshadow
|
|
Осваиваем "фильтры" |
Пример фильтра Glow
<P style="FILTER: Glow(Color=#9933FF, Strength=15);
WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;
FONT-FAMILY: georgia; TEXT-ALIGN: center;"><FONT color=#ffff00>
<BR> Пример фильтра Glow<BR><BR></FONT></P>
|
|
А можно и так.... |
Мне очень нравится это колечко!
<blockquote style="background-color: #F4A460; border:6px #8B4513 solid;
padding: 15px; margin:0px 0px 0px 0px;">
<img src=http://www.liveinternet.ru/images/fotos/704676_227080.jpg BORDER="0">
Мне очень нравится это колечко!</blockquote>
|
|
Рамки |
Здесь будет Ваш текст
Здесь будет Ваш текст
1. <blockquote style="border:3px #000000 dashed;
padding: 15px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
2. <blockquote style="background-color: #ffff00; border:3px #ff0000 solid;
padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
|
|
Пояснение к картинке |

<http://www.liveinternet.ru/images/fotos/704676_227080.jpg
ALT="Этот рисунок я выбрала для своего дневника" >
|
|
Работаем с графикой |

<A class=link_main title="Неприятное состояние" href="http://www.oblom.com/">
<img src=http://www.liveinternet.ru/images/fotos/704676_227080.jpg BORDER="0"></A>
|
|
Линии бывают разные! Например: |
1. <hr color="indigo" width="50%" size="19" style="border: dashed 5pt; border-color: indigo ">
2. <hr color="green" width="50%" size="19" style="border: dashed 5pt; border-color: red ">
3. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red ">
4. <hr color="magenta" width="50%" size="19" style="border: dotted 5pt; border-color: magenta ">
5. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: black ">
6. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red ">
7. <hr color="red" width="50%" size="30" style="border: dashed 5pt; border-color: blue ">
|
|
Рисуем линии! |
1.<HR>
2.<HR size=3 color=#FF0000>
3.<HR size=6 color=#000000>
|
|
"Двигаемся" дальше... |
<MARQUEE><img src="http://www.liveinternet.ru/images/fotos/704676_227080.jpg"></MARQUEE>
|
|
Двигающийся текст |
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>
|
|
Необходимые комментарии |
|
|
Урок №1 |
| 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 |
|
|
Это я! |

|
|