Словник по HTML для тих, хто собірарается зробити свою першу сторінку

HTML-документ (сторінка) - документ, написаний на мові розмітки гіпертексту (HTML). Укладається між прапорами <HTML> і </ HTML>.

Web-сайт, Web-сервер - ланцюжок логічно пов'язаних документів, написаних на мові HTML.

Значення прапорів розмітки документа

Прапори розмітки - спеціальні команди для розташування на екрані тексту, графіки, відео і аудіо фрагментів, а також команди, що служать для зв'язку з іншими HTML-документами і рессурсов Інтернет.

Основні прапори розмітки

<HEAD> і </ HEAD>. Між цими прапорами розташовується інформація про документ.

<TITLE> і </ TITLE>. У еіх прапорах полягає назва сторіночки, яке буде виведено в рамці вікна програми перегляду.

<BODY> і </ BODY>. "Тіло" документа (текст, графіка і т.д.) розташовується між цими двома прапорами.

Параметри прапора <BODY>:

BGCOLOR - колір фону (<BODY BGCOLOR = "# FFFFFF">)

BACKGROUND - "шпалери" або бекграунд

TEXT - колір тексту

LINK - колір гіпертекстової зв'язку (посилання)

VLINK - колір посилання, вже відвідується в минулому

ALINK - колір активної Посиланням Прапори, службовці для форматування тексту

<P> і </ P> Прапори, службовці для виділення абзадцев. Новий абзац чсегда відділяється від попереднього нового рядка.

<BR> Прапор, службовець для перенесення тексту на інший рядок. Може також служити для відділення графіки від тексту на інтервал.

<HR> Прапор, службовець для логічного поділу тексту горизонтальною лінією.

<PRE> і </ PRE> Між цими прапорами розташовується попередньо відформатований текст. На екран він виводиться шрифтом типу "кур'єр".

параметри вирівнювання

Використовуються в <P> і <H *>

ALIGN = LEFT - вирівнювання по лівому полю

ALIGN = RIGHT - вирівнювання по правому краю

ALIGN = CENTER - вирівнювання по центру

прапори вирівнювання

<LEFT> і </ LEFT> - вирівнювання по лівому полю

<RIGHT> і </ RIGHT> - вирівнювання по правому краю

<CENTER> і </ CENTER> - вирівнювання по центру

Заголовки, службовці для виділення логічних частин тексту

<H1> і </ H1> Заголовок першого рівня.

<H2> і </ H2> Заголовок другого рівня.

<H2> і </ H2> Заголовок третього рівня.

<H4> і </ H4> Тема четвертого рівня.

<H5> і </ H5> Заголовок п'ятого рівня.

<H6> і </ H6> Тема шостого рівня.

Прапори для виділення тексту та шрифту

<B> і </ B> Прапори для виділення тексту (слів, букв) жирним шрифтом.

<I> і </ I> Прапори для виділення тексту (слів, букв) курсивним шрифтом, типу Italic.

<U> і </ U> Текст, розташований між двома цими прапорами, буде підкреслений.

<BLINK> і </ BLINK> Текст, розташований між двома цими прапорами, буде блимати.

<FONT SIZE = + n> і </ FONT>

<FONT SIZE = -n> і </ FONT> Прапори для зміни розміру шрифту.

<FONT COLOR = "# 0000FF> і </ FONT> Прапори для зміни кольору шрифту.

Прапори для формування списків

<OL> і </ OL> Прапори, що показують початок і кінець нумерованого списку

<UL> і </ UL> Прапори, що показують початок і кінець маркованого списку.

<LI> Приклад

<DL> і </ DL> Прапори, що показують початок і кінець глосарію.

<DT> Термін глосарію, розташовується без відступу від лівого поля сторінки.

<DD> Опис терміну, розташовується з відступом від лівого поля сторінки.

Прапори-команди для вставки в текст об'єктів нетекстової інформації

<IMG SRC = "file.gif"> або <IMG SRC = "file.jpg"> - команда для вставки графічного зображення

<IMG SRC = "file.wav"> - команда для вставки звукового фрагмента

<IMG SRC = "file.avi"> - команда для вставки відео фрагмента

Параметри графічного зображення

WIDHT - ширина картинки в пікселях

HEIGHT - висота картинки в пікселях

ALIGN - вирівнювання (ALIGN = LEFT - вирівнювання по лівому полю, ALIGN = RIGHT - по правому краю, ALIGN = TOP - по верхній межі, ALIGN = BOTTOM - по нижній межі, ALIGN = MIDDLE або CENTER - по центру)

HSPACE - горизонтальний відступ від графічного зображення

VSPACE - вертикальний відступ

ALT - альтернативний текст, служить для позначення зображення

Команди, службовці для гіперзв'язку з іншими HTML-документами і рессурсов Інтернет

<A HREF="fail.htm"> і </A> або <A href="/click?http://www.ru"> і </A> - гіперзв'язку

<ADDRESS> <A HREF=mailto:[email protected]> [email protected] </ ADDRESS> - гіперзв'язок з адресою електронної пошти

таблиці

Таблиця - сітка для показу даних в рядках і стовпцях, а також засіб для форматування тексту

<TABLE> і </ TABLE> Прапори для вставки таблиці в HTML документ

Параметри прапора <TABLE>

BGCOLOR - колір фону

BORDER - ширина бордюру

WIDHT - ширина таблиці

Прапори розмітки таблиці

<CAPTION> і </ CAPTION> - назва таблиці, має параметр ALIGN = TOP - вирівнювання над таблицею і ALIGN = BOTTOM - під таблицею.

<TR> і </ TR> Рядок таблиці. Може мати параметри BGCOLOR - колір фону усередині рядка; ALIGN = LEFT, RIGHT, CENTER - вирівнювання всередині рядка; VALIGN = TOP, BOTTOM, MIDDLE - вертикальне вирівнювання всередині рядка таблиці.

<TD> і </ TD> Стовпець таблиці. Може мати параметри BGCOLOR - колір фону під стовпцем; ALIGN = LEFT, RIGHT, CENTER - вирівнювання всередині стовпчика; VALIGN = TOP, BOTTOM, MIDDLE - вертикальне вирівнювання; COLSPAN розтягування клітини на декілька стовпців, ROWSPAN - розтягування клітини на кілька рядків.

<TH> і </ TH> Тема стовпчика. Може мати параметри BGCOLOR - колір фону під назвою; ALIGN = LEFT, RIGHT, CENTER - вирівнювання; VALIGN = TOP, BOTTOM, MIDDLE - вертикальне вирівнювання; COLSPAN, ROWSPAN - розтягування клітини на декілька стовпців або рядків; WIDHT - ширина назви.

Рамки-фрейми

Рамки-фрейми - засіб для поділу екрана на кілька областей, в кожній з яких відображається вміст окремої Web-сторінки або навіть цілого Web-сайту.

<FRAMESET> і </ FRAMESET> Прапори для створення рамки

Параметри прапора <FRAMESET>

COLS - підрозділяють екран на опредленія кількість колонок (вертикальних)

ROWS - підрозділяють екран на опредленія кількість колонок (горизонтальних)

BORDCOLOR - колір рамки

BORDER - ширина бордюру

FRAMEBORDER - межа рамки (FRAMEBORDER = YES - є межа, FRAMEBORDER = NO - немає межі,

FRAMESPACING = n - ширина кордону)

<FRAME> Прапор для опису рамки (<FRAME SRC = "file.htm">).

Параметри прапора <FRAME>

SCROLING - параметр для регулювання смуги прокрутки:

SCROLING = YES - смуга прокрутки буде завжди

SCROLING = NO - смуги прокручування буде

SCROLING = AUTO - смуга прокрутки з'являється тільки в разі потреби

MARGINWIDHT і MARGINHEIGHT - параметри, які керують відступом усередині рамок, служать для вирівнювання графічного зображення усередині рамки

NORESIZE - параметр, указвают на те, що розмір рамки-фрейма ніколи не мінятиметься.

A link to <A HREF="file.htm" TARGET="frame2"> file.htm </A> - Зв'язок між фреймами

TARGET - атрибут зв'язку між фреймами. Має кілька значень:

_BLANK Завантажує вміст сторінки, заданим посиланням, в нове порожнє вікно.

_SELF Вміст сторінки, заданим посиланням, у вікно, яке містить посилання.

_PARENT Завантажує вміст сторінки, заданим посиланням, у вікно, що є безпосереднім власником набору фреймів.

_TOP Вміст сторінки, заданим посиланням, у вікно, ігноруючи використовувані фрейми.

Обробка браузерів, які не підтримують фрейми:

<FRAMESET>

... Тут розташовуються фрейми

</ FRAMESET>

<NOFRAMES>

<BODY>

... Тут розташовується текст без фреймів

<BODY>

</ NOFRAMES>

У секції, призначеної для тих користувачів, які "не бачать" рамки, можна розташувати який-небудь текст пояснення.

Біжучий рядок

<MARQUEE> ТЕКСТ </ MARQUEE> - Прапор, який створює рядок, що біжить

<MARQUEE DIRECTION = left> TEKCT </ MARQUEE> - Якщо біжучий рядок потрібно направити справа наліво

<MARQUEE DIRECTION = right> TEKCT </ MARQUEE> - рух зліва направо.

scroll - стандартне рух від правого краю до лівого

slide - напис один раз пробігає від правого краю до лівого, де і залишається.

alternate - рух від правого краю сторінки до лівого і назад. Безкінечний цикл.

<MARQUEE LOOP = n BEHAVIOR = scroll> TEKCT </ MARQUEE> - Обмеження числа циклів. Значення n оператора LOOP вказує число повторень циклу.

<MARQUEE WIDHT = n> TEKCT </ MARQUEE> - вказати ширину ділянки, займаного біжучим рядком, де n - ширина тієї частини сторінки, на якій розташована рядок, що біжить. Значення n вказується як в пікселях, так і у відсотках від загальної ширини видимої частини сторінки.

<MARQUEE scrollamount = n> TEKCT </ MARQUEE> - Регулювання руху написи по екрану. Тут n - число пікселів.

<MARQUEE scrolldelay = t> TEKCT </ MARQUEE> В даному випадку змінна величина - час t - вимірюється в мілісекундах. Метод завдання швидкості полягає у вказівці часу, через яке текст буде перемальований на екрані заново.

<FONTSIZE = n> <MARQUEE> ТЕКСТ </ MARQUEE> </ FONT> - можливість вказувати величину шрифту тексту в рядку.

<MARQUEE BGCOLOR = n> ТЕКСТ </ MARQUEE> - пофарбувати поверхню рухомого рядка в який-небудь колір, де n, як це бувало і раніше, можна вказати в вид шістнадцятирічного числа або написавши його назву

<MARQUEE HEIGHT = n> ТЕКСТ </ MARQUEE> - вказати висоту рядка, що біжить, задаючи величину n в пікселях