Курсовая работа: Створення Web-документів. Використання мови HTML
< /HTML >
Початковий тег <BODY> може доповнюватися декількома атрибутами, які визначають зовнішній вигляд документу в цілому.
1.2.Форматування тексту
Вирівнювання тексту та горизонтальна лінія
Для того, щоб вставити розрив рядка, необхідно скористатися тегом <BR> . Якщо потрібно зробити так, щоб в певному місці текст НЕ МІГ бути розірваним, необхідно написати тег <NOBR>. Для розбиття тексту на параграфи використовується тег <P>ТЕКСТ</P>
Тег <P> має один параметр ALIGN, який вказує на спосіб вирівнювання тексту в параграфі: текст може бути вирівнений по правій (RIGHT), лівій (LEFT) межах або по центру (CENTER). Якщо параметр пропущено, то текст вирівнюється по лівому краю. Щоб розмістити параграф по центру можна також використовувати тег <CENTER>…</CENTER>
Ще одним способом розбиття тексту на частини можна назвати горизонтальну лінію. Вона є елементом мови HTML і вставляється в текст за допомогою тегу <HR>, де параметри можуть бути наступними:
WIDTH – задає ширину лінії
SIZE – задає товщину лінії
NOSHADE – лінія не матиме тіні.
Коментар.
Коментар міститься між послідовностями < !-- текст коментаря -- >
Заголовок.
Для їх створення використовуються теги <Н1>...</H1>,...,
<H6>...</H6>. Розмір 1 відповідає найбільшому шрифту, а розмір 6—
найменшому.
Шрифти
Основні шрифти, які використовуються в HTML можна подати за допомогою наступної таблиці:
| Тег | Відповідний тегу шрифт |
| <TT> | Телеграфний курсив |
| <I> | Курсив |
| <b> | Жирний шрифт |
| <big> | Великий шрифт |
| <small> | Маленький шрифт |
| <STRIKE> або <S> | Перекреслений шрифт |
| <u> | Підкреслений шрифт |
Іншим засобом логічного виділення можна вважати тег <STRONG> ...</STRONG>. Зміст тегу звичайно відображається жирним шрифтом. Змінити розмір і колір шрифтів можна за допомогою тегу <FONT >...</FONT>. Параметри тегу можуть бути наступними:
SIZE=``value або value'' – задає абсолютний або відносний розмір шрифту. Відносний розмір задається по відношенню до базового розміру. Діапазон можливих значень від 1 до 7.
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 >
...