Мова програмування html

Це спосіб створення графіки без використання компілятора. Це звичайний текстовий файл, повинен бути в DOS - форматі.
Шрифти: Windows, ANSI. Їх розуміє і обробляє будь-який браузер (Internet Explorer, Netscape).
Будь-який броузер - интерпритатор, исполняюший послідовно файл і виконує його.

HTML швидко розвивається і не всі браузери однаково обробляють ці файли. Зараз всі орієнтуються на Internet Explorer 7.0 в Microsoft Wista.

Мова містить перелік тегів, один тег - команда интерпритатору, але вона пишеться виходячи із загальних правил запису тегів.
ТУТ ТЕЖ НЕМАЄ СТАНДАРТІВ!
Всі веб-сайти складаються з декількох файлів HTML-і декількох графічних файлів

Рекомендується писати в звичайному текстовому редакторі і зберігати як HTML-файл.

Недоліки:
1. Файл буде дуже великим;
2. Интерпритатор його обробить набагато медление.

За традицією файл входу на сайт називається index.
<html> - початок тега
</html> - кінець тега
<head> - заголовок
<body> - тіло.

Структура HTML-файлу:

</HEAD>
<BODY>

</BODY>

</HTML>

У HEAD розташована різна допоміжна інформація загальна для всього BODY. Її писати не обов'язково, але зазвичай пишуть наступне:
<title>...</title> - вміст заголовка.
Крім цього в HEAD вказують версію html, для якої писалося BODY, і вказується як зафарбовувати фон.
Вміст BODY - це просто черговість рядків, в яку вставляють різні керуючі теги, насамперед це інформація, яку потрібно вивести на сторінку. Теги управляють зображенням цієї інформації.
Особливості сприйняття тексту BODY у браузері:

Браузер не бачить кінців рядків, а також перехід з рядка на рядок.
Якщо між словами кілька пробілів, то браузер замінює їх на 1. Весь цей текст BODY браузер виводить у вигляді одного рядка. Але довжина рядка визначається поточної шириною Windows-вікна. Якщо текст не поміщається в рядку, то браузер автоматично переносить на інший рядок. Слова не розриваються і перенесення здійснюється за словами.

Теги:

Теги управляють способами зображення інформації, вони всі графічні.
Приклади тегів:
......<BR>...... - це вказівка обірвати зв'язок на новий рядок;
......<P>...</P>...... - (абзац між абзацами вставляються рядки);
......<DIV>...</DIV>...... - (абзац між абзацами рядка не вставляються);

Управління жирністю.
<B> Текст </B> - підвищена жирність
<I> </I> - похилий текст
<U> </U> - підкреслений текст
<S> </S> - закреслений текст
<SUP> </SUP> - верхній індекс
<SUB> </SUB> - нижній індекс
<BLINK> </BLINK> - текст всередині блимає (створювався для Netscape, Explorer його не виконує).
<tt> </tt> - ширина літер однакова
<big> </big> - збільшення на 1
<small> </small> - зменшення на 1

керувати заголовком

Існує шість типів заголовків:

<H1>....</H1> //Текст в 4 рази більше
<H2>....</H2>
....
<H6>....<H6> //в 2-3 рази менше, ніж зазвичай

Зміна стилю

<EM> Текст </EM>
<CODE > Текст програми </CODE>
<ADDRESS> </ADDRESS> - Internet адреса

Не всі текстові символи можна зображати браузером, які створюються в текстовому редакторі:

&nbsp..... - вставити пробіл;
&lt..... - < ;
&gt..... - > ;
&amp..... - & ;
&#8212... - - ;
&guot..... - ” ;
&#171 - &...lt;< ;
&#187... - >> ;
&#937>... - W ;
&#946>... - b ;
&#145>... - a ;
&#8721>... - S ;

НЕМАЄ ЗАГАЛЬНОГО СТАНДАРТУ!!!

Управління розташування тексту щодо меж сторінки:

<P align = “left” > Текст </P>
“center”
“right”
“justify”

<pre> </pre> - так само як і в web виводить текст на екран;

щоб вставити текст малюнок, потрібно написати наступний тег у тому ділянці тексту, куди необхідно вставити малюнок або анімацію:

*.gif, *.jpg, *.png - можна використовувати будь-який з цих розширень.

Найпростіший спосіб вставити малюнок - рассположить його в тому ж каталозі де знаходиться HTML-сторінка.

Керування розташуванням:

Widht = “N” - в пікселях
“K”- у відсотках
Height =“N”
“K”

Зсув на задану величину

Hspace = N “”
“K”
Vspace = N “”
“K”

Висновок анімації:

<img dynsrc = “ *.avi ”

Для зазначення кількості відтворень потрібно вставити loop = “N” після назви файлу, де N-число.

Приклад.
Потрібно вивести зображення по центру екрану і підписати його.

Гіперпосилання

Це виконання оператора go to;

Особливість web-сторінці - виконується в діалозі , під час переміщення стрілки, вона замінюється на зображення і натиснути на ліву кнопку мишки переходить на іншу web-сторінку.Це самий головний інструмент при роботі з web. У класичній програмі - потрібно весь час стежити за становищем курсору і обробляти повідомлення Windows.
Web-сторінок ніяких обробок не роблять.

<A href = адреса куди перехід>текст посилання </A>

Варіанти запису адреса:

текст - той текст в html на який перейде курсор, при нажатиии на зображення;
___.gif - картинка, пов'язана з текстом;
___.html - рух по web-сайту;
Myweb.com.ua - на інтернет адреса.

Текст посилання може бути звичайним текстом, а може бути і звичайним малюнком. Є можливість намалювати різні посилання до різних частин малюнка.

Анімація на web-сторінок.

Основний елемент анімації - це використання gif-анімації. Можна виводити і avi файли.
Недолік - користувач повинен зберегти ці файли, а це дорого.

Анімація засобами html

У html немає граффических операторів, функцій графіки.

Параметри керування рухом

1. Direction = right, left, up, down.

Якщо потрібно, що б рух було під яким-то кутом, то достатньо двох параметрів.

2. Loop = INFINITE; (необмежено)
Loop = 0;
Loop = N; (анімаційний повтор N разів)

3.Behavior = scroll; зображення рухається зліва направо і навпаки
Behavior = slide; рух до кінця рядка
Behavior = alternative; рух з одного кінця рядка в інший.

Розмір обкладинки анімації

Width = Dx
Height = Dy
Align = middle; (top) переміщення по центру, по верхній частині екрана
bgcolor = колір; колір фону, області руху
scrollmount = K; швидкість руху
scrolldelay = M; величина затримки між рухами.

Бігаюча інформація

1. текст + рисунок
п2.текст

Приклад:

текстовий рядок
зображення ліній

Малювання ліній

___<HR>___
За замовчуванням з'явиться лінія на весь екран, товщина лінії 1 піксель.
Можливо управління, є 2 параметра:
Width = N - ширина лінії
Size = H - товщина лінії
Color = - колір

Вивід звуку

Для початку потрібно мати звуковий файл.
пФоновый звук - відкривається сторінка і відразу грає звук.

.wav
Параметри:
Loop = N - кількість проигрований музики
Balance = “___” - ±10000 додаткове регулювання, визначає зсув ролику відносно початку, кінця файлу.
Volume = “___” - гучність
“0” - максимальна гучність.
“10000” - вимкнено.
Є можливість виводити медіа програвач.