Реферат: Методи оформлення документу за допомогою тадлиць Опис основнх тегів таблиць які використовують
⚡ 👉🏻👉🏻👉🏻 ИНФОРМАЦИЯ ДОСТУПНА ЗДЕСЬ ЖМИТЕ 👈🏻👈🏻👈🏻
Мета:
Навчитись представляти інформацію у HTML-документі у вигляді таблиць.
Табличні теги мови HTML дозволяють подавати дані у зручній для сприйняття формі. Основним структурним елементом таблиці є комірка, яка містить елемент даних таблиці або заголовок стовпчика даних. Логічно пов'язані комірки групуються разом у рядок таблиці. Рядки, в свою чергу, складають таблицю.
Для створення таблиці використовують тег і відповідний йому закриваючий тег . Між ними розташовані всі теги, необхідні для створення таблиці. Комірка, яка містить елемент даних, задається парою тегів і .
Тег може мати атрибут рамки BORDER=n, який створює рамку шириною n пікселів. За замовчуванням таблиця не окреслена рамкою. У тегу можна використати атрибут BORDERCOLOR для кольору рамки таблиці. Атрибут BORDERCOLOR дорівнює шістнадцятковому RGB або англійській назві кольору.
у тегу і (розташовуються всі елементи, необхідні для створення рядка таблиці.
Для створення заголовків стовпчиків даних використовуються теги <ТН> і , текст в яких автоматично виводиться жирним шрифтом з вирівнюванням по центру.
Атрибут COLSPAN (Column Span) дозволяє здійснювати об'єднання стовпчиків. Якщо необхідно створити яку-небудь комірку, ширшу, від верхньої чи нижньої, за допомогою атрибута COLSPAN= її можна розтягнути над будь-якою кількістю звичайних комірок. ПРИКЛАД:
Атрибут UNIT= тега можна використати атрибут BGCOLOR, який задає колір фону комірки таблиці.
Оскільки таблиці будуються з рядків, між тегами
Приклад застосування атрибута об'єднання комірок визначає одиниці вимірювання, які використовуються при зазначенні розмірів як всієї таблиці, так і окремих стовпчиків. Атрибут UNIT= може приймати такі значення:
- UNIT=EN - це значення надається за замовчуванням і визначає одиницю вимірювання, яка дорівнює еn-пробілу. En-пробіл - це друкарська одиниця вимірювання, яка дорівнює ширині літери . Реальний розмір пробілу залежить від обраного шрифту. Як правило, еп-пробіл дорівнює половині розміру шрифту;
- UNIT=RELATIVE - використовується для визначення відносної ширини стовпчиків у процентах від загальної
- UNIT=PIXELS - це значення використовується, якщо необхідно точно визначити ширину стовпчика на екрані. Наприклад, тег сформує таблицю шириною 340 пікселів.
Атрибут CELLPADDING= визначає ширину порожнього простору мок вмістом комірки і її межами, тобто задає поля всередині комірки.
Розширені можливості розмітки таблиці
ОБ'ЄДНАННЯ РЯДКІВ ТА СТОВПЧИКІВ Використання атрибуту ROWSPAN для об'єднання рядків
ROWSPAN-n (n - ціле число, за замовчуванням n=1) визначає кількість рядків таблиці, які перекриває комірка.
<ТD>Тема 1
<ТD>Тема 4<ТD>Тема 5
Використання
атрибуту
COLSPAN
для
об'єднання стовпчиків
COLSPAN=n (n - ціле число, за замовчуванням n=1) визначає кількість стовпчиків таблиці, які перекриває комірка.
ОДНОЧАСНЕ ВИКОРИСТАННЯ ЗАГОЛОВКІВ ДЛЯ СТОВПЧИКІВ ТА ОБ'ЄДНАННЯ СТОВПЧИКІВ ПРИКЛАД
<ТD>П'ять
Ширина рамки регулюється в тегу Teмa 2 Шість Сім за допомогою атрибуту BORDER=n (n - ціле число, дорівнює ширині рамки в пікселях).
Розташування інформації в комірках таблиці у декілька рядків
Горизонтальне вирівнювання інформації
Вирівнювання інформації в комірках таблиці визначається за допомогою атрибуту
ALIGN=LEFT|RIGHT|CENTER, який може приймати значення LEFT (ліворуч), CENTER (по центру), RIGHT (праворуч). Атрибут горизонтального розташування інформації в комірці ALIGN може застосовуватись до окремих комірок, до всього рядка або до всієї таблиці. Залежно від того, діє використано цей атрибут (в A B C Teпep цеп'ята комірка , або ) відповідно буде проведено вирівнювання інформації у всій таблиці, у рядку або у окремій комірці. Вертикальне вирівнювання інформації Вертикальне вирівнювання інформації в комірках таблиці визначається за допомогою атрибуту VALIGN*TOP|BOTTOM|MIDDLE, який може приймати значення ТОР (догори), BOTTOM (донизу), MIDDLE (посередині). Атрибут вертикального розташування інформації в комірці VALIGN може застосовуватись до окремих комірок, до всього рядка або до всієї таблиці. Залежно від того, де використано цей атрибут (в , або /
Визначення ширини таблиці або окремих її стовпчиків здійснюється за допомогою атрибуту WIDTH=n (n - число aбо проценти). Атрибут WIDTH може застосовуватись до окремих стовпчиків (визначається в ) відповідно буде проведено вирівнювання інформації у всій таблиці, у рядку або в окремій комірці.
Для визначення заголовка таблиці призначається тег , який слід розташовувати посередині контейнеру ....
Тег може містити атрибут ALIGN=TOP|BOTTOM 1
який визначає розташування заголовка відносно таблиці (зверху або знизу таблиці, за замовчуванням - зверху)
Теги <ТВ> та <ТН> можуть містити всередині блоковий елемент. Це означає, що мова HTML дозволяє розмічати вкладені таблиці, тобто припустимою є конструкція ......) або до всієї таблиці (визначається в ). Якщо атрибут WIDTH використано в , то він визначає ширину всієї таблиці у вікні броузера (якщо значення визначено - у пікселях, то ширина таблиці не залежить від розмірів вікна броузера, якщо значення визначено у відсотках, то таблиця буде займати саме цю частину вікна броузера), Атрибут WIDTH тега
Для центрування таблиці у вікні броузера використовується тег , який необхідно відкрити до початку розмітки таблиці тегом використовується броузером, якщо він не конфліктує з вимогами до ширини сусідніх комірок цього ж стовпчика..
(Таблиця займає 50% ширини екрану, кожний стовпчик - 50% ширини таблиці)
Ширина стовпчика -50% ширини таблиці
Ширина стовпчика - 50%ширини таблиці і закрити після
Атрибут HEIGHT використовується для визначення висоти таблиці (якщо він є атрибутом тегу ) або Для визначення висоти рядка відносно висоти таблиці якщо він є атрибутом тегу
Управління кольором елементів таблиці
Атрибути управління кольором: BORDERCOLOR -колір рамки і BGCOLOR - колір фону, використовуються для тегів: , , -колір рядка.
-колір комірки.
За допомогою таблиць можна створювати виділені цитати. Цитата вміщується в таблицю між двома горизонтальними лініями. Завдяки атрибуту ALIGN, тега , . Відповідно облластю їх дії може бути вся таблиця, рядок або окрема комірка.
...- колір всієї таблиці.
текст, який слідує за таблицею, починає її «обтікати». Основний текст розташовується праворуч від таблиці і «обтікає» цитату після того, як перевищить її по висоті. Для виступів тексту від меж сторінки можна застосувати тег