SIZE - задает размір шрифта.
COLOR – вказує колір для тексту.
Наведемо тепер таблицю з деякими назвами і кодами кольорів.
Українська назва | Англійська назва | Код |
Аквамарин | Aqua | #00FFFF |
Білий | White | #FFFFFF |
Жовтий | Yellow | #FFFF00 |
Зелений | Green | #008000 |
Золотий | Gold | #FFD700 |
Індіго | Indigo | #4B0080 |
Каштановий | Maroon | #800000 |
Червоний | Red | #FF0000 |
Оливковий | Olive | #808000 |
Помаранчевий | Orange | #FFA500 |
Пурпуровий | Purple | #800080 |
Світло-зелений | Lime | #00FF00 |
Сріблястий | Silver | #C0C0C0 |
Сірий | Gray | #808080 |
Сизий | Teal | #008080 |
Синій | Blue | #0000FF |
Ультрамарин | Navy | #000080 |
Фіолетовий | Violet | #EE80EE |
Фуксиновий | Fuchsia | #FF00FF |
Чорний | Black | #000000 |
Під кодом розуміємо RGB- код. Будь-який колір в цьому випадку відображається як комбінація червоного (R), зеленого (G) та синього (B) кольорів, взятих в певних пропорціях.
Значення RGB- коду
Колір як рядковий літерал | Червоний | Зелений | Синій | |
aliceblue | F0 | F8 | FF | |
antlquewhite | FA | EB | 07 | |
aqua | 00 | FF | FF | |
aquamarine | 7F | FF | D4 | |
azure | F0 | FF | FF | |
beige | F5 | F5 | DC | |
bisque | FF | E4 | C4 | |
black | 00 | 00 | 00 | |
blanchedalmond | FF | EB | CD | |
blue | 00 | 00 | FF | |
btueviolet | 8A | 2B | E2 | |
brown | A5 | 2A | 2A | |
burlywood | DE | B8 | 87 | |
cadetbluc | 5F | 9E | A0 | |
chartreuse | 7F | FF | 00 | |
chocolate | 02 | 69 | 1E | |
coral | FF | 7F | 50 | |
cornflowecblue | 64 | 95 | ED | |
cornsilk | FF | F8 | DC | |
crimson | DC | 14 | 3C | |
cyan | 00 | FF | FF | |
darkblue | 00 | 00 | 88 | |
darkcyan | 00 | 8B | 8B | |
darkgoldenrod | B8 | 86 | 0B | |
darkgray | A9 | A9 | A9 | |
darkgreen | 00 | 64 | 00 | |
darkkhaki | B0 | 87 | 6B | |
darkmagenta | 8B | 00 | 8B | |
darkofivegreen | 55 | 6B | 2F | |
darkorange | FF | 8C | 00 | |
darkorchid | 99 | 32 | CC | |
darkred | 8B | 00 | 00 | |
darksalmon | E9 | 96 | 7A | |
darkseagreen | 8F | BC | 8F | |
darkslateblue | 48 | 3D | 8B | |
darkslategray | 2F | 4F | 4F | |
darkturquolse | 00 | CE | D1 | |
darkviolet | 94 | 00 | D3 | |
deeppink | FF | 14 | 93 | |
deepskyblue | 00 | BF | FF | |
dimgray | 69 | 69 | 69 | |
dodgerblue | 1E | 90 | FF | |
firebrick | B2 | 220 | 22 | |
floralwhite | FF | FA | F0 | |
forestgreen | 22 | 8B | 22 | |
fuchsia | FF | 00 | FF | |
gainsboro | DC | DC | DC | |
ghostwhite | F8 | F8 | FF | |
gold | FF | D7 | 00 | |
goldenrod | DA | A5 | 20 | |
gray | 80 | 80 | 80 | |
green | 00 | 80 | 00 | |
greenyeflow | AD | FF | 2F | |
honeydew | F0 | FF | F0 | |
hotpink | FF | 69 | B4 | |
indianred | CD | 5C | 5C | |
indigo | 4B | 00 | 82 | |
ivory | FF | FF | F0 | |
khaki | F0 | E6 | 8C | |
lavender | E6 | E6 | FA | |
lavenderblush | FF | F0 | F5 | |
lawngreen | 7C | FC | 00 | |
lemonchiffon | FF | FA | CD | |
lightblue | AD | D8 | E6 | |
lightcoral | F0 | 80 | 80 | |
lightcyan | E0 | FF | FF | |
lightgoldenrodyellow | FA | FA | D2 | |
lightgreen | 90 | EE | 90 | |
lightgrey | D3 | D3 | D3 | |
lightpink | FF | B6 | C1 | |
lightsalmon | FF | A0 | 7A | |
lightseagreen | 20 | B2 | AA | |
lightskyblue | 87 | CE | FA | |
lightslategray | 77 | 88 | 99 | |
lightsteelblue | B0 | C4 | DE | |
lightyellow | FF | FF | E0 | |
lime | 00 | FF | 00 | |
limegreen | 32 | CD | 32 | |
linen | FA | F0 | E6 | |
magenta | FF | 00 | FF | |
maroon | 80 | 00 | 00 | |
mediumaquamarine | 66 | CD | AA | |
mediumblue | 00 | 00 | CD | |
mediumorchid | BA | 55 | D3 | |
mediumpurple | 93 | 70 | DB | |
mediumseagreen | 3C | B3 | 71 | |
mediumslateblue | 7B | 68 | EE | |
mediumspringgreen | 00 | FA | 9A | |
mediumturquoise | 48 | D1 | CC | |
mediumvioletred | C7 | 15 | 85 | |
midnightblue | 19 | 19 | 70 | |
mintcream | F5 | FF | FA | |
mistyrose | FF | E4 | E1 | |
moccasin | FF | E4 | B5 | |
navajowhite | FF | DE | AD | |
navy | 00 | 00 | 80 | |
oldlace | FD | F5 | E6 | |
olive | 80 | 80 | 00 | |
olivedrab | 6B | 8E | 23 | |
orange | FF | A5 | 00 | |
orangered | FF | 45 | 00 | |
orchid | DA | 70 | D6 | |
palegoldenrod | EE | E8 | AA | |
palegreen | 98 | FB | 98 | |
paleturquoise | AF | EE | EE | |
palevioletred | DB | 70 | 93 | |
papayawhip | FF | EF | D5 | |
peachpuff | FF | DA | B9 | |
peru | CD | 85 | 3F | |
pink | FF | C0 | CB | |
plum | DD | A0 | DD | |
powderblue | B0 | E0 | E6 | |
purple | 80 | 00 | 80 | |
red | FF | 00 | 00 | |
rosybrown | BC | 8F | 8F | |
royalblue | 41 | 69 | E1 | |
saddlebrown | 8B | 45 | 13 | |
salmon | FA | 80 | 72 | |
sandybrown | F4 | A4 | 60 | |
seagreen | 2E | 8B | 57 | |
seashell | FF | F5 | EE | |
sienna | A0 | 52 | 2D | |
silver | C0 | C0 | C0 | |
skyblue | 87 | CE | EB | |
slateblue | 6A | 5A | CD | |
slategray | 70 | 80 | 90 | |
snow | FF | FA | FA | |
sprlnggreen | 00 | FF | 7F | |
steelblue | 46 | 82 | B4 | |
tan | 02 | 84 | 8C | |
teal | 00 | 80 | 80 | |
thistle | D8 | BF | D8 | |
tomato | FF | 63 | 47 | |
turquoise | 40 | E0 | D0 | |
violet | EE | 82 | EE | |
wheat | F5 | DE | B3 | |
white | FF | FF | FF | |
whitesmoke | F5 | F5 | F5 | |
yellow | FF | FF0 | 00 | |
yellowgreen | 9A | CD | 32 |
1.3. Таблиці та списки
Таблиці
Таблиці є важливим засобом для створення сторінок. До появи в мові HTML засобів для створення таблиць, не можна було навіть розмістити будь-який текст у колонках, не кажучи вже про створення якої-небудь таблиці. Але після появи таких можливостей Web- дизайнери почали використовувати її в повній мірі й досягають досить складних ефектів.
Створюється таблиця за допомогою такої конструкції:
<TABLE >
<CAPTION>Заголовок</CAPTION>
<TR >
<TD >
...
</TD>
....
</TR>
</TABLE>
Властивості тегу <TABLE>.
Тег TABLE починає опис таблиці і може мати наступні параметри:
BORDER – визначає товщину рамки таблиці. Якщо вказано нульове значення, то рамка не відображається. Якщо цей параметр не вказаний, його значення вважається нульовим(рамка не відображається).
WIDTH, HEIGHT – вказують розміри таблиці, якщо вони повинні бути чітко заданими.
ALIGN – визначає, як повинна бути вирівняна таблиця: справа (RIGHT), зліва (LEFT) або по центру (CENTER) сторінки.
CELLSPACING – число точок між окремими ячейками в таблиці.
CELLPADDING – число точок між рамкою і змістом ячейки.
За допомогою тегу <TR >...</TR> оформлюються рядки таблиці. Він може мати наступні параметри:
ALIGN – використовується для задання способу горизонтального форматування даних в середині ячейок: вони можуть вирівнюватися по правій (RIGHT), по лівій (LEFT) межах або по центру (CENTER).
VALIGN – використовується для задання вертикального форматування даних в середині ячейок: вони можуть вирівнюватися по верхній (TOP), нижній (BOTTOM) межам, по центру (MIDDLE) або мати загаль-ну базову лінію (BASELINE).
Конкретні ячейки задаються за допомогою тегу <TD >...</TD>, де параметри можуть бути наступними:
WIDTH – задає ширину ячейки.
COLSPAN – визначає, скільки колонок таблиці ячейка буде перекривати.
ROWSPAN – визначає, скільки рядків таблиці ячейка буде перекривати.
NOWRAP – якщо цей параметр вказаний, то зміст ячейок не буде переноситися, для того щоб влізти в ширину ячейки.
BGCOLOR – параметр, який підтримується сучасними браузерами: вказує колір фону ячейки у вигляді RGB-триплету або символьного іме-ні.
Ще один тег для для оформлення ячейок таблиць- тег <TH>...</TH> - потрібен для задання ячейок-заголовків. Він в усьому співпадає з тегом <TD>, але на відміну від нього, зміст виділяється жирним шрифтом і розміщується по центру.
Якщо потрібно задати заголомок УСІЄЇ таблиці, то використовуєть-ся тег <CAPTION >...</CAPTION>. Він має бути в середині тегу <TABLE>, але поза описом ячейок. У нього є лише один параметр:
ALIGN – вказує положення заголовку: він може бути в верхній (TOP) або нижній (BOTTOM) частині таблиці.
Списки
Списки в HTML бувают двох видів: впорядковані (пронумеровані)і невпорядковані (непронумеровані). Відрізняються вони лише способом оформлення. Перед пунктами невпорядкованих списків звичайно ставлять символи-булети(bullets), наприклад, точки, ромбики і т.п., в той час, як пунктам впорядкованих списків передують їх номера.
Впорядкований (пронумерований) список.
В HTML список складається з тегу-контейнеру списку, який визначає його тип і стандартних тегів <LI>, що передують кожному пункту списку. Коли броузер зустрічає тег впорядкованого списку, він послідовно нумерує пункти списку: 1, 2, 3 і т. д. Впорядкований список відкривається тегом <OL>, а кожен його пункт починається стандартним тегом <LI>. Для створення заголовку списку використовується спеціальний тег <LH>. Список закриваєтся тегом </OL>. Відкриваючий і зачиняючий теги забезпечують переведення рядка до і після списку, відділяючи таким чином список від решти тексту, тому тут немає необхідності використовувати теги абзацу <P>. Впорядковані списки дозволяють вкладення одне в одного.