Таблиці
Для того, щоб створити в HTML таблиці, нам потрібно використовувати багато тегів.
Перший тег -"table".Тег "table" обмежує усі дані таблиці. Далі нам потрібно описати область заголовків для таблиці, використовуючи тег "thead".
Кожен раз, коли ми пишемо рядок в таблиці
ми використовуємо тег "tr" всередині тегу "thead". Усередині цього рядка ми повинні дати назву загаловку, використовуючи тег "th".
Для створення рядків з даними нам потрбіно написати тег "tbody" під нашим тегом "thead". А потім ми ще раз створюємо рядок в таблиці з тегом "tr".
Але всередині "tr" замість використання тегу "th", ми будемо використовувати тег "td", тому що ми знаходимося в тілі (body).
І вже між тегами "td" ми заповнюємо дані. Також для створення заголовку таблиці використовують тег "caption".
Таблиці мають такі артрибути:
-"border" - створює рамки для таблиці;
-"width" - задає ширину таблиці.
Гіперпосилання
Тег a використовується як для посилання на інші веб-сайти, так і для частин поточної веб-сторінки.
Він має один обов'язковий атрибут:
href - Де браузер повинен перейти до назначених посилань. Якщо ви хочете, аби ваше посилання переходило
на нову сторінку та відкривалась у новій вкладці, то потрібно писати URL-авдресу, починаючи з HTTP: // або https: // та використовуючи атрибут target=_blank.
Приклад гіперпосилання:
Наступною темою уроку буде CSS
Можна також зробити гіперпосиланням і зображення, використовуючи наведений нижче код. Клацніть на наступну картинку, аби побачити як вона працює.
Карта зображення
Тег "map" використовуєтся для визначення карти зображення. Карта зображення - це опис областей зображення, кожна з яких
є гіперпосиланням на різні сторінки.
Атрибут name є обов'язковим.
Елемент map містить кілька елементів area, які визначають клікабельні області на карті зображення.
Області можуть мати форму:
"poly" - oбласть у вигляді багатокутника (послідовно вказуються координати кожної вершини X1, Y1, X2, Y2,X3,Y3...);
"circle" - oбласть у вигляді кола(визначається три координати - координати центру кола X, Y і її радіус);
"rectangle" - область у вигляді прямокутника(визначається чотири координати - X1, Y1, X2, Y2).
Форма встановлюється як значення артрибуту "shape".
Далі знаходиться приклад карти-зображення та її код
