46. Створення та використання форм;

В системі HTML форми дозволяють організовувати введення даних.

За допомогою форм можна організовувати відправлення інформації по вказаним URL-адресам.

Форми утворення тегів <FORM>….</FORM>

Тег форм може мати наступні атрибути:

• NAME – задає імя форми

• METHOD – задає спосіб відправлення даних

POST при преселані даних на електронну пошту

• ACTION – задає URL – адресу місця відправлення інформації

Всередені тега форм можна розміщувати елементи введення даних. Всі ці елементи задаються тегом

<INPUT>-цей тег може мати наступні атрибути:

TYPE=TEXT – цей атрибут створює текстове поле для введення

MAXLENGTH – задає максимальну к-ть символів у полі

SIZE – задає к-ть символів, які відображаються

NAME – імя

TYPE=CHECKBOX – створює елемент введення, прапорець

VALUE-TEXT – текст, який буде переданий, якщо прапорець встановлений

CHECKED – цей атрибут автоматично активізує прапорець

NAME - імя

TYPE=FILE – для введення імені файла для предачі

<TEXT AREA>……</ TEXT AREA> - введення багаторядкового тексту

<LABEL >……</ LABEL> - задає підписи до елементів

Для використання кнопки в якості графічного малюнка застосовують атрибут TYPE=IMG CRC –назва файла

TYPE=RESET – очищує форму

<SELECT> - створити список введення

В середині цього тегу для створення списку використовують теги <OPTION>

Кожен тег містить елемент введення. Місце відправлення даних з форми задається в атрибуті форми ACTION. Це може бути URL-адреса бази даних або електронна пошта.

Для переселання інформації на електронну пошту використовують значення атрибута ACTION.

46. Використання в нтмl – сторінках графічних даних

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

У цьому випадку використовують теги:

ALT=TEXT – текстова інформація, яка відображається якщо є проблема з загрузкою графічного файла

ALIGN – задає методи обтікання малюнка до тексту

WIDTH – задає ширину малюнка

HEIGHT – задає висоту

.gif – дозволяє зберігати жекілька малюнків, має невеликий розмір, основним недоліком є наявність тільки 256 кольорів

.jpg – перевага 16 млн. кольорів, високий степінь зжимання

.png – формат, який спеціально розроблений для роботи в веб-браузерах.

Сучасні веб-браузери модернізуються тому є можливість переглядати інші форми графічних файлів.

46. Розміщення відео- та медіафайлів на сторінках

Розглянемо приклад розміщення звукового файлу audio.wav за допомогою тегу <EMBED>, який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги <EMBED SRC=. . .></EMBED>, наприклад, так: <EMBED S​R​C​=​"​a​u​d​i​o​.​w​a​v​"​&​g​t​;​&​l​t​;​/​E​M​B​E​D​&​ g​t​;  Основи веб-дизайну

Розглянемо приклад розміщення звукового файлу audio.wav за допомогою тегу <EMBED>, який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги <EMBED SRC=. . .></EMBED>, наприклад, так: <EMBED S​R​C​=​"​a​u​d​i​o​.​w​a​v></E​M​B​E​D>

Атрибути тега <EMBED> Файл audio.wav у цьому прикладі має бути збережений у поточній папці (тій самій, що й HTML-документ). Тег <EMBED> може мати такі атрибути: SRC (значення — URL-адреса) — адреса кліпу; ALIGN (набуває значень left, right, top, middle, bottom) — вирівнювання панелі програвача щодо тексту; WIDTH (у пікселах) — ширина програвача; HEIGHT (у пікселах) — висота програвача; AUTOSTART (набуває значень true або false) — настроювання автоматичного запуску після завантаження; REPEAT (значення true або false) — настроювання повторного програвання; PLAY_LOOP — кількість повторень; HIDDEN (значення true або false) — показати або приховати панель. <EMBED SRC="filename.avi" WIDTH="300" HEIGHT="160" AUTOSTART="true" REPEAT="false" A​L​I​G​N​=​"​l​e​f​t​"​><​/​E​M​B​E​D>