3) Гіперпосилання та горизонтальна лінія
Гіперпосилання формується за допомогою тегу <A>. Одним із основних атрибутів є атрибут href, що вказує адресу сторінки на яку ми будемо посилатись. В даному випадку ми будемо посилатись на сторінку із фотокартками.
В результаті отримаємо:
Горизонтальна лінія формується за допомогою тегу <HR>.
Тег <HR> одинарний.
Атрибути тега <HR>:
ALIGN (значення: CENTER, RIGHT, LEFT);
WIDTH - задає довжину лінії в пікселях або у відсотках від ширини вікна браузера, в останньому випадку ставиться символ %;
SIZE - задає ширину лінії в пік селях;
COLOR - задає колір лінії.
4)Створення форми
Тег <form> встановлює форму на веб-сторінці. Форма призначена для обміну даними між користувачем і сервером. Область застосування форм не обмежена відправкою даних на сервер, за допомогою клієнтських скриптів можна отримати доступ до будь-якого елементу форми, змінювати його та застосовувати за своїм розсудом. Основними атрибутами які ми будемо використовувати у цій лабораторній роботі є:
Action – адреса програми або документа, який обробляє дані форми.
Method – метод протоколу http (у цій роботі використовуємо метод get).
Далі створюємо поля для вводу інформації з клавіатури за допомогою input. На відміну від textarea в стрічці не можна робити переноси.
Тег <input> є одним з різнобічних елементів форми і дозволяє створювати різні елементи інтерфейсу і забезпечити взаємодію з користувачем. Основний атрибут тега <input>, що визначає вид елемента - type. Він дозволяє задавати такі елементи форми: текстове поле (text), поле з паролем (password), перемикач (radio), прапорець (checkbox), приховане поле (hidden), кнопка (button), кнопка для відправки форми (submit), кнопка для очищення форми (reset), поле для відправки файлу (file) і кнопка із зображенням (image). Для кожного елемента існує свій список атрибутів, які визначають його вид і характеристики. Основними, які ми будемо використовувати у цій роботі є:
Align – визначає вирівнювання зображення.
Maxlength – максимальна кількість символів дозволених в тексті.
Name – ім'я поля, призначене для того, щоб обробник форми міг його ідентифікувати.
Required – обов'язкове для заповнення поле.
Size – ширина текстового поля.
Src – адреса графічного файлу для поля із зображенням.
Type –повідомляє браузеру, до якого типу відноситься елемент форми.
Value – значення елемента.десятка нових елементів.
Результат:
Для створення випадаючого списку використовують тег <select>.
Тег <select> дозволяє створити елемент інтерфейсу у вигляді списку, що розкривається. Кожен пункт створюється за допомогою тега <option>, який повинен бути вкладений в контейнер <select>. Основним атрибутом тегу <select> є name. Тег <option> визначає окремі пункти списку, створюваного за допомогою контейнера <select>. Його основним атрибутомя який ми будемо використовувати у роботі є: value – значення пункту списку.
У роботі випадаючий список має містити не менше 10 міст.
Результат:
