ДОДАТОК 1
ДОДАТОК 1. ТАБЛИЦЯ ОСНОВНИХ ТЕГІВ МОВИ
HTML
|
ОСНОВНІ ТЕГИ |
|||
|
<html></html> |
Сповіщає програмі перегляду сторінок (браузеру), що це HTML- документ. |
||
|
<head></head> |
Визначає місце, де розміщується різна інформація, яка не відображається в тілі документа. Тут розташовується тег назви документа і теги для пошукових машин. |
||
|
<body></body> |
Визначає видиму частину документа |
||
|
ТЕГИ ЗАГОЛОВКУ |
|||
|
<title></title> |
Містить назву документа для заголовку програми перегляду сторінок |
||
|
АТРИБУТИ ТІЛА ДОКУМЕНТА |
|||
|
<body bgcolor=?> |
Встановлює колір фону документа, використовуючи значення кольору у вигляді RRGGBB - приклад: FF0000 - червоний колір. |
||
|
<body text=?> |
Встановлює колір тексту документа, використовуючи значення кольору у вигляді RRGGBB - приклад: #000000 - чорний колір. |
||
|
<body link=?> |
Встановлює колір гіперпосилань, використовуючи значення кольору у вигляді RRGGBB - приклад: #00FF00 – зелений колір |
||
<body vlink=?> |
Встановлює колір гіперпосилань, за якими вже здійснювався перехід, використовуючи значення кольору у вигляді RRGGBB - приклад: #333333 – сірий колір |
|
||
<body alink=?> |
Встановлює колір гіперпосилань при натисканні |
|
||
Теги для форматування тексту |
|
|||
<pre></pre> |
Поміщає в рамку попередньо відформатований текст |
|
||
<h1></h1> |
Створює НАЙБІЛЬШИЙ заголовок |
|
||
<h6></h6> |
Створює найменший заголовок |
|
||
<b></b> |
Створює жирний текст |
|
||
<i></i> |
Створює текст з нахилом |
|
||
<tt></tt> |
Створює текст, який імітує текст друкарської машинки |
|
||
<cite></cite> |
Використовується для цитат (як правило, текст з нахилом) |
|
||
<em></em> |
Використовується для виділення з тексту слова (текст з нахилом або жирний текст) |
|
||
<strong></strong> |
Використовується для виділення найбільш важливих частин тексту (текст з нахилом або жирний текст) |
|
||
<font size=?></font> |
Встановлює розмір тексту в межах від 1 до 7 |
|
||
<font color=?></font> |
Встановлює колір тексту, використовуючи значення кольору у вигляді RRGGBB. |
|
||
Гіперпосилання |
|
|||
У<a href="URL"></a> |
Створює гіперпосилання на інші документи або частину поточного документа |
|
||
<a href="mailto:EMAIL"> </a> |
Створює гіперпосилання виклику поштової програми для написання листа авторові документа |
|
||
<a name="NAME"></a> |
Відмічає частину тексту як ціль для гіперпосилань в документі |
|
||
<a href="#NAME"></a> |
Створює гіперпосилання на частину поточного документа |
|
||
Форматування |
|
|||
<p> |
Створює новий параграф |
|
||
<p align=?> |
Вирівнює параграф відносно однієї із сторін документа, значення: left, right, или center |
|
||
<br> |
Вставляє переведення рядка |
|
||
<blockquote> </blockquote> |
Створює відступи з обох сторін тексту |
|
||
<dl></dl> |
Створює список описів |
|
||
<dt> |
Визначає кожний з термінів списку |
|
||
<dd> |
Описує кожне визначення |
|
||
<ol></ol> |
Створює нумерований список |
|
||
<li> |
Визначає кожний елемент списка і надає йому номер |
|
||
<ul></ul> |
Створює ненумерований (маркований) список |
|
||
<li> |
Додає до кожного елемента списку маркер |
|
||
<div align=?> |
Тег, який використовується для форматування великих блоків тексту HTML документа, також використовується у таблицях стилів |
|
||
ГРАФІЧНІ ЕЛЕМЕНТИ |
|
|||
<img src="name"> |
Додає зображення у HTML- документ |
|
||
<img src="name" align=?> |
Вирівнює зображення до однієї із сторін документа, приймає значення: left, right, center; bottom, top, middle |
|
||
<img src="name" border=?> |
Встановлює ширину рамки навкруг зображення |
|
||
<hr> |
Додає до HTML документа горизонтальну лінію |
|
||
<hr size=?> |
Встановлює висоту (товщину) лінії |
|
||
<hr width=?> |
Встановлює ширину лінії (можна вказати ширину у пікселях або відсотках) |
|
||
<hr noshade> |
Створює лінію без тіні |
|
||
<hr color=?> |
Задає лінії певний колір. Значення кольору RRGGBB. |
|
||
ТАБЛИЦІ |
|
|||
<table></table> |
Створює таблицю |
|
||
<tr></tr> |
Визначає рядок таблиці |
|
||
<td></td> |
Визначає комірку в таблиці |
|
||
<th></th> |
Визначає заголовок таблиці (нормальна клітинка з відцентрованим жирним текстом) |
|
||
Атрибути таблиці |
|
|||
<table border=#> |
Задає товщину рамки таблиці |
|
||
<table cellspacing=#> |
Задає відстань між комірками таблиці |
|
||
<table cellpadding=#> |
Задає відстань між вмістом клітинки і її рамкою |
|
||
<table width=#> |
Встановлює ширину таблиці в пік селях або відсотках від ширини документа |
|
||
<tr align=?> або <td align=?> |
Встановлює вирівнювання комірок в таблиці, приймає значення: left, center, або right. |
|
||
<tr valign=?> або <td valign=?> |
Встановлює вертикальне вирівнювання для клітинок таблиці, приймає значення: top, middle, або bottom. |
|
||
<td colspan=#> |
Вказує кількість стовпчиків, які об’єднані в одній комірці (за замовчуванням 1) |
|
||
<td rowspan=#> |
Вказує кількість рядків, які об’єднано в одній комірці (за замовчуванням 1) |
|
||
<td nowrap> |
Не дозволяє програмі перегляду здійснювати перехід рядка у комірці таблиці |
|
||
Фрейми |
|
|||
<frameset></frameset> |
Передує тегу <body> в документі, який містить фрейми |
|
||
<frameset rows="value,value"> |
Визначає рядки в таблиці кадрів, висота яких визначена кількістю пік селів або у відсотковому відношенні до висоти таблиці фреймів |
|
||
<frameset cols="value,value"> |
Визначає стовпчики в таблиці фреймів, ширина яких визначена кількістю пікселів або у відсотковому відношенні до ширини таблиці фреймів |
|
||
<frame> |
Визначає поодинокий фрейм або зону в таблиці фреймів |
|
||
<noframes></noframes> |
Визначає, що буде показано у вікні браузера, якщо він не підтримує фреймів |
|
||
Атрибути кадрів |
|
|||
<frame src="URL"> |
Визначає, який із HTML документів буде показаний у фреймі. |
|
||
<frame name="name"> |
Вказує ім’я фрейму або зони, яка дозволяє перенаправляти інформацію у цей фрейм або зону з інших фреймів |
|
||
<frame marginwidth=#> |
Визначає величину відступів по лівій і правій межі фрейму: повинно дорівнювати або бути більшим 1 |
|
||
<frame marginheight=#> |
Визначає величину відступів по верхній і нижній межі фрейму; повинно дорівнювати або бути більшим 1 |
|
||
<frame scrolling=VALUE> |
Вказує, чи буде виводитись смуга прокручування в фреймі; значення value може бути "yes," "no," або "auto". Значення за замовчуванням - auto. |
|
||
<frame noresize> |
Забороняє міну розмірів фрейму |
|
||
ФОРМИ |
|
|||
Для форм, що виконують які-небудь функції, повинні бути запущені відповідні CGI скрипти на сервері. HTML тільки створює зовнішній інтерфейс форми |
|
|||
<form></form> |
Створює форму |
|
||
<select multiple name="NAME" size=?></select> |
Створює меню, яке гортається. Size встановлює кількість пунктів меню, яка буде показана на екрані, решта будуть доступні при використанні гортання. |
|
||
<option> |
Визначає кожний окремий елемент меню |
|
||
<select name="NAME"></select> |
Створює маню, що спадає |
|
||
<textarea name="NAME" cols=40 rows=8> </textarea> |
Створює вікно для введення тексту. Columns вказує ширину вікна; rows вказує його висоту |
|
||
<input type="checkbox" name="NAME"> |
Створює checkbox. За тегом слідує текст. |
|
||
<input type="radio" name="NAME" value="x"> |
Створює radio кнопку. За тегом слідує текст. |
|
||
<input type=text name="foo" size=20> |
Створює рядок для введення тексту. Параметром Size вказується довжина у символах. |
|
||
<input type="submit" value="NAME"> |
Створює кнопку “Прийняти” |
|
||
<input type="image" border=0 name="NAME" src="name.gif"> |
Створює кнопку “Прийняти” з використанням зображення |
|
||
<input type="reset"> |
Створює кнопку “Відмінити” |
|
||